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]-->
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">
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'>
17 <link rel="stylesheet" href="css/leaflet.css" />
19 <link rel="stylesheet" href="css/leaflet.ie.css" />
21 <link rel="stylesheet" href="css/main.css">
23 <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
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>
31 <!-- Navigation & Logo-->
32 <div class="mainmenu-wrapper">
33 <div class="container">
34 <div class="menuextras">
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>
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>
48 <li><a href="page-login.html">Login</a></li>
52 <nav id="mainmenu" class="mainmenu">
54 <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
56 <a href="index.html">Home</a>
59 <a href="features.html">Features</a>
61 <li class="has-submenu active">
62 <a href="#">Pages +</a>
63 <div class="mainmenu-submenu">
64 <div class="mainmenu-submenu-inner">
68 <li><a href="index.html">Homepage (Sample 1)</a></li>
69 <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
71 <h4>Services & Pricing</h4>
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>
78 <h4>Team & Open Vacancies</h4>
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>
86 <h4>Our Work (Portfolio)</h4>
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>
94 <h4>General Pages</h4>
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>
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>
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>
127 </div><!-- /mainmenu-submenu-inner -->
128 </div><!-- /mainmenu-submenu -->
131 <a href="credits.html">Credits</a>
139 <div class="section section-breadcrumbs">
140 <div class="container">
142 <div class="col-md-12">
143 <h1>Products Listing (4 Columns)</h1>
149 <div class="eshop-section section">
150 <div class="container">
152 <div class="col-md-3 col-sm-6">
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>
159 <!-- Product Title -->
161 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
163 <!-- Product Available 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>
171 <!-- Product Price-->
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>
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>
188 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
191 <span class="color-white"></span>
192 <span class="color-black"></span>
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>
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>
208 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
211 <span class="color-white"></span>
212 <span class="color-black"></span>
213 <span class="color-blue"></span>
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>
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>
229 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
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>
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>
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>
254 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
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>
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>
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>
277 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
280 <span class="color-white"></span>
281 <span class="color-black"></span>
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>
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>
297 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
300 <span class="color-white"></span>
301 <span class="color-black"></span>
302 <span class="color-red"></span>
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>
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>
318 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
321 <span class="color-white"></span>
322 <span class="color-black"></span>
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>
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>
352 <div class="eshop-section section">
353 <div class="container">
354 <h2>Listing With No Colors Information</h2>
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>
362 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
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>
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>
378 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
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>
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>
394 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
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>
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>
410 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
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>
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>
428 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
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>
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>
444 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
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>
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>
460 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
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>
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>
476 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
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>
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>
508 <div class="container">
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>
518 <div class="col-footer col-md-3 col-xs-6">
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>
530 <div class="col-footer col-md-4 col-xs-6">
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>
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>
549 <div class="col-md-12">
550 <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
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>