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>Proucts Listing (3 Columns)</h1>
149 <div class="section">
150 <div class="container">
152 <div class="col-sm-4">
154 <div class="shop-item">
155 <!-- Product 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-->
173 <span class="price-was">$959.99</span> $999.99
175 <!-- Product Description-->
176 <div class="description">
177 <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.</p>
179 <!-- Add to Cart Button -->
180 <div class="actions">
181 <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
186 <div class="col-sm-4">
187 <div class="shop-item">
189 <a href="page-product-details.html"><img src="img/product2.jpg" alt="Item Name"></a>
192 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
195 <span class="color-white"></span>
196 <span class="color-black"></span>
201 <div class="description">
202 <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.</p>
204 <div class="actions">
205 <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
209 <div class="col-sm-4">
210 <div class="shop-item">
212 <a href="page-product-details.html"><img src="img/product3.jpg" alt="Item Name"></a>
215 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
218 <span class="color-white"></span>
219 <span class="color-black"></span>
220 <span class="color-blue"></span>
225 <div class="description">
226 <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.</p>
228 <div class="actions">
229 <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
235 <div class="col-sm-4">
236 <div class="shop-item">
238 <a href="page-product-details.html"><img src="img/product4.jpg" alt="Item Name"></a>
241 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
244 <span class="color-white"></span>
245 <span class="color-black"></span>
246 <span class="color-blue"></span>
251 <div class="description">
252 <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.</p>
254 <div class="actions">
255 <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
259 <div class="col-sm-4">
260 <div class="shop-item">
262 <a href="page-product-details.html"><img src="img/product5.jpg" alt="Item Name"></a>
265 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
268 <span class="color-white"></span>
269 <span class="color-black"></span>
270 <span class="color-blue"></span>
275 <div class="description">
276 <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.</p>
278 <div class="actions">
279 <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
283 <div class="col-sm-4">
284 <div class="shop-item">
286 <a href="page-product-details.html"><img src="img/product6.jpg" alt="Item Name"></a>
289 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
292 <span class="color-white"></span>
293 <span class="color-black"></span>
298 <div class="description">
299 <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.</p>
301 <div class="actions">
302 <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
307 <div class="pagination-wrapper ">
308 <ul class="pagination pagination-lg">
309 <li class="disabled"><a href="#">Previous</a></li>
310 <li class="active"><a href="#">1</a></li>
311 <li><a href="#">2</a></li>
312 <li><a href="#">3</a></li>
313 <li><a href="#">4</a></li>
314 <li><a href="#">5</a></li>
315 <li><a href="#">6</a></li>
316 <li><a href="#">7</a></li>
317 <li><a href="#">8</a></li>
318 <li><a href="#">9</a></li>
319 <li><a href="#">10</a></li>
320 <li><a href="#">Next</a></li>
326 <div class="eshop-section section">
327 <div class="container">
328 <h2>Listing With No Colors Information</h2>
330 <div class="col-sm-4">
331 <div class="shop-item">
333 <a href="page-product-details.html"><img src="img/product1.jpg" alt="Item Name"></a>
336 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
339 <span class="price-was">$959.99</span> $999.99
341 <div class="description">
342 <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.</p>
344 <div class="actions">
345 <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a> <span>or <a href="page-product-details.html">Read more</a></span>
349 <div class="col-sm-4">
350 <div class="shop-item">
352 <a href="page-product-details.html"><img src="img/product2.jpg" alt="Item Name"></a>
355 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
360 <div class="description">
361 <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.</p>
363 <div class="actions">
364 <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a> <span>or <a href="page-product-details.html">Read more</a></span>
368 <div class="col-sm-4">
369 <div class="shop-item">
371 <a href="page-product-details.html"><img src="img/product3.jpg" alt="Item Name"></a>
374 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
379 <div class="description">
380 <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.</p>
382 <div class="actions">
383 <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a> <span>or <a href="page-product-details.html">Read more</a></span>
389 <div class="col-sm-4">
390 <div class="shop-item">
392 <a href="page-product-details.html"><img src="img/product4.jpg" alt="Item Name"></a>
395 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
400 <div class="description">
401 <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.</p>
403 <div class="actions">
404 <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a> <span>or <a href="page-product-details.html">Read more</a></span>
408 <div class="col-sm-4">
409 <div class="shop-item">
411 <a href="page-product-details.html"><img src="img/product5.jpg" alt="Item Name"></a>
414 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
419 <div class="description">
420 <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.</p>
422 <div class="actions">
423 <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a> <span>or <a href="page-product-details.html">Read more</a></span>
427 <div class="col-sm-4">
428 <div class="shop-item">
430 <a href="page-product-details.html"><img src="img/product6.jpg" alt="Item Name"></a>
433 <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
438 <div class="description">
439 <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.</p>
441 <div class="actions">
442 <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a> <span>or <a href="page-product-details.html">Read more</a></span>
447 <div class="pagination-wrapper ">
448 <ul class="pagination pagination-lg">
449 <li class="disabled"><a href="#">Previous</a></li>
450 <li class="active"><a href="#">1</a></li>
451 <li><a href="#">2</a></li>
452 <li><a href="#">3</a></li>
453 <li><a href="#">4</a></li>
454 <li><a href="#">5</a></li>
455 <li><a href="#">6</a></li>
456 <li><a href="#">7</a></li>
457 <li><a href="#">8</a></li>
458 <li><a href="#">9</a></li>
459 <li><a href="#">10</a></li>
460 <li><a href="#">Next</a></li>
468 <div class="container">
470 <div class="col-footer col-md-3 col-xs-6">
471 <h3>Our Latest Work</h3>
472 <div class="portfolio-item">
473 <div class="portfolio-image">
474 <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
478 <div class="col-footer col-md-3 col-xs-6">
480 <ul class="no-list-style footer-navigate-section">
481 <li><a href="page-blog-posts.html">Blog</a></li>
482 <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
483 <li><a href="page-products-3-columns.html">eShop</a></li>
484 <li><a href="page-services-3-columns.html">Services</a></li>
485 <li><a href="page-pricing.html">Pricing</a></li>
486 <li><a href="page-faq.html">FAQ</a></li>
490 <div class="col-footer col-md-4 col-xs-6">
492 <p class="contact-us-details">
493 <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
494 <b>Phone:</b> +44 123 654321<br/>
495 <b>Fax:</b> +44 123 654321<br/>
496 <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
499 <div class="col-footer col-md-2 col-xs-6">
500 <h3>Stay Connected</h3>
501 <ul class="footer-stay-connected no-list-style">
502 <li><a href="#" class="facebook"></a></li>
503 <li><a href="#" class="twitter"></a></li>
504 <li><a href="#" class="googleplus"></a></li>
509 <div class="col-md-12">
510 <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
517 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
518 <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
519 <script src="js/bootstrap.min.js"></script>
520 <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
521 <script src="js/jquery.fitvids.js"></script>
522 <script src="js/jquery.sequence-min.js"></script>
523 <script src="js/jquery.bxslider.js"></script>
524 <script src="js/main-menu.js"></script>
525 <script src="js/template.js"></script>