xxxxxxxxxx<html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Trekking</title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/styles.css"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <div class="container"> <header> <div class="row" id="top-header"> <div class="col-md-1 col-md-offset-1"> <a href="index.html"><img src="img/logo.png" alt="Logo Trekk"></a> </div> <div class="col-md-3 col-md-offset-7"> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="products.html">Products</a></li> <li><a href="cart.html"><span class="glyphicon glyphicon-shopping-cart"></span></a></li> </ul> </nav> </div> </div><!-- end row 1 --> <div class="row" id="header-text"> <div class="col-md-12"> <h2 style="font-size:40px;text-align:center;">Our clothing , your comfort</h2> <p style="text-align:center;">Lorem ipsum dolor sit amet, consectetur <br> adipisicing elit. Ullam repellendus voluptates <br>corrupti dolores, quasi quam.</p> </div> </div><!-- end row 2 --> <a href="#main"><span id="chevron" class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></a> </header> <section id="main"> <div class="row" id="main-col-1"> <div class="col-md-9"> <ul id="filter"> <li><input type="checkbox"> MEM</li> <li><input type="checkbox"> WOMEN</li> <li><input type="checkbox"> CHILDREN</li> </ul> </div><!-- end col --> <div class="col-md-3"> <button type="button" class="btn btn-primary">SEE ALL PRODUCTS</button> </div> </div><!-- end row --> <section id="products1"> <h2>MEN</h2> <div id="pag1"> <span style="padding-left:5px;">1/5</span> <ul> <li></li><a href="#"><span class="glyphicon glyphicon-chevron-left"></span></a> <li><a href="#"><span class="glyphicon glyphicon-chevron-right"></span></a></li> </ul> </div><!-- end pag1 --> <div class="clearfix"></div> <div class="row"> <div class="col-md-3 col-md-offset-1"> <div class="prod1"> <select> <option value="Size">Size</option> <option value="s">S</option> <option value="m">M</option> <option value="l">L</option> </select> <ul> <li><button><i class="fa fa-circle"></i></button></li> <li><button><i class="fa fa-circle"></i></button></li> <li><button><i class="fa fa-circle"></i></button></li> </ul> <img src="img/p1.png" alt=""> <div class="prod-footer"> <span id="prod-name">T-Shirt</span> <span id="prod-price">A$15.00</span> </div> </div><!-- end prod1 --> </div><!-- end col --> <div class="col-md-"></div> <div class="col-md-"></div> </div> </section> <div class="row" id="footer-1"> <div class="col-md-6 col-md-offset-3" > <fieldset> <legend>About Us</legend> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, tempora incidunt assumenda ea commodi provident explicabo, sed veritatis dolor perspiciatis doloribus eius, reprehenderit aliquam, consequatur labore temporibus natus esse perferendis! Sequi pariatur enim eius, facere itaque dolores cum odio eos obcaecati, doloribus vitae perspiciatis deserunt quidem ad dolorem ipsum saepe!</p> </fieldset> </div> </div><!-- end footer row 1 --> <div class="row" id="footer-2"> <div class="col-md-4 col-md-offset-1"> <p><i class="fa fa-twitter" style="font-size:30px;padding-right:10px;color:#424242;"></i>“ E-commerce psd theme available ”</p> </div> </div><!-- end footer row 2 --> </section> <footer> <div class="row" id="footer-3"> <div class="col-md-3 col-md-offset-1" > <h3>TREKKING</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim est tenetur, earum eius reiciendis temporibus ea rem, doloremque laborum odit sequi. Saepe quis natus pariatur rerum est ad! Atque, fugit.</p> </div><!-- end first col --> <div class="col-md-5 col-md-offset-3" id="footer-nav"> <nav> <ul> <li><a href="#">CREDITS</a></li> <li><a href="#">PRIVACY</a></li> <li><a href="#">ABOUT</a></li> <li><a id="last" href="#">CONTACT</a></li> </ul> </nav> <p>Design by gianluca cosetta</p> </div><!-- end col --> </div><!-- end footer row 3 --> </footer> </div><!-- end of container --> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body></html> https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js
https://oss.maxcdn.com/respond/1.4.2/respond.min.js
https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js