git.roojs.org Git - bootswatch/blob - mPurpose/page-blog-posts.html

   1 <!DOCTYPE html>
   2 <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
   3 <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
   4 <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
   5 <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
   6     <head>
   7         <meta charset="utf-8">
   8         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   9         <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
  10         <meta name="description" content="">
  11         <meta name="viewport" content="width=device-width">
  12
  13         <link rel="stylesheet" href="css/bootstrap.min.css">
  14         <link rel="stylesheet" href="css/icomoon-social.css">
  15         <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
  16
  17         <link rel="stylesheet" href="css/leaflet.css" />
  18                 <!--[if lte IE 8]>
  19                     <link rel="stylesheet" href="css/leaflet.ie.css" />
  20                 <![endif]-->
  21                 <link rel="stylesheet" href="css/main.css">
  22
  23         <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
  24     </head>
  25     <body>
  26         <!--[if lt IE 7]>
  27             <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
  28         <![endif]-->
  29
  30
  31         <!-- Navigation & Logo-->
  32         <div class="mainmenu-wrapper">
  33                 <div class="container">
  34                         <div class="menuextras">
  35                                         <div class="extras">
  36                                                 <ul>
  37                                                         <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
  38                                                         <li>
  39                                                                 <div class="dropdown choose-country">
  40                                                                         <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
  41                                                                         <ul class="dropdown-menu" role="menu">
  42                                                                                 <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
  43                                                                                 <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
  44                                                                                 <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
  45                                                                         </ul>
  46                                                                 </div>
  47                                                         </li>
  48                                                 <li><a href="page-login.html">Login</a></li>
  49                                         </ul>
  50                                         </div>
  51                         </div>
  52                         <nav id="mainmenu" class="mainmenu">
  53                                         <ul>
  54                                                 <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
  55                                                 <li>
  56                                                         <a href="index.html">Home</a>
  57                                                 </li>
  58                                                 <li>
  59                                                         <a href="features.html">Features</a>
  60                                                 </li>
  61                                                 <li class="has-submenu active">
  62                                                         <a href="#">Pages +</a>
  63                                                         <div class="mainmenu-submenu">
  64                                                                 <div class="mainmenu-submenu-inner">
  65                                                                         <div>
  66                                                                                 <h4>Homepage</h4>
  67                                                                                 <ul>
  68                                                                                         <li><a href="index.html">Homepage (Sample 1)</a></li>
  69                                                                                         <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
  70                                                                                 </ul>
  71                                                                                 <h4>Services & Pricing</h4>
  72                                                                                 <ul>
  73                                                                                         <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
  74                                                                                         <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
  75                                                                                         <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
  76                                                                                         <li><a href="page-pricing.html">Pricing Table</a></li>
  77                                                                                 </ul>
  78                                                                                 <h4>Team & Open Vacancies</h4>
  79                                                                                 <ul>
  80                                                                                         <li><a href="page-team.html">Our Team</a></li>
  81                                                                                         <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
  82                                                                                         <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
  83                                                                                 </ul>
  84                                                                         </div>
  85                                                                         <div>
  86                                                                                 <h4>Our Work (Portfolio)</h4>
  87                                                                                 <ul>
  88                                                                                         <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
  89                                                                                         <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
  90                                                                                         <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
  91                                                                                         <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
  92                                                                                         <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
  93                                                                                 </ul>
  94                                                                                 <h4>General Pages</h4>
  95                                                                                 <ul>
  96                                                                                         <li><a href="page-about-us.html">About Us</a></li>
  97                                                                                         <li><a href="page-contact-us.html">Contact Us</a></li>
  98                                                                                         <li><a href="page-faq.html">Frequently Asked Questions</a></li>
  99                                                                                         <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
 100                                                                                         <li><a href="page-events.html">Events</a></li>
 101                                                                                         <li><a href="page-404.html">404 Page</a></li>
 102                                                                                         <li><a href="page-sitemap.html">Sitemap</a></li>
 103                                                                                         <li><a href="page-login.html">Login</a></li>
 104                                                                                         <li><a href="page-register.html">Register</a></li>
 105                                                                                         <li><a href="page-password-reset.html">Password Reset</a></li>
 106                                                                                         <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
 107                                                                                         <li><a href="page-coming-soon.html">Coming Soon</a></li>
 108                                                                                 </ul>
 109                                                                         </div>
 110                                                                         <div>
 111                                                                                 <h4>eShop</h4>
 112                                                                                 <ul>
 113                                                                                         <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
 114                                                                                         <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
 115                                                                                         <li><a href="page-products-slider.html">Products Slider</a></li>
 116                                                                                         <li><a href="page-product-details.html">Product Details</a></li>
 117                                                                                         <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
 118                                                                                 </ul>
 119                                                                                 <h4>Blog</h4>
 120                                                                                 <ul>
 121                                                                                         <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
 122                                                                                         <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
 123                                                                                         <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
 124                                                                                         <li><a href="page-news.html">Latest & Featured News</a></li>
 125                                                                                 </ul>
 126                                                                         </div>
 127                                                                 </div><!-- /mainmenu-submenu-inner -->
 128                                                         </div><!-- /mainmenu-submenu -->
 129                                                 </li>
 130                                                 <li>
 131                                                         <a href="credits.html">Credits</a>
 132                                                 </li>
 133                                         </ul>
 134                                 </nav>
 135                         </div>
 136                 </div>
 137
 138         <!-- Page Title -->
 139                 <div class="section section-breadcrumbs">
 140                         <div class="container">
 141                                 <div class="row">
 142                                         <div class="col-md-12">
 143                                                 <h1>Blog Posts</h1>
 144                                         </div>
 145                                 </div>
 146                         </div>
 147                 </div>
 148
 149         <!-- Posts List -->
 150         <div class="section blog-posts-wrapper">
 151                 <div class="container">
 152                                 <div class="row">
 153                                         <!-- Post -->
 154                                         <div class="col-md-4 col-sm-6">
 155                                                 <div class="blog-post">
 156                                                         <!-- Post Info -->
 157                                                         <div class="post-info">
 158                                                                 <div class="post-date">
 159                                                                         <div class="date">30 JAN, 2013</div>
 160                                                                 </div>
 161                                                                 <div class="post-comments-count">
 162                                                                         <a href="page-blog-post-right-sidebar.html" title="Show Comments"><i class="glyphicon glyphicon-comment icon-white"></i>11</a>
 163                                                                 </div>
 164                                                         </div>
 165                                                         <!-- End Post Info -->
 166                                                         <!-- Post Image -->
 167                                                         <a href="page-blog-post-right-sidebar.html"><img src="img/blog1.jpg" class="post-image" alt="Post Title"></a>
 168                                                         <!-- End Post Image -->
 169                                                         <!-- Post Title & Summary -->
 170                                                         <div class="post-title">
 171                                                                 <h3><a href="page-blog-post-right-sidebar.html">Post Title</a></h3>
 172                                                         </div>
 173                                                         <div class="post-summary">
 174                                                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio. Duis elementum ligula eu ipsum condimentum accumsan.</p>
 175                                                         </div>
 176                                                         <!-- End Post Title & Summary -->
 177                                                         <div class="post-more">
 178                                                                 <a href="page-blog-post-right-sidebar.html" class="btn btn-small">Read more</a>
 179                                                         </div>
 180                                                 </div>
 181                                         </div>
 182                                         <!-- End Post -->
 183                                         <div class="col-md-4 col-sm-6">
 184                                                 <div class="blog-post">
 185                                                         <div class="post-info">
 186                                                                 <div class="post-date">
 187                                                                         <div class="date">30 JAN, 2013</div>
 188                                                                 </div>
 189                                                                 <div class="post-comments-count">
 190                                                                         <a href="page-blog-post-right-sidebar.html" title="Show Comments"><i class="glyphicon glyphicon-comment icon-white"></i>16</a>
 191                                                                 </div>
 192                                                         </div>
 193                                                         <a href="page-blog-post-right-sidebar.html"><img src="img/blog2.jpg" class="post-image" alt="Post Title"></a>
 194                                                         <div class="post-title">
 195                                                                 <h3><a href="page-blog-post-right-sidebar.html">Another Post Title</a></h3>
 196                                                         </div>
 197                                                         <div class="post-summary">
 198                                                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio. Duis elementum ligula eu ipsum condimentum accumsan.</p>
 199                                                         </div>
 200                                                         <div class="post-more">
 201                                                                 <a href="page-blog-post-right-sidebar.html" class="btn btn-small">Read more</a>
 202                                                         </div>
 203                                                 </div>
 204                                         </div>
 205                                         <div class="col-md-4 col-sm-6">
 206                                                 <div class="blog-post">
 207                                                         <div class="post-info">
 208                                                                 <div class="post-date">
 209                                                                         <div class="date">30 JAN, 2013</div>
 210                                                                 </div>
 211                                                                 <div class="post-comments-count">
 212                                                                         <a href="page-blog-post-right-sidebar.html" title="Show Comments"><i class="glyphicon glyphicon-comment icon-white"></i>57</a>
 213                                                                 </div>
 214                                                         </div>
 215                                                         <a href="page-blog-post-right-sidebar.html"><img src="img/blog3.jpg" class="post-image" alt="Post Title"></a>
 216                                                         <div class="post-title">
 217                                                                 <h3><a href="page-blog-post-right-sidebar.html">Yet Another Post Title</a></h3>
 218                                                         </div>
 219                                                         <div class="post-summary">
 220                                                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio. Duis elementum ligula eu ipsum condimentum accumsan.</p>
 221                                                         </div>
 222                                                         <div class="post-more">
 223                                                                 <a href="page-blog-post-right-sidebar.html" class="btn btn-small">Read more</a>
 224                                                         </div>
 225                                                 </div>
 226                                         </div>
 227                                         <div class="col-md-4 col-sm-6">
 228                                                 <div class="blog-post">
 229                                                         <div class="post-info">
 230                                                                 <div class="post-date">
 231                                                                         <div class="date">30 JAN, 2013</div>
 232                                                                 </div>
 233                                                                 <div class="post-comments-count">
 234                                                                         <a href="page-blog-post-right-sidebar.html" title="Show Comments"><i class="glyphicon glyphicon-comment icon-white"></i>11</a>
 235                                                                 </div>
 236                                                         </div>
 237                                                         <a href="page-blog-post-right-sidebar.html"><img src="img/blog1.jpg" class="post-image" alt="Post Title"></a>
 238                                                         <div class="post-title">
 239                                                                 <h3><a href="page-blog-post-right-sidebar.html">Post Title</a></h3>
 240                                                         </div>
 241                                                         <div class="post-summary">
 242                                                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio. Duis elementum ligula eu ipsum condimentum accumsan.</p>
 243                                                         </div>
 244                                                         <div class="post-more">
 245                                                                 <a href="page-blog-post-right-sidebar.html" class="btn btn-small">Read more</a>
 246                                                         </div>
 247                                                 </div>
 248                                         </div>
 249                                         <div class="col-md-4 col-sm-6">
 250                                                 <div class="blog-post">
 251                                                         <div class="post-info">
 252                                                                 <div class="post-date">
 253                                                                         <div class="date">30 JAN, 2013</div>
 254                                                                 </div>
 255                                                                 <div class="post-comments-count">
 256                                                                         <a href="page-blog-post-right-sidebar.html" title="Show Comments"><i class="glyphicon glyphicon-comment icon-white"></i>16</a>
 257                                                                 </div>
 258                                                         </div>
 259                                                         <a href="page-blog-post-right-sidebar.html"><img src="img/blog2.jpg" class="post-image" alt="Post Title"></a>
 260                                                         <div class="post-title">
 261                                                                 <h3><a href="page-blog-post-right-sidebar.html">Another Post Title</a></h3>
 262                                                         </div>
 263                                                         <div class="post-summary">
 264                                                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio. Duis elementum ligula eu ipsum condimentum accumsan.</p>
 265                                                         </div>
 266                                                         <div class="post-more">
 267                                                                 <a href="page-blog-post-right-sidebar.html" class="btn btn-small">Read more</a>
 268                                                         </div>
 269                                                 </div>
 270                                         </div>
 271                                         <div class="col-md-4 col-sm-6">
 272                                                 <div class="blog-post">
 273                                                         <div class="post-info">
 274                                                                 <div class="post-date">
 275                                                                         <div class="date">30 JAN, 2013</div>
 276                                                                 </div>
 277                                                                 <div class="post-comments-count">
 278                                                                         <a href="page-blog-post-right-sidebar.html" title="Show Comments"><i class="glyphicon glyphicon-comment icon-white"></i>57</a>
 279                                                                 </div>
 280                                                         </div>
 281                                                         <a href="page-blog-post-right-sidebar.html"><img src="img/blog3.jpg" class="post-image" alt="Post Title"></a>
 282                                                         <div class="post-title">
 283                                                                 <h3><a href="page-blog-post-right-sidebar.html">Yet Another Post Title</a></h3>
 284                                                         </div>
 285                                                         <div class="post-summary">
 286                                                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio. Duis elementum ligula eu ipsum condimentum accumsan.</p>
 287                                                         </div>
 288                                                         <div class="post-more">
 289                                                                 <a href="page-blog-post-right-sidebar.html" class="btn btn-small">Read more</a>
 290                                                         </div>
 291                                                 </div>
 292                                         </div>
 293                                 </div>
 294                         </div>
 295             </div>
 296             <!-- End Posts List -->
 297
 298             <!-- Footer -->
 299             <div class="footer">
 300                 <div class="container">
 301                         <div class="row">
 302                                 <div class="col-footer col-md-3 col-xs-6">
 303                                         <h3>Our Latest Work</h3>
 304                                         <div class="portfolio-item">
 305                                                         <div class="portfolio-image">
 306                                                                 <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
 307                                                         </div>
 308                                                 </div>
 309                                 </div>
 310                                 <div class="col-footer col-md-3 col-xs-6">
 311                                         <h3>Navigate</h3>
 312                                         <ul class="no-list-style footer-navigate-section">
 313                                                 <li><a href="page-blog-posts.html">Blog</a></li>
 314                                                 <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
 315                                                 <li><a href="page-products-3-columns.html">eShop</a></li>
 316                                                 <li><a href="page-services-3-columns.html">Services</a></li>
 317                                                 <li><a href="page-pricing.html">Pricing</a></li>
 318                                                 <li><a href="page-faq.html">FAQ</a></li>
 319                                         </ul>
 320                                 </div>
 321
 322                                 <div class="col-footer col-md-4 col-xs-6">
 323                                         <h3>Contacts</h3>
 324                                         <p class="contact-us-details">
 325                                                 <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
 326                                                 <b>Phone:</b> +44 123 654321<br/>
 327                                                 <b>Fax:</b> +44 123 654321<br/>
 328                                                 <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
 329                                         </p>
 330                                 </div>
 331                                 <div class="col-footer col-md-2 col-xs-6">
 332                                         <h3>Stay Connected</h3>
 333                                         <ul class="footer-stay-connected no-list-style">
 334                                                 <li><a href="#" class="facebook"></a></li>
 335                                                 <li><a href="#" class="twitter"></a></li>
 336                                                 <li><a href="#" class="googleplus"></a></li>
 337                                         </ul>
 338                                 </div>
 339                         </div>
 340                         <div class="row">
 341                                 <div class="col-md-12">
 342                                         <div class="footer-copyright">&copy; 2013 mPurpose. All rights reserved.</div>
 343                                 </div>
 344                         </div>
 345                     </div>
 346             </div>
 347
 348         <!-- Javascripts -->
 349         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 350         <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
 351         <script src="js/bootstrap.min.js"></script>
 352         <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
 353         <script src="js/jquery.fitvids.js"></script>
 354         <script src="js/jquery.sequence-min.js"></script>
 355         <script src="js/jquery.bxslider.js"></script>
 356         <script src="js/main-menu.js"></script>
 357         <script src="js/template.js"></script>
 358
 359     </body>
 360 </html>