git.roojs.org Git - bootswatch/blob - mPurpose/page-products-4-columns.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>Products Listing (4 Columns)</h1>
 144                                         </div>
 145                                 </div>
 146                         </div>
 147                 </div>
 148
 149         <div class="eshop-section section">
 150                 <div class="container">
 151                                 <div class="row">
 152                                         <div class="col-md-3 col-sm-6">
 153                                                 <!-- Product -->
 154                                                 <div class="shop-item">
 155                                                         <!-- Product Image -->
 156                                                         <div class="shop-item-image">
 157                                                                 <a href="page-product-details.html"><img src="img/product1.jpg" alt="Item Name"></a>
 158                                                         </div>
 159                                                         <!-- Product Title -->
 160                                                         <div class="title">
 161                                                                 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
 162                                                         </div>
 163                                                         <!-- Product Available Colors-->
 164                                                         <div class="colors">
 165                                                                 <span class="color-white"></span>
 166                                                                 <span class="color-black"></span>
 167                                                                 <span class="color-blue"></span>
 168                                                                 <span class="color-orange"></span>
 169                                                                 <span class="color-green"></span>
 170                                                         </div>
 171                                                         <!-- Product Price-->
 172                                                         <div class="price">
 173                                                                 $999.99
 174                                                         </div>
 175                                                         <!-- Add to Cart Button -->
 176                                                         <div class="actions">
 177                                                                 <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
 178                                                         </div>
 179                                                 </div>
 180                                                 <!-- End Product -->
 181                                         </div>
 182                                         <div class="col-md-3 col-sm-6">
 183                                                 <div class="shop-item">
 184                                                         <div class="shop-item-image">
 185                                                                 <a href="page-product-details.html"><img src="img/product2.jpg" alt="Item Name"></a>
 186                                                         </div>
 187                                                         <div class="title">
 188                                                                 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
 189                                                         </div>
 190                                                         <div class="colors">
 191                                                                 <span class="color-white"></span>
 192                                                                 <span class="color-black"></span>
 193                                                         </div>
 194                                                         <div class="price">
 195                                                                 $999.99
 196                                                         </div>
 197                                                         <div class="actions">
 198                                                                 <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
 199                                                         </div>
 200                                                 </div>
 201                                         </div>
 202                                         <div class="col-md-3 col-sm-6">
 203                                                 <div class="shop-item">
 204                                                         <div class="shop-item-image">
 205                                                                 <a href="page-product-details.html"><img src="img/product3.jpg" alt="Item Name"></a>
 206                                                         </div>
 207                                                         <div class="title">
 208                                                                 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
 209                                                         </div>
 210                                                         <div class="colors">
 211                                                                 <span class="color-white"></span>
 212                                                                 <span class="color-black"></span>
 213                                                                 <span class="color-blue"></span>
 214                                                         </div>
 215                                                         <div class="price">
 216                                                                 $999.99
 217                                                         </div>
 218                                                         <div class="actions">
 219                                                                 <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
 220                                                         </div>
 221                                                 </div>
 222                                         </div>
 223                                         <div class="col-md-3 col-sm-6">
 224                                                 <div class="shop-item">
 225                                                         <div class="shop-item-image">
 226                                                                 <a href="page-product-details.html"><img src="img/product4.jpg" alt="Item Name"></a>
 227                                                         </div>
 228                                                         <div class="title">
 229                                                                 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
 230                                                         </div>
 231                                                         <div class="colors">
 232                                                                 <span class="color-white"></span>
 233                                                                 <span class="color-black"></span>
 234                                                                 <span class="color-blue"></span>
 235                                                                 <span class="color-orange"></span>
 236                                                                 <span class="color-green"></span>
 237                                                         </div>
 238                                                         <div class="price">
 239                                                                 $999.99
 240                                                         </div>
 241                                                         <div class="actions">
 242                                                                 <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
 243                                                         </div>
 244                                                 </div>
 245                                         </div>
 246                                 </div>
 247                                 <div class="row">
 248                                         <div class="col-md-3 col-sm-6">
 249                                                 <div class="shop-item">
 250                                                         <div class="shop-item-image">
 251                                                                 <a href="page-product-details.html"><img src="img/product5.jpg" alt="Item Name"></a>
 252                                                         </div>
 253                                                         <div class="title">
 254                                                                 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
 255                                                         </div>
 256                                                         <div class="colors">
 257                                                                 <span class="color-white"></span>
 258                                                                 <span class="color-black"></span>
 259                                                                 <span class="color-blue"></span>
 260                                                                 <span class="color-orange"></span>
 261                                                                 <span class="color-green"></span>
 262                                                         </div>
 263                                                         <div class="price">
 264                                                                 $999.99
 265                                                         </div>
 266                                                         <div class="actions">
 267                                                                 <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
 268                                                         </div>
 269                                                 </div>
 270                                         </div>
 271                                         <div class="col-md-3 col-sm-6">
 272                                                 <div class="shop-item">
 273                                                         <div class="shop-item-image">
 274                                                                 <a href="page-product-details.html"><img src="img/product6.jpg" alt="Item Name"></a>
 275                                                         </div>
 276                                                         <div class="title">
 277                                                                 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
 278                                                         </div>
 279                                                         <div class="colors">
 280                                                                 <span class="color-white"></span>
 281                                                                 <span class="color-black"></span>
 282                                                         </div>
 283                                                         <div class="price">
 284                                                                 $999.99
 285                                                         </div>
 286                                                         <div class="actions">
 287                                                                 <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
 288                                                         </div>
 289                                                 </div>
 290                                         </div>
 291                                         <div class="col-md-3 col-sm-6">
 292                                                 <div class="shop-item">
 293                                                         <div class="shop-item-image">
 294                                                                 <a href="page-product-details.html"><img src="img/product7.jpg" alt="Item Name"></a>
 295                                                         </div>
 296                                                         <div class="title">
 297                                                                 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
 298                                                         </div>
 299                                                         <div class="colors">
 300                                                                 <span class="color-white"></span>
 301                                                                 <span class="color-black"></span>
 302                                                                 <span class="color-red"></span>
 303                                                         </div>
 304                                                         <div class="price">
 305                                                                 $999.99
 306                                                         </div>
 307                                                         <div class="actions">
 308                                                                 <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
 309                                                         </div>
 310                                                 </div>
 311                                         </div>
 312                                         <div class="col-md-3 col-sm-6">
 313                                                 <div class="shop-item">
 314                                                         <div class="shop-item-image">
 315                                                                 <a href="page-product-details.html"><img src="img/product8.jpg" alt="Item Name"></a>
 316                                                         </div>
 317                                                         <div class="title">
 318                                                                 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
 319                                                         </div>
 320                                                         <div class="colors">
 321                                                                 <span class="color-white"></span>
 322                                                                 <span class="color-black"></span>
 323                                                         </div>
 324                                                         <div class="price">
 325                                                                 $999.99
 326                                                         </div>
 327                                                         <div class="actions">
 328                                                                 <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
 329                                                         </div>
 330                                                 </div>
 331                                         </div>
 332                                 </div>
 333                                 <div class="pagination-wrapper ">
 334                                         <ul class="pagination pagination-lg">
 335                                                 <li class="disabled"><a href="#">Previous</a></li>
 336                                                 <li class="active"><a href="#">1</a></li>
 337                                                 <li><a href="#">2</a></li>
 338                                                 <li><a href="#">3</a></li>
 339                                                 <li><a href="#">4</a></li>
 340                                                 <li><a href="#">5</a></li>
 341                                                 <li><a href="#">6</a></li>
 342                                                 <li><a href="#">7</a></li>
 343                                                 <li><a href="#">8</a></li>
 344                                                 <li><a href="#">9</a></li>
 345                                                 <li><a href="#">10</a></li>
 346                                                 <li><a href="#">Next</a></li>
 347                                         </ul>
 348                                 </div>
 349                         </div>
 350             </div>
 351
 352             <div class="eshop-section section">
 353                 <div class="container">
 354                         <h2>Listing With No Colors Information</h2>
 355                                 <div class="row">
 356                                         <div class="col-md-3 col-sm-6">
 357                                                 <div class="shop-item">
 358                                                         <div class="shop-item-image">
 359                                                                 <a href="page-product-details.html"><img src="img/product1.jpg" alt="Item Name"></a>
 360                                                         </div>
 361                                                         <div class="title">
 362                                                                 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
 363                                                         </div>
 364                                                         <div class="price">
 365                                                                 $999.99
 366                                                         </div>
 367                                                         <div class="actions">
 368                                                                 <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add</a> <span>or <a href="page-product-details.html">Read more</a></span>
 369                                                         </div>
 370                                                 </div>
 371                                         </div>
 372                                         <div class="col-md-3 col-sm-6">
 373                                                 <div class="shop-item">
 374                                                         <div class="shop-item-image">
 375                                                                 <a href="page-product-details.html"><img src="img/product2.jpg" alt="Item Name"></a>
 376                                                         </div>
 377                                                         <div class="title">
 378                                                                 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
 379                                                         </div>
 380                                                         <div class="price">
 381                                                                 $999.99
 382                                                         </div>
 383                                                         <div class="actions">
 384                                                                 <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add</a> <span>or <a href="page-product-details.html">Read more</a></span>
 385                                                         </div>
 386                                                 </div>
 387                                         </div>
 388                                         <div class="col-md-3 col-sm-6">
 389                                                 <div class="shop-item">
 390                                                         <div class="shop-item-image">
 391                                                                 <a href="page-product-details.html"><img src="img/product3.jpg" alt="Item Name"></a>
 392                                                         </div>
 393                                                         <div class="title">
 394                                                                 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
 395                                                         </div>
 396                                                         <div class="price">
 397                                                                 $999.99
 398                                                         </div>
 399                                                         <div class="actions">
 400                                                                 <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add</a> <span>or <a href="page-product-details.html">Read more</a></span>
 401                                                         </div>
 402                                                 </div>
 403                                         </div>
 404                                         <div class="col-md-3 col-sm-6">
 405                                                 <div class="shop-item">
 406                                                         <div class="shop-item-image">
 407                                                                 <a href="page-product-details.html"><img src="img/product4.jpg" alt="Item Name"></a>
 408                                                         </div>
 409                                                         <div class="title">
 410                                                                 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
 411                                                         </div>
 412                                                         <div class="price">
 413                                                                 $999.99
 414                                                         </div>
 415                                                         <div class="actions">
 416                                                                 <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add</a> <span>or <a href="page-product-details.html">Read more</a></span>
 417                                                         </div>
 418                                                 </div>
 419                                         </div>
 420                                 </div>
 421                                 <div class="row">
 422                                         <div class="col-md-3 col-sm-6">
 423                                                 <div class="shop-item">
 424                                                         <div class="shop-item-image">
 425                                                                 <a href="page-product-details.html"><img src="img/product5.jpg" alt="Item Name"></a>
 426                                                         </div>
 427                                                         <div class="title">
 428                                                                 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
 429                                                         </div>
 430                                                         <div class="price">
 431                                                                 $999.99
 432                                                         </div>
 433                                                         <div class="actions">
 434                                                                 <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add</a> <span>or <a href="page-product-details.html">Read more</a></span>
 435                                                         </div>
 436                                                 </div>
 437                                         </div>
 438                                         <div class="col-md-3 col-sm-6">
 439                                                 <div class="shop-item">
 440                                                         <div class="shop-item-image">
 441                                                                 <a href="page-product-details.html"><img src="img/product6.jpg" alt="Item Name"></a>
 442                                                         </div>
 443                                                         <div class="title">
 444                                                                 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
 445                                                         </div>
 446                                                         <div class="price">
 447                                                                 $999.99
 448                                                         </div>
 449                                                         <div class="actions">
 450                                                                 <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add</a> <span>or <a href="page-product-details.html">Read more</a></span>
 451                                                         </div>
 452                                                 </div>
 453                                         </div>
 454                                         <div class="col-md-3 col-sm-6">
 455                                                 <div class="shop-item">
 456                                                         <div class="shop-item-image">
 457                                                                 <a href="page-product-details.html"><img src="img/product7.jpg" alt="Item Name"></a>
 458                                                         </div>
 459                                                         <div class="title">
 460                                                                 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
 461                                                         </div>
 462                                                         <div class="price">
 463                                                                 $999.99
 464                                                         </div>
 465                                                         <div class="actions">
 466                                                                 <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add</a> <span>or <a href="page-product-details.html">Read more</a></span>
 467                                                         </div>
 468                                                 </div>
 469                                         </div>
 470                                         <div class="col-md-3 col-sm-6">
 471                                                 <div class="shop-item">
 472                                                         <div class="shop-item-image">
 473                                                                 <a href="page-product-details.html"><img src="img/product8.jpg" alt="Item Name"></a>
 474                                                         </div>
 475                                                         <div class="title">
 476                                                                 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
 477                                                         </div>
 478                                                         <div class="price">
 479                                                                 $999.99
 480                                                         </div>
 481                                                         <div class="actions">
 482                                                                 <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add</a> <span>or <a href="page-product-details.html">Read more</a></span>
 483                                                         </div>
 484                                                 </div>
 485                                         </div>
 486                                 </div>
 487                                 <div class="pagination-wrapper ">
 488                                         <ul class="pagination pagination-lg">
 489                                                 <li class="disabled"><a href="#">Previous</a></li>
 490                                                 <li class="active"><a href="#">1</a></li>
 491                                                 <li><a href="#">2</a></li>
 492                                                 <li><a href="#">3</a></li>
 493                                                 <li><a href="#">4</a></li>
 494                                                 <li><a href="#">5</a></li>
 495                                                 <li><a href="#">6</a></li>
 496                                                 <li><a href="#">7</a></li>
 497                                                 <li><a href="#">8</a></li>
 498                                                 <li><a href="#">9</a></li>
 499                                                 <li><a href="#">10</a></li>
 500                                                 <li><a href="#">Next</a></li>
 501                                         </ul>
 502                                 </div>
 503                         </div>
 504             </div>
 505
 506             <!-- Footer -->
 507             <div class="footer">
 508                 <div class="container">
 509                         <div class="row">
 510                                 <div class="col-footer col-md-3 col-xs-6">
 511                                         <h3>Our Latest Work</h3>
 512                                         <div class="portfolio-item">
 513                                                         <div class="portfolio-image">
 514                                                                 <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
 515                                                         </div>
 516                                                 </div>
 517                                 </div>
 518                                 <div class="col-footer col-md-3 col-xs-6">
 519                                         <h3>Navigate</h3>
 520                                         <ul class="no-list-style footer-navigate-section">
 521                                                 <li><a href="page-blog-posts.html">Blog</a></li>
 522                                                 <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
 523                                                 <li><a href="page-products-3-columns.html">eShop</a></li>
 524                                                 <li><a href="page-services-3-columns.html">Services</a></li>
 525                                                 <li><a href="page-pricing.html">Pricing</a></li>
 526                                                 <li><a href="page-faq.html">FAQ</a></li>
 527                                         </ul>
 528                                 </div>
 529
 530                                 <div class="col-footer col-md-4 col-xs-6">
 531                                         <h3>Contacts</h3>
 532                                         <p class="contact-us-details">
 533                                                 <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
 534                                                 <b>Phone:</b> +44 123 654321<br/>
 535                                                 <b>Fax:</b> +44 123 654321<br/>
 536                                                 <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
 537                                         </p>
 538                                 </div>
 539                                 <div class="col-footer col-md-2 col-xs-6">
 540                                         <h3>Stay Connected</h3>
 541                                         <ul class="footer-stay-connected no-list-style">
 542                                                 <li><a href="#" class="facebook"></a></li>
 543                                                 <li><a href="#" class="twitter"></a></li>
 544                                                 <li><a href="#" class="googleplus"></a></li>
 545                                         </ul>
 546                                 </div>
 547                         </div>
 548                         <div class="row">
 549                                 <div class="col-md-12">
 550                                         <div class="footer-copyright">&copy; 2013 mPurpose. All rights reserved.</div>
 551                                 </div>
 552                         </div>
 553                     </div>
 554             </div>
 555
 556         <!-- Javascripts -->
 557         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 558         <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
 559         <script src="js/bootstrap.min.js"></script>
 560         <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
 561         <script src="js/jquery.fitvids.js"></script>
 562         <script src="js/jquery.sequence-min.js"></script>
 563         <script src="js/jquery.bxslider.js"></script>
 564         <script src="js/main-menu.js"></script>
 565         <script src="js/template.js"></script>
 566
 567     </body>
 568 </html>