Untitled

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>TOM-POL Chemia Niemiecka</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->

    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }
    </style>

    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>


    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="shortcut icon" href="../assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
  </head>

  <body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a href="#" class="brand">TOMPOL</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active"><a href="#">O nas</a></li>
              <li><a href="#about">Dojazd</a></li>
              <li><a href="#contact">Kontakt</a></li>
              <li class="dropdown">
                <a href="#" data-toggle="dropdown" role="button" id="drop4" class="dropdown-toggle">Dropdown <b class="caret"></b></a>
                <ul aria-labelledby="drop4" role="menu" class="dropdown-menu" id="menu1">
                  <li><a href="#" tabindex="-1">Action</a></li>
                  <li><a href="#" tabindex="-1">Another action</a></li>
                  <li><a href="#" tabindex="-1">Something else here</a></li>
                  <li class="divider"></li>
                  <li><a href="#" tabindex="-1">Separated link</a></li>
                </ul>
              </li>
            </ul>
            <form class="navbar-form pull-right">
              <input type="text" placeholder="Email" class="span2">
              <input type="password" placeholder="Password" class="span2">
              <button class="btn" type="submit">Sign in</button>
            </form>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span3">
          <div class="well sidebar-nav">

              <img class="featurette-image pull-right" src="a.jpg">

            <ul class="nav nav-list">
              <li class="nav-header">Chemia</li>
              <li class="active"><a href="#">Proszki</a></li>
              <li><a href="#">Tabletki</a></li>
              <li><a href="#">Zele</a></li>
              <li><a href="#">Mydlo</a></li>
              <li><a href="#">Reczniki</a></li>
              <li><a href="#">3qw</a></li>
              <li class="nav-header">Spożywcze</li>
              <li><a href="#">Czekolady</a></li>
              <li><a href="#">Zelki</a></li>
              <li><a href="#">Batony</a></li>
              <li class="nav-header">Inne</li>
              <li><a href="#">1</a></li>
              <li><a href="#">2</a></li>
              <li><a href="#">3</a></li>
            </ul>
          </div><!--/.well -->
        </div><!--/span-->
        <div class="span9">
          <div class="hero-unit">
            <h1>Serdecznie Witamy </h1>
            <br>
            <p>Firma TOMPOL serdecznie wita na swojej stronie, serdecznie zachecamy do zapoznania sie z nasza oferta sprzedazy. Oferujemy panstwu szeroki wybor towarow z zakresu produktow chemicznych sprowadzanych z za granicy, w naszej ofercie znajda panstwo miedzy innymi: proszki, zele do prania, mydla w plynie, mydla w kostkach, szampony, srodki do czyszczenia, tabletki do zmywarek oraz pralek, plyny do mycia naczyn itd. W razie jakichkolwiek pytan prosimy o kontakt telefoniczny: 509-833-069, lub 728-324-043 lub za posrednictwem Internetu: e-mail: tomekjana@wp.pl.
</p>
          </div>
          <div class="row-fluid">
            <div class="span4">
              <h2>Reklama 1</h2>
              <img class="featurette-image pull-right" src="a.jpg">
              <p><a class="btn btn-info" href="#">Zobacz wiecej &raquo;</a></p>
            </div><!--/span-->
            <div class="span4">
              <h2>Reklama 2</h2>
              <img class="featurette-image pull-right" src="a.jpg">
              <p><a class="btn btn-info" href="#">Zobacz wiecej &raquo;</a></p>
            </div><!--/span-->
            <div class="span4">
              <h2>Reklama 3</h2>
              <img class="featurette-image pull-right" src="a.jpg">
              <p><a class="btn btn-info" href="#">Zobacz wiecej &raquo;</a></p>
            </div><!--/span-->
          </div><!--/row-->
          <div class="row-fluid">
            <div class="span4">
              <h2>News stary</h2>
              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
              <p><a class="btn" href="#">View details &raquo;</a></p>
            </div><!--/span-->
            <div class="span4">
              <h2>News stary</h2>
              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
              <p><a class="btn" href="#">View details &raquo;</a></p>
            </div><!--/span-->
            <div class="span4">
              <h2>News stary</h2>
              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
              <p><a class="btn" href="#">View details &raquo;</a></p>
            </div><!--/span-->
          </div><!--/row-->
        </div><!--/span-->
      </div><!--/row-->

      <hr>

      <footer>
        <p>&copy; Company 2012</p>
      </footer>

    </div><!--/.fluid-container-->


  </body>
</html>