git.roojs.org Git - bootswatch/blob - Progressus/sidebar-left.html

   1 <!DOCTYPE html>\r
   2 <html lang="en">\r
   3 <head>\r
   4         <meta charset="utf-8">\r
   5         <meta name="viewport"    content="width=device-width, initial-scale=1.0">\r
   6         <meta name="description" content="">\r
   7         <meta name="author"      content="Sergey Pozhilov (GetTemplate.com)">\r
   8         \r
   9         <title>Left Sidebar template - Progressus Bootstrap template</title>\r
  10 \r
  11         <link rel="shortcut icon" href="assets/images/gt_favicon.png">\r
  12         \r
  13         <link rel="stylesheet" media="screen" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">\r
  14         <link rel="stylesheet" href="assets/css/bootstrap.min.css">\r
  15         <link rel="stylesheet" href="assets/css/font-awesome.min.css">\r
  16 \r
  17         <!-- Custom styles for our template -->\r
  18         <link rel="stylesheet" href="assets/css/bootstrap-theme.css" media="screen" >\r
  19         <link rel="stylesheet" href="assets/css/main.css">\r
  20 \r
  21         <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->\r
  22         <!--[if lt IE 9]>\r
  23         <script src="assets/js/html5shiv.js"></script>\r
  24         <script src="assets/js/respond.min.js"></script>\r
  25         <![endif]-->\r
  26 </head>\r
  27 \r
  28 <body>\r
  29         <!-- Fixed navbar -->\r
  30         <div class="navbar navbar-inverse navbar-fixed-top headroom" >\r
  31                 <div class="container">\r
  32                         <div class="navbar-header">\r
  33                                 <!-- Button for smallest screens -->\r
  34                                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>\r
  35                                 <a class="navbar-brand" href="index.html"><img src="assets/images/logo.png" alt="Progressus HTML5 template"></a>\r
  36                         </div>\r
  37                         <div class="navbar-collapse collapse">\r
  38                                 <ul class="nav navbar-nav pull-right">\r
  39                                         <li><a href="index.html">Home</a></li>\r
  40                                         <li><a href="about.html">About</a></li>\r
  41                                         <li class="dropdown">\r
  42                                                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">More Pages <b class="caret"></b></a>\r
  43                                                 <ul class="dropdown-menu">\r
  44                                                         <li class="active"><a href="sidebar-left.html">Left Sidebar</a></li>\r
  45                                                         <li><a href="sidebar-right.html">Right Sidebar</a></li>\r
  46                                                 </ul>\r
  47                                         </li>\r
  48                                         <li><a href="contact.html">Contact</a></li>\r
  49                                         <li><a class="btn" href="signin.html">SIGN IN / SIGN UP</a></li>\r
  50                                 </ul>\r
  51                         </div><!--/.nav-collapse -->\r
  52                 </div>\r
  53         </div> \r
  54         <!-- /.navbar -->\r
  55 \r
  56         <header id="head" class="secondary"></header>\r
  57 \r
  58         <!-- container -->\r
  59         <div class="container">\r
  60                 \r
  61                 <ol class="breadcrumb">\r
  62                         <li><a href="index.html">Home</a></li>\r
  63                         <li class="active">Left Sidebar</li>\r
  64                 </ol>\r
  65 \r
  66                 <div class="row">\r
  67                         \r
  68                         <!-- Sidebar -->\r
  69                         <aside class="col-md-4 sidebar sidebar-left">\r
  70 \r
  71                                 <div class="row widget">\r
  72                                         <div class="col-xs-12">\r
  73                                                 <h4>Lorem ipsum dolor sit</h4>\r
  74                                                 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, ratione delectus reiciendis nulla nisi pariatur molestias animi eos repellat? Vel.</p>\r
  75                                         </div>\r
  76                                 </div>\r
  77                                 <div class="row widget">\r
  78                                         <div class="col-xs-12">\r
  79                                                 <h4>Lorem ipsum dolor sit</h4>\r
  80                                                 <p><img src="assets/images/1.jpg" alt=""></p>\r
  81                                         </div>\r
  82                                 </div>\r
  83                                 <div class="row widget">\r
  84                                         <div class="col-xs-12">\r
  85                                                 <h4>Lorem ipsum dolor sit</h4>\r
  86                                                 <p><img src="assets/images/2.jpg" alt=""></p>\r
  87                                                 <p>Qui, debitis, ad, neque reprehenderit laborum soluta dolor voluptate eligendi enim consequuntur eveniet recusandae rerum? Atque eos corporis provident tenetur.</p>\r
  88                                         </div>\r
  89                                 </div>\r
  90 \r
  91                         </aside>\r
  92                         <!-- /Sidebar -->\r
  93 \r
  94                         <!-- Article main content -->\r
  95                         <article class="col-md-8 maincontent">\r
  96                                 <header class="page-header">\r
  97                                         <h1 class="page-title">Lorem ipsum dolor sit amet, consectetur.</h1>\r
  98                                 </header>\r
  99                                 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium, itaque, cumque, maxime obcaecati reprehenderit ea dignissimos amet voluptatem id excepturi facilis totam veritatis maiores eveniet neque explicabo temporibus quisquam in ex ab fugiat ipsa tempore sunt corporis nostrum quam illum!</p>\r
 100                                 <p>Consectetur cupiditate labore repudiandae beatae nisi fugiat facilis natus illum vitae doloremque. In, perspiciatis, natus, impedit voluptas itaque odio repudiandae placeat nisi totam repellendus earum dolores mollitia tempore quasi beatae alias cum dicta maxime laborum corporis harum porro magnam laboriosam.</p>\r
 101                                 <p>Aut, eaque, minus atque alias odio mollitia cum nisi ipsa nulla natus quae minima similique ipsam aspernatur molestias animi in deleniti nam. Tempora, labore, modi eum perspiciatis doloremque sequi nam illo corporis iusto maiores nisi recusandae repellat animi reiciendis accusamus.</p>\r
 102 \r
 103                                 <h2>A, quibusdam, nobis, eveniet consequatur</h2>\r
 104                                 <p>A, quibusdam, nobis, eveniet consequatur alias doloremque officia blanditiis fuga et numquam labore reiciendis voluptas quis repellat quos sunt non dolore consectetur at sit nam tenetur dolorem? Harum, quas, sit perspiciatis esse odit temporibus aperiam nulla aspernatur sequi fugiat tempore?</p>\r
 105                                 <p>Ad velit consequuntur quo qui odit quam sapiente repudiandae et ea pariatur? Ex sapiente beatae nobis consectetur ea. Deleniti, beatae, magnam, dolorum, fuga nostrum quas laboriosam sapiente temporibus enim voluptates ullam impedit atque quae provident quos mollitia aperiam perferendis amet.</p>\r
 106 \r
 107                                 <blockquote>Numquam, ut iure quia facere totam quas odit illo incidunt. Voluptatem, nostrum, ex, quasi incidunt similique cum maxime expedita unde labore inventore excepturi veniam corporis sequi facere ullam voluptates amet illum quam fuga voluptatibus ipsum atque sunt eos. Ut, necessitatibus.</blockquote>\r
 108                                 <p>Odit, laudantium, dolores, natus distinctio labore voluptates in inventore quasi qui nobis quis adipisci fugit id! Aliquam alias ea modi. Porro, odio, sed veniam hic numquam qui ad molestiae sint placeat expedita? Perferendis, enim qui numquam sequi obcaecati molestiae fugiat!</p>\r
 109                                 <p>Aperiam, odit, quasi, voluptate fugiat quisquam velit magni provident corporis animi facilis illo eveniet eum obcaecati adipisci blanditiis quas labore doloribus eos veniam repudiandae suscipit tempora ad harum odio eius distinctio hic deleniti. Sunt fuga ad perspiciatis repellat deleniti omnis!</p>\r
 110 \r
 111                                 <h3>Numquam, ut iure quia facere totam quas odit illo incidunt</h3>\r
 112                                 <p>Est, maiores, fuga sed nemo qui veritatis ducimus placeat odit quisquam dolorum. Rem, sunt, praesentium veniam maiores quia molestias eos fugit eaque ducimus veritatis provident assumenda. Quia, fuga, voluptates voluptatibus quis enim nam asperiores aliquam dignissimos ullam recusandae debitis iste.</p>\r
 113                                 <p>Dignissimos, beatae, praesentium illum eos autem perspiciatis? Minus, non, tempore, illo, mollitia exercitationem tempora quas harum odio dolores delectus quidem laudantium adipisci ducimus ullam placeat eaque minima quae iure itaque corporis magni nesciunt eius sed dolor doloremque id quasi nisi.</p>\r
 114                         </article>\r
 115                         <!-- /Article -->\r
 116 \r
 117                 </div>\r
 118         </div>  <!-- /container -->\r
 119         \r
 120 \r
 121         <footer id="footer" class="top-space">\r
 122 \r
 123                 <div class="footer1">\r
 124                         <div class="container">\r
 125                                 <div class="row">\r
 126                                         \r
 127                                         <div class="col-md-3 widget">\r
 128                                                 <h3 class="widget-title">Contact</h3>\r
 129                                                 <div class="widget-body">\r
 130                                                         <p>+234 23 9873237<br>\r
 131                                                                 <a href="mailto:#">some.email@somewhere.com</a><br>\r
 132                                                                 <br>\r
 133                                                                 234 Hidden Pond Road, Ashland City, TN 37015\r
 134                                                         </p>    \r
 135                                                 </div>\r
 136                                         </div>\r
 137 \r
 138                                         <div class="col-md-3 widget">\r
 139                                                 <h3 class="widget-title">Follow me</h3>\r
 140                                                 <div class="widget-body">\r
 141                                                         <p class="follow-me-icons">\r
 142                                                                 <a href=""><i class="fa fa-twitter fa-2"></i></a>\r
 143                                                                 <a href=""><i class="fa fa-dribbble fa-2"></i></a>\r
 144                                                                 <a href=""><i class="fa fa-github fa-2"></i></a>\r
 145                                                                 <a href=""><i class="fa fa-facebook fa-2"></i></a>\r
 146                                                         </p>    \r
 147                                                 </div>\r
 148                                         </div>\r
 149 \r
 150                                         <div class="col-md-6 widget">\r
 151                                                 <h3 class="widget-title">Text widget</h3>\r
 152                                                 <div class="widget-body">\r
 153                                                         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, dolores, quibusdam architecto voluptatem amet fugiat nesciunt placeat provident cumque accusamus itaque voluptate modi quidem dolore optio velit hic iusto vero praesentium repellat commodi ad id expedita cupiditate repellendus possimus unde?</p>\r
 154                                                         <p>Eius consequatur nihil quibusdam! Laborum, rerum, quis, inventore ipsa autem repellat provident assumenda labore soluta minima alias temporibus facere distinctio quas adipisci nam sunt explicabo officia tenetur at ea quos doloribus dolorum voluptate reprehenderit architecto sint libero illo et hic.</p>\r
 155                                                 </div>\r
 156                                         </div>\r
 157 \r
 158                                 </div> <!-- /row of widgets -->\r
 159                         </div>\r
 160                 </div>\r
 161 \r
 162                 <div class="footer2">\r
 163                         <div class="container">\r
 164                                 <div class="row">\r
 165                                         \r
 166                                         <div class="col-md-6 widget">\r
 167                                                 <div class="widget-body">\r
 168                                                         <p class="simplenav">\r
 169                                                                 <a href="#">Home</a> | \r
 170                                                                 <a href="about.html">About</a> |\r
 171                                                                 <a href="sidebar-right.html">Sidebar</a> |\r
 172                                                                 <a href="contact.html">Contact</a> |\r
 173                                                                 <b><a href="signup.html">Sign up</a></b>\r
 174                                                         </p>\r
 175                                                 </div>\r
 176                                         </div>\r
 177 \r
 178                                         <div class="col-md-6 widget">\r
 179                                                 <div class="widget-body">\r
 180                                                         <p class="text-right">\r
 181                                                                 Copyright &copy; 2014, Your name. Designed by <a href="http://gettemplate.com/" rel="designer">gettemplate</a> \r
 182                                                         </p>\r
 183                                                 </div>\r
 184                                         </div>\r
 185 \r
 186                                 </div> <!-- /row of widgets -->\r
 187                         </div>\r
 188                 </div>\r
 189         </footer>       \r
 190                 \r
 191 \r
 192 \r
 193 \r
 194 \r
 195         <!-- JavaScript libs are placed at the end of the document so the pages load faster -->\r
 196         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>\r
 197         <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>\r
 198         <script src="assets/js/headroom.min.js"></script>\r
 199         <script src="assets/js/jQuery.headroom.min.js"></script>\r
 200         <script src="assets/js/template.js"></script>\r
 201 </body>\r
 202 </html>