2 test about us page new theme
<!doctype html> <html lang="en"><!--<![endif]--> <head><!-- v2.0.0 --> <meta charset="utf-8" /><!-- [if IE]> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <![endif]--> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="keywords" content="Shopify Template" /><meta name="author" content="etheme.com" /><!-- Social meta ================================================== --> <meta property="og:type" content="website" /><meta property="og:title" content="About" /><meta property="og:url" content="https://yourstore-default.myshopify.com/pages/about" /><meta property="og:description" content="About us Lorem ipsum dolor sit amet conse ctetur adipisicing elit. Interesting Facts Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. 5000 Items in Store Lorem ipsum dolor sit amet con" /><meta property="og:site_name" content="yourstore-default" /><meta name="twitter:card" content="summary" /><title>About – yourstore-default</title><meta name="description" content="About us Lorem ipsum dolor sit amet conse ctetur adipisicing elit. Interesting Facts Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. 5000 Items in Store Lorem ipsum dolor sit amet con" /><link rel="canonical" href="https://yourstore-default.myshopify.com/pages/about" /> <link rel="shortcut icon" href="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/favicon.png?15551722292149694537" type="image/x-icon" /> <link href="https://fonts.googleapis.com/css?family=Ubuntu:400,300,700,500" rel="stylesheet" type="text/css" /> <link href="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/slick.css?15551722292149694537" rel="stylesheet" type="text/css" media="all" /> <link href="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/slick-theme.css?15551722292149694537" rel="stylesheet" type="text/css" media="all" /> <link href="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/magnific-popup.css?15551722292149694537" rel="stylesheet" type="text/css" media="all" /> <link href="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/settings.css?15551722292149694537" rel="stylesheet" type="text/css" media="all" /> <link href="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/style.css?15551722292149694537" rel="stylesheet" type="text/css" media="all" /> <link href="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/css-liquid.css?15551722292149694537" rel="stylesheet" type="text/css" media="all" /> <link href="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/stylefont.css?15551722292149694537" rel="stylesheet" type="text/css" media="all" /><script src="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/vendor.js?15551722292149694537" type="text/javascript"></script><script src="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/jquery.cookie.js?15551722292149694537" type="text/javascript"></script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/12364838/digital_wallets/dialog" /><meta name="shopify-checkout-api-token" content="4899e725b827768b31aa8d01d31c338f" /><style>.shopify-payment-button__button--hidden { visibility: hidden; } .shopify-payment-button__button { border-radius: 4px; border: none; box-shadow: 0 0 0 0 transparent; color: white; cursor: pointer; display: block; font-size: 1em; font-weight: 500; line-height: 1; text-align: center; width: 100%; transition: background 0.2s ease-in-out; } .shopify-payment-button__button[disabled] { opacity: 0.6; cursor: default; } .shopify-payment-button__button--unbranded { background-color: #1990c6; padding: 1em 2em; } .shopify-payment-button__button--unbranded:hover:not([disabled]) { background-color: #136f99; } .shopify-payment-button__more-options { background: transparent; border: 0 none; cursor: pointer; display: block; font-size: 1em; margin-top: 1em; text-align: center; width: 100%; } .shopify-payment-button__more-options:hover:not([disabled]) { text-decoration: underline; } .shopify-payment-button__more-options[disabled] { opacity: 0.6; cursor: default; } .shopify-payment-button__button--branded { display: flex; flex-direction: column; min-height: 44px; position: relative; z-index: 1; } .shopify-payment-button__button--branded .shopify-cleanslate { flex: 1 !important; display: flex !important; flex-direction: column !important; } </style><script id="shopify-features" type="application/json">{"accessToken":"4899e725b827768b31aa8d01d31c338f","betas":["smart-payment-buttons"],"domain":"yourstore-default.myshopify.com","shopId":12364838,"smart_payment_buttons_url":"https:\/\/cdn.shopifycloud.com\/payment-sheet\/assets\/latest\/spb.js"}</script><script>var Shopify = Shopify || {}; Shopify.shop = "yourstore-default.myshopify.com"; Shopify.theme = {"name":"Copy of Yourstore Layout 01","id":164754890,"theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; </script><script>(function() { function asyncLoad() { var urls = ["\/\/productreviews.shopifycdn.com\/assets\/v4\/spr.js?shop=yourstore-default.myshopify.com","\/\/code.tidio.co\/wraewji69sea5s18d2kjweh5knddvjqs.js?shop=yourstore-default.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })(); </script><script id="__st">var __st={"a":12364838,"offset":-14400,"reqid":"d5f5d341-f7e4-4373-a927-6bbcb987a28c","pageurl":"yourstore-default.myshopify.com\/pages\/about","s":"pages-171601159","u":"8a8aa183fe8d","p":"page","rtyp":"page","rid":171601159};</script><script>window.ShopifyPaypalV4VisibilityTracking = true;</script><script>window.Shopify = window.Shopify || {}; window.Shopify.Checkout = window.Shopify.Checkout || {}; window.Shopify.Checkout.apiHost = "yourstore-default.myshopify.com"; window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.acceleratedFlowIncontext = false; window.ShopifyPay.apiHost = "pay.shopify.com"; window.ShopifyPay.apiToken = "UUlxNmRBYWlLT1VsS1JDemFlQnBuWjllM1M3MC9nL0RUMnNkOHh6YXhOTHlWM3dWVWVnd3pPTVdKSkUzK0VqL3VGTmpud3VES1dPREMxa2JTT1ZVd1E9PS0tQXp3MWVUWURsakc5RTRFc0VDaWJydz09--a69cd6f3c4ad7db70daeb906484044328bab6876"; window.ShopifyPay.requestHost = "yourstore-default.myshopify.com" window.ShopifyPay.sheetStyleSheetUrl = "\/\/cdn.shopify.com\/s\/assets\/shared\/sheet\/main-c150bd783aa9b2c6b0c41ded3880c45a0848a9914354d4222628be6c924200a3.css"; </script><script>window['GoogleAnalyticsObject'] = 'ga'; window['ga'] = window['ga'] || function() { (window['ga'].q = window['ga'].q || []).push(arguments); }; window['ga'].l = 1 * new Date(); </script><script>var _gaUTrackerOptions = {'allowLinker': true};ga('create', 'UA-85658024-1', 'auto', _gaUTrackerOptions);ga('send', 'pageview'); (function(){ ga('require', 'linker'); function addListener(element, type, callback) { if (element.addEventListener) { element.addEventListener(type, callback); } else if (element.attachEvent) { element.attachEvent('on' + type, callback); } } function decorate(event) { event = event || window.event; var target = event.target || event.srcElement; if (target && (target.action || target.href)) { ga(function (tracker) { var linkerParam = tracker.get('linkerParam'); document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/'; }); } } addListener(window, 'load', function(){ for (var i=0; i<document.forms.length; i++) { if(document.forms[i].action && document.forms[i].action.indexOf('/cart') >= 0) { addListener(document.forms[i], 'submit', decorate); } } for (var i=0; i<document.links.length; i++) { if(document.links[i].href && document.links[i].href.indexOf('/checkout') >= 0) { addListener(document.links[i], 'click', decorate); } } }) }()); </script><script> window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":171601159}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; } </script><script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script><script class="analytics"> (function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { (new Image()).src = '//v.shopify.com/internal_errors/track?error=trekkie_load'; }; script.async = true; script.src = 'https://cdn.shopify.com/s/javascripts/tricorder/trekkie.storefront.min.js?v=2017.09.05.1'; var first = document.getElementsByTagName('script')[0]; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":12364838,"isMerchantRequest":null,"themeId":164754890,"themeCityHash":6172600228136398527}},"Performance":{"navigationTimingApiMeasurementsEnabled":true,"navigationTimingApiMeasurementsSampleRate":1.0},"Session Attribution":{}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page( null, {"pageType":"page","resourceType":"page","resourceId":171601159} ); }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//cdn.shopify.com/s/assets/shop_events_listener-f2c5800305098f0ebebdfa7d980c9abf56514c46d5305e97a7c476f7c9116163.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })(); </script><script defer="defer" integrity="sha256-8JY3BfNY+qE/N2XV/d0SDbPXYUPhpVG0qDZb3yfjGTQ=" crossorigin="anonymous" src="//cdn.shopify.com/s/assets/storefront/express_buttons-f0963705f358faa13f3765d5fddd120db3d76143e1a551b4a8365bdf27e31934.js"></script><script defer="defer" integrity="sha256-2VwcaH5++f6tBn1FlAz0S70S91W72Fx5p4AyR2ay1zw=" crossorigin="anonymous" src="//cdn.shopify.com/s/assets/storefront/features-d95c1c687e7ef9fead067d45940cf44bbd12f755bbd85c79a780324766b2d73c.js"></script><script async="async" src="https://www.google-analytics.com/analytics.js"></script><script defer="defer" src="//cdn.shopify.com/s/assets/themes_support/ga_urchin_forms-68ca1924c495cfc55dac65f4853e0c9a395387ffedc8fe58e0f2e677f95d7f23.js"></script><script src="//cdn.shopify.com/s/assets/themes_support/option_selection-ea4f4a242e299f2227b2b8038152223f741e90780c0c766883939e8902542bda.js" type="text/javascript"></script><script src="//cdn.shopify.com/s/assets/themes_support/api.jquery-0ea851da22ae87c0290f4eeb24bc8b513ca182f3eb721d147c009ae0f5ce14f9.js" type="text/javascript"></script><script src="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/cart.api.js?15551722292149694537" type="text/javascript"></script><style> /*Footer*/ body.index .layout-4 .container:first-child, body.index .layout-0 .container:first-child { border-top: 1px solid #e5e5e5; padding-top: 60px; } footer .subscribe-box input { border: 1px solid #e5e5e5; } #fitImageInTheme .product__inside__image { overflow: hidden; } #fitImageInTheme .product__inside__image > a:first-child { display: flex; justify-content: center; } #fitImageInTheme .product__inside__image > a:first-child img { width: auto; height: 200px; } .breadcrumbs, #pageContent { visibility:hidden; -webkit-transition: opacity .4s ease-out; -moz-transition: opacity .4s ease-out; -o-transition: opacity .4s ease-out; transition: opacity .4s ease-out; opacity: 0; } .breadcrumbs.show, #pageContent.show { opacity: 1; visibility: visible; } </style><script> (function(e) { var msg = 'Use Demo with'; var msg2 = 'Disable'; var str = '<link href="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/style-rtl.css?15551722292149694537" rel="stylesheet" type="text/css" media="all" />'; str = str.replace('<link', '<link rtlstyle'); var obj = { init: function() { if(e('.rtlbutton').length == 0) return false; e('.rtlbutton').click(function(){ obj.handle(); }); if (e.cookie('rtlmode') == 'creatertl') { $('.rtlbutton').addClass('inwork').find('span').first().text(msg2) .parent().find('span').last().addClass('rtlused'); $('head').append(str); } }, handle: function() { try { if (e.cookie('rtlmode') != 'creatertl') { e.cookie('rtlmode', 'creatertl', {expires:1, path:'/'}); $('.rtlbutton').addClass('inwork').find('span').first().text(msg2) .parent().find('span').last().addClass('rtlused'); $('head').append(str); } else { e.cookie("rtlmode", null, { path: '/' }); $('.rtlbutton').removeClass('inwork').find('span').first().text(msg) .parent().find('span').last().removeClass('rtlused'); $('[rtlstyle=""]').remove(); } } catch (err) {} // ignore errors reading cookies } } e(document).ready(function() { obj.init(); }); })(jQuery) </script><meta name="google-site-verification" content="ST7qe5qY96x_V15lruLiduPl7p8dGyCkIU94zGfE02o" /></head><body><!-- Back to top --> <div class="back-to-top"><span class="icon-keyboard_arrow_up"></span></div> <!-- /Back to top --> <!-- mobile menu --> <div class="mobile-menu-wrapper"> <div class="mobile-menu-popup"></div> <nav id="off-canvas-menu"><a id="cboxClose"></a>close <ul class="expander-list"> <li><span class="name"> <span class="expander">-</span> <a href="/"><span class="act-underline">LAYOUT </span> </a> </span> <ul class="dropdown-menu megamenu image-links-layout" role="menu"><style><!-- .image-link { position: relative; } .newbadge { position: absolute; top: -5px; z-index: 1; } --></style> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-default.myshopify.com/?preview_theme_id="> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-1.jpg?124048568246293959" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 1 (Default)</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="//yourstore-default.myshopify.com/?preview_theme_id=163084682"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-21.jpg?3220629194399907831" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 2</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="//yourstore-default.myshopify.com/?preview_theme_id=163084746"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-3.jpg?124048568246293959" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 3</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="//yourstore-default.myshopify.com/?preview_theme_id=163085642"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-4.jpg?124048568246293959" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 4</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-default.myshopify.com/?preview_theme_id=183023124"> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/0.png?8547094468237325294" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Instagram Shop</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-skins.myshopify.com/?preview_theme_id="> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/skin01.jpg?12382534308327699432" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Lingerie</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-skins.myshopify.com/?preview_theme_id=163109002"> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/skin02.jpg?12382534308327699432" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">organic cosmetics</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-skins.myshopify.com/?preview_theme_id=163109578"> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/skin03.jpg?12382534308327699432" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Furniture</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-skins.myshopify.com/?preview_theme_id=163111178"> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/skin04.jpg?12382534308327699432" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Medical equipments</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-skins.myshopify.com/?preview_theme_id=163112714"> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/skin05.jpg?12382534308327699432" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Jewelry</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-skins.myshopify.com/?preview_theme_id=163110282"> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/skin06.jpg?12382534308327699432" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Baby clothes</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-skins.myshopify.com/?preview_theme_id=163113802"> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/skin07.jpg?12382534308327699432" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Watches</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-skins.myshopify.com/?preview_theme_id=163107466"> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/skin08.jpg?12382534308327699432" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Travel</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-skins.myshopify.com/?preview_theme_id=163106314"> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/skin09.jpg?12382534308327699432" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Gadgets</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-skins.myshopify.com/?preview_theme_id=163115274"> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/skin10.jpg?12382534308327699432" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Bikes store</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/?preview_theme_id=163086026"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-5.jpg?124048568246293959" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 5</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/?preview_theme_id=163086218"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-6.jpg?124048568246293959" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 6</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-default.myshopify.com/?preview_theme_id=163086410"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-7.jpg?124048568246293959" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 7</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-default.myshopify.com/?preview_theme_id=163086602"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-8.jpg?124048568246293959" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 8</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-default.myshopify.com/?preview_theme_id=163086986"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-9.jpg?124048568246293959" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 9</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-electronics.myshopify.com/"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-11.jpg?124048568246293959" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 10</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-car.myshopify.com/"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-10.jpg?124048568246293959" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 11</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-tools.myshopify.com/"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-121.jpg?3220629194399907831" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 12</span> </a> </span></li> </ul> </li> <li><span class="name"> <span class="expander">-</span> <a href="/collections"><span class="act-underline">LISTING </span> </a> </span> <ul class="dropdown-menu megamenu image-links-layout" role="menu"> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/collections/women-s"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/listing-img-1.png?14834718640058778481" alt="" /></span> <span class="figcaption text-uppercase">left column</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/collections/demo-left-right"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/listing-img-2.png?14834718640058778481" alt="" /></span> <span class="figcaption text-uppercase">left, right column</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/collections/demo-right"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/listing-img-3.png?14834718640058778481" alt="" /></span> <span class="figcaption text-uppercase">right column</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/collections/demo-only"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/listing-img-4.png?14834718640058778481" alt="" /></span> <span class="figcaption text-uppercase">without columns</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/collections/men-s"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/listing-img-5.png?14834718640058778481" alt="" /></span> <span class="figcaption text-uppercase">left column,<br /> without Static block</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/collections/demo-without-content"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/listing-img-6.png?14834718640058778481" alt="" /></span> <span class="figcaption text-uppercase">without columns,<br /> without Static block</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/collections/demo-small"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/listing-img-7.png?14834718640058778481" alt="" /></span> <span class="figcaption text-uppercase">Small</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/collections/demo-big"> <span class="figure"><img class="img-responsive img-border" src="https://cdn.shopify.com/s/files/1/1236/4838/files/listing-img-8.png?14834718640058778481" alt="" /></span> <span class="figcaption text-uppercase">Big</span> </a> </span></li> </ul> </li> <li><span class="name"> <span class="expander">-</span> <a href="/products/paul-smith-blazer"><span class="act-underline">PRODUCT </span> </a> </span> <ul class="dropdown-menu megamenu image-links-layout" role="menu"> <li class="col-one-third"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/pages/product-page-small"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/product-menu-img-1.png?17598935971825499069" alt="" /></span> <span class="figcaption text-uppercase">image size - small</span> </a> </span></li> <li class="col-one-third"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/products/paul-smith-blazer"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/product-menu-img-2.png?17598935971825499069" alt="" /></span> <span class="figcaption text-uppercase">image size - medium</span> </a> </span></li> <li class="col-one-third"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/pages/product-page-big"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/product-menu-img-3.png?17598935971825499069" alt="" /></span> <span class="figcaption text-uppercase">image size - big</span> </a> </span></li> </ul> </li> <li><span class="name"> <span class="expander">-</span> <a href="/blogs/news"><span class="act-underline">BLOG </span> </a> </span> <ul class="dropdown-menu megamenu image-links-layout" role="menu"> <li class="col-one-third"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/blogs/news"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/blog-menu-img-1.png?17598935971825499069" alt="" /></span> <span class="figcaption text-uppercase">blog - Layout 1</span> </a> </span></li> <li class="col-one-third"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/pages/demo-blog-design-2"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/blog-menu-img-2.png?17598935971825499069" alt="" /></span> <span class="figcaption text-uppercase">blog - Layout 2</span> </a> </span></li> <li class="col-one-third"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/pages/demo-blog-design-3"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/blog-menu-img-3.png?17598935971825499069" alt="" /></span> <span class="figcaption text-uppercase">blog - Layout 3</span> </a> </span></li> </ul> </li> <li><span class="name"> <span class="expander">-</span> <a href="/pages/gallery-2"><span class="act-underline">Gallery </span> </a> </span> <ul class="dropdown-menu megamenu image-links-layout" role="menu"> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/pages/gallery-2"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/gallery-menu-img-1.png?15831167777533216361" alt="" /></span> <span class="figcaption text-uppercase">Gallery - Layout 1</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/pages/gallery-3"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/gallery-menu-img-2.png?15831167777533216361" alt="" /></span> <span class="figcaption text-uppercase">Gallery - Layout 2</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/pages/gallery-4"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/gallery-menu-img-3.png?15831167777533216361" alt="" /></span> <span class="figcaption text-uppercase">Gallery - Layout 3</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/pages/gallery-5"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/gallery-menu-img-4.png?15831167777533216361" alt="" /></span> <span class="figcaption text-uppercase">Gallery - Layout 4</span> </a> </span></li> </ul> </li> <li><span class="name"> <span class="expander">-</span> <a href="/pages/about"><span class="act-underline">PAGES </span> </a> </span> <ul class="multicolumn"> <li><span class="name"> <span class="expander">-</span> <a href="/pages/demo-multilevels">Submenu Video</a> </span> <ul class="image-links-level-3 megamenu__submenu"> <li class="level3"><span class="name"> <span class="expander">-</span> <a href="#">Multilevel 1</a> </span> <ul class="image-links-level-4 megamenu__submenu"> <li class="level4"><a href="#">Multilevel 2</a></li> </ul> </li> </ul> </li> <li><span class="name"> <a href="/pages/about">About</a> </span></li> <li><span class="name"> <a href="/pages/typography">Typography</a> </span></li> <li><span class="name"> <a href="/pages/delivery-page">Delivery Page</a> </span></li> <li><span class="name"> <a href="/pages/faq">Faq</a> </span></li> <li><span class="name"> <a href="/pages/support-24">Support-24</a> </span></li> <li><span class="name"> <a href="/pages/contacts">Contact</a> </span></li> <li><span class="name"> <a href="/pages/warranty-and-services">Warranty and Services</a> </span></li> <li><span class="name"> <a href="/pages/lookbook">Lookbook</a> </span></li> <li><span class="name"> <a href="/pages/password">Password</a> </span></li> </ul> </li> <li><span class="name"> <span class="expander">-</span> <a href="/collections/women-s"><span class="act-underline">WOMEN’s <span class="badge badge--menu">new</span> </span> </a> </span> <ul class="multicolumn-level"> <li><span class="name"> <span class="expander">-</span> <a href="/collections/women-s"><span class="act-underline">TOPS</span></a> </span> <ul class="image-links-level-3 megamenu__submenu"> <li class="level3"><span class="name"> <a href="/collections/women-s/blouses-shirts"><span class="act-underline">Blouses & Shirts</span></a> </span></li> <li class="level3"><span class="name"> <span class="expander">-</span> <a href="/collections/women-s/dresses"><span class="act-underline">Dresses</span></a> </span> <ul class="image-links-level-4 megamenu__submenu"> <li class="level4"><span class="name"> <a href="/collections/women-s/bodycon-dresses">Bodycon Dresses</a> </span></li> <li class="level4"><span class="name"> <span class="expander">-</span> <a href="/collections/women-s/midi-dresses">Midi Dresses</a> </span> <ul class="image-links-level-5 megamenu__submenu"> <li class="level5"><span class="name"><a href="/collections/women-s/occasion-&-cocktail">Occasion & Cocktail</a></span></li> <li class="level5"><span class="name"><a href="/collections/women-s/casual-everyday">Casual Everyday</a></span></li> <li class="level5"><span class="name"><a href="/collections/women-s/going-out-&-party-dresses">Going Out & Party Dresses</a></span></li> </ul> </li> <li class="level4"><span class="name"> <a href="/collections/women-s/fit-&-flare">Fit & Flare</a> </span></li> <li class="level4"><span class="name"> <a href="/collections/women-s/shift-dresses">Shift Dresses</a> </span></li> <li class="level4"><span class="name"> <a href="/collections/women-s/slip-dresses">Slip Dresses</a> </span></li> <li class="level4"><span class="name"> <a href="/collections/women-s/tunic-dresses">Tunic Dresses</a> </span></li> </ul> </li> <li class="level3"><span class="name"> <a href="/collections/women-s/tops-&-t-shirts"><span class="act-underline">Tops & T-shirts</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/women-s/sleeveless-tops"><span class="act-underline">Sleeveless Tops</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/women-s/sweaters-&-cardigans"><span class="act-underline">Sweaters & Cardigans</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/women-s/jackets"><span class="act-underline">Jackets</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/women-s/outerwear"><span class="act-underline">Outerwear</span></a> </span></li> </ul> </li> <li><span class="name"> <span class="expander">-</span> <a href="/collections/women-s"><span class="act-underline">BOTTOMS</span></a> </span> <ul class="image-links-level-3 megamenu__submenu"> <li class="level3"><span class="name"> <a href="/collections/women-s/trousers"><span class="act-underline">Trousers</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/women-s/jeans"><span class="act-underline">Jeans</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/women-s/leggings"><span class="act-underline">Leggings</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/women-s/jumpsuit-&-shorts"><span class="act-underline">Jumpsuit & shorts</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/women-s/skirts"><span class="act-underline">Skirts</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/women-s/tights"><span class="act-underline">Tights</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/women-s/beachware"><span class="act-underline">Beachware</span></a> </span></li> </ul> </li> <li><span class="name"> <span class="expander">-</span> <a href="/collections/womens-accessories"><span class="act-underline">ACCESSORIES</span></a> </span> <ul class="image-links-level-3 megamenu__submenu"> <li class="level3"><span class="name"> <a href="/collections/womens-accessories/jewellery"><span class="act-underline">Jewellery</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/womens-accessories/hats"><span class="act-underline">Hats</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/womens-accessories/scarves-&-snoods"><span class="act-underline">Scarves & snoods</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/womens-accessories/belts"><span class="act-underline">Belts</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/womens-accessories/bags"><span class="act-underline">Bags</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/womens-accessories/shoes"><span class="act-underline">Shoes</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/womens-accessories/sunglasses"><span class="act-underline">Sunglasses</span></a> </span></li> </ul> </li> </ul> </li> <li><span class="name"> <span class="expander">-</span> <a href="/collections/men-s"><span class="act-underline">Men’s <span class="badge badge--menu badge--color">sale</span> </span> </a> </span> <ul class="multicolumn-level"> <li><span class="name"> <span class="expander">-</span> <a href="/collections/men-s/caps-&-hats"><span class="act-underline">Caps & Hats</span></a> </span> <ul class="image-links-level-3 megamenu__submenu"> <li class="level3"><span class="name"> <a href="/collections/men-s/bags"><span class="act-underline">Bags</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/men-s/grooming"><span class="act-underline">Grooming</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/men-s/hoodies-&-sweatshirts"><span class="act-underline">Hoodies & Sweatshirts</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/men-s/jackets-&-coats"><span class="act-underline">Jackets & Coats</span></a> </span></li> </ul> </li> <li><span class="name"> <span class="expander">-</span> <a href="/collections/men-s/blazers"><span class="act-underline">Blazers</span></a> </span> <ul class="image-links-level-3 megamenu__submenu"> <li class="level3"><span class="name"> <a href="/collections/men-s/jeans"><span class="act-underline">Jeans</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/men-s/jumpers-&-cardigans"><span class="act-underline">Jumpers & Cardigans</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/men-s/jewellery"><span class="act-underline">Jewellery</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/men-s/sweat-pants"><span class="act-underline">Sweat Pants</span></a> </span></li> </ul> </li> <li><span class="name"> <span class="expander">-</span> <a href="/collections/men-s/accesories"><span class="act-underline">Accesories</span></a> </span> <ul class="image-links-level-3 megamenu__submenu"> <li class="level3"><span class="name"> <a href="/collections/men-s/leather-jackets"><span class="act-underline">Leather Jackets</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/men-s/long-sleeve-t-shirts"><span class="act-underline">Long Sleeve T-Shirts</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/men-s/loungewear"><span class="act-underline">Loungewear</span></a> </span></li> <li class="level3"><span class="name"> <a href="/collections/men-s/polo-shirts"><span class="act-underline">Polo Shirts</span></a> </span></li> </ul> </li> </ul> </li> <li><span class="name"> <span class="expander">-</span> <a href="https://goo.gl/Awvg8Q"><span class="act-underline">Buy Theme! </span> </a> </span> <ul class="multicolumn"> <li><span class="name"> <a href="http://ocean.tonytemplates.com/shopify/yourstore-doc-v2">Documentation</a> </span></li> <li><span class="name"> <a href="https://www.youtube.com/channel/UCDg7f6PvTo7hdcpPowI3UtA">Videos. Subscribe</a> </span></li> </ul> </li> </ul> </nav> </div> <div class="header-wrapper"> <header id="header"> <div class="container"> <div class="row"> <div class="col-sm-4 col-md-4 col-lg-6 col-xl-7" itemscope="" itemtype="http://schema.org/Organization"><!-- logo start --> <a href="/" itemprop="url"><img class="logo img-responsive" src="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/logo.png?15551722292149694537" alt="logo" itemprop="logo" /></a> <!-- logo end --></div> <div class="col-sm-8 col-md-8 col-lg-6 col-xl-5 text-right"><!-- slogan start --> <div class="slogan">Default welcome msg!</div> <!-- slogan end --> <div class="settings"><!-- currency start --> <div class="currency dropdown text-right"> <div class="dropdown-label hidden-sm hidden-xs">Currency:</div> <a class="dropdown-toggle" data-toggle="dropdown"><span class="current-currency">USD</span><span class="caret"></span></a> <ul class="dropdown-menu dropdown-menu--xs-full"> <li data-currency="USD" class="currency__item"><a style="cursor: pointer">USD - US Dollar</a></li> <li data-currency="EUR" class="currency__item"><a style="cursor: pointer">EUR - Euro</a></li> <li data-currency="GBP" class="currency__item"><a style="cursor: pointer">GBP - British Pound Sterling</a></li> <li class="dropdown-menu__close"><a href="#"><span class="icon icon-close"></span>close</a></li> </ul> </div> <!-- currency end --> <!-- language start --> <div class="language dropdown text-right"> <div class="dropdown-label hidden-sm hidden-xs">Language:</div> <a class="dropdown-toggle" data-toggle="dropdown">English<span class="caret"></span></a> <ul class="dropdown-menu dropdown-menu--xs-full"> <li><a href="https://yourstore-language.myshopify.com/">Spanish</a></li> <li><a href="https://yourstore-language.myshopify.com/pages/page_rus">Russian</a></li> <li><a href="https://yourstore-language.myshopify.com/pages/page_de">German</a></li> <li class="dropdown-menu__close"><a href="#"><span class="icon icon-close"></span>close</a></li> </ul> </div> <!-- language end --></div> </div> </div> </div> <div class="stuck-nav"> <div class="container offset-top-5"> <div class="row"> <div class="pull-left col-sm-9 col-md-9 col-lg-10"> <nav class="navbar "> <div class="responsive-menu mainMenu"> <div class="col-xs-2 visible-mobile-menu-on"> <div class="expand-nav compact-hidden"><a href="#off-canvas-menu" id="off-canvas-menu-toggle"> <div class="navbar-toggle"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="menu-text">MENU</span></div> </a></div> </div> <ul class="nav navbar-nav"> <li class="dl-close"></li> <li class="dropdown dropdown-mega-menu"><a href="/" class="dropdown-toggle" data-toggle="dropdown"><span class="act-underline"> LAYOUT</span> </a> <ul class="dropdown-menu megamenu image-links-layout" role="menu"><style><!-- .image-link { position: relative; } .newbadge { position: absolute; top: -5px; z-index: 1; } --></style> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-default.myshopify.com/?preview_theme_id="> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-1.jpg?124048568246293959" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 1 (Default)</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="//yourstore-default.myshopify.com/?preview_theme_id=163084682"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-21.jpg?3220629194399907831" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 2</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="//yourstore-default.myshopify.com/?preview_theme_id=163084746"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-3.jpg?124048568246293959" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 3</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="//yourstore-default.myshopify.com/?preview_theme_id=163085642"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-4.jpg?124048568246293959" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 4</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-default.myshopify.com/?preview_theme_id=183023124"> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/0.png?8547094468237325294" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Instagram Shop</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-skins.myshopify.com/?preview_theme_id="> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/skin01.jpg?12382534308327699432" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Lingerie</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-skins.myshopify.com/?preview_theme_id=163109002"> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/skin02.jpg?12382534308327699432" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">organic cosmetics</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-skins.myshopify.com/?preview_theme_id=163109578"> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/skin03.jpg?12382534308327699432" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Furniture</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-skins.myshopify.com/?preview_theme_id=163111178"> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/skin04.jpg?12382534308327699432" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Medical equipments</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-skins.myshopify.com/?preview_theme_id=163112714"> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/skin05.jpg?12382534308327699432" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Jewelry</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-skins.myshopify.com/?preview_theme_id=163110282"> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/skin06.jpg?12382534308327699432" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Baby clothes</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-skins.myshopify.com/?preview_theme_id=163113802"> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/skin07.jpg?12382534308327699432" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Watches</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-skins.myshopify.com/?preview_theme_id=163107466"> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/skin08.jpg?12382534308327699432" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Travel</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-skins.myshopify.com/?preview_theme_id=163106314"> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/skin09.jpg?12382534308327699432" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Gadgets</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-skins.myshopify.com/?preview_theme_id=163115274"> <div class="newbadge"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/skinbadge.png?6715970107301675613" alt="new skin" /></div> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/skin10.jpg?12382534308327699432" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Bikes store</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/?preview_theme_id=163086026"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-5.jpg?124048568246293959" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 5</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/?preview_theme_id=163086218"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-6.jpg?124048568246293959" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 6</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-default.myshopify.com/?preview_theme_id=163086410"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-7.jpg?124048568246293959" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 7</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-default.myshopify.com/?preview_theme_id=163086602"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-8.jpg?124048568246293959" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 8</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="http://yourstore-default.myshopify.com/?preview_theme_id=163086986"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-9.jpg?124048568246293959" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 9</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-electronics.myshopify.com/"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-11.jpg?124048568246293959" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 10</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-car.myshopify.com/"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-10.jpg?124048568246293959" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 11</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-tools.myshopify.com/"> <span class="figure"> <img class="img-responsive img-border" src="//cdn.shopify.com/s/files/1/1236/4838/files/layout-img-121.jpg?3220629194399907831" alt="" /> <span class="description"> <span class="block-table"> <span class="block-table-cell"> <span class="btn btn--ys btn--lg">LAUNCH</span> </span> </span> </span> </span> <span class="figcaption">Home page - Layout 12</span> </a> </span></li> </ul> </li> <li class="dropdown dropdown-mega-menu"><a href="/collections" class="dropdown-toggle" data-toggle="dropdown"><span class="act-underline"> LISTING</span> </a> <ul class="dropdown-menu megamenu image-links-layout" role="menu"> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/collections/women-s"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/listing-img-1.png?14834718640058778481" alt="" /></span> <span class="figcaption text-uppercase">left column</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/collections/demo-left-right"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/listing-img-2.png?14834718640058778481" alt="" /></span> <span class="figcaption text-uppercase">left, right column</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/collections/demo-right"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/listing-img-3.png?14834718640058778481" alt="" /></span> <span class="figcaption text-uppercase">right column</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/collections/demo-only"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/listing-img-4.png?14834718640058778481" alt="" /></span> <span class="figcaption text-uppercase">without columns</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/collections/men-s"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/listing-img-5.png?14834718640058778481" alt="" /></span> <span class="figcaption text-uppercase">left column,<br /> without Static block</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/collections/demo-without-content"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/listing-img-6.png?14834718640058778481" alt="" /></span> <span class="figcaption text-uppercase">without columns,<br /> without Static block</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/collections/demo-small"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/listing-img-7.png?14834718640058778481" alt="" /></span> <span class="figcaption text-uppercase">Small</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/collections/demo-big"> <span class="figure"><img class="img-responsive img-border" src="https://cdn.shopify.com/s/files/1/1236/4838/files/listing-img-8.png?14834718640058778481" alt="" /></span> <span class="figcaption text-uppercase">Big</span> </a> </span></li> </ul> </li> <li class="dropdown dropdown-mega-menu"><a href="/products/paul-smith-blazer" class="dropdown-toggle" data-toggle="dropdown"><span class="act-underline"> PRODUCT</span> </a> <ul class="dropdown-menu megamenu image-links-layout" role="menu"> <li class="col-one-third"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/pages/product-page-small"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/product-menu-img-1.png?17598935971825499069" alt="" /></span> <span class="figcaption text-uppercase">image size - small</span> </a> </span></li> <li class="col-one-third"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/products/paul-smith-blazer"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/product-menu-img-2.png?17598935971825499069" alt="" /></span> <span class="figcaption text-uppercase">image size - medium</span> </a> </span></li> <li class="col-one-third"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/pages/product-page-big"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/product-menu-img-3.png?17598935971825499069" alt="" /></span> <span class="figcaption text-uppercase">image size - big</span> </a> </span></li> </ul> </li> <li class="dropdown dropdown-mega-menu"><a href="/blogs/news" class="dropdown-toggle" data-toggle="dropdown"><span class="act-underline"> BLOG</span> </a> <ul class="dropdown-menu megamenu image-links-layout" role="menu"> <li class="col-one-third"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/blogs/news"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/blog-menu-img-1.png?17598935971825499069" alt="" /></span> <span class="figcaption text-uppercase">blog - Layout 1</span> </a> </span></li> <li class="col-one-third"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/pages/demo-blog-design-2"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/blog-menu-img-2.png?17598935971825499069" alt="" /></span> <span class="figcaption text-uppercase">blog - Layout 2</span> </a> </span></li> <li class="col-one-third"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/pages/demo-blog-design-3"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/blog-menu-img-3.png?17598935971825499069" alt="" /></span> <span class="figcaption text-uppercase">blog - Layout 3</span> </a> </span></li> </ul> </li> <li class="dropdown dropdown-mega-menu"><a href="/pages/gallery-2" class="dropdown-toggle" data-toggle="dropdown"><span class="act-underline"> Gallery</span> </a> <ul class="dropdown-menu megamenu image-links-layout" role="menu"> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/pages/gallery-2"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/gallery-menu-img-1.png?15831167777533216361" alt="" /></span> <span class="figcaption text-uppercase">Gallery - Layout 1</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/pages/gallery-3"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/gallery-menu-img-2.png?15831167777533216361" alt="" /></span> <span class="figcaption text-uppercase">Gallery - Layout 2</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/pages/gallery-4"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/gallery-menu-img-3.png?15831167777533216361" alt="" /></span> <span class="figcaption text-uppercase">Gallery - Layout 3</span> </a> </span></li> <li class="col-one-fourth"><span class="image-link"> <a href="https://yourstore-default.myshopify.com/pages/gallery-5"> <span class="figure"><img class="img-responsive" src="https://cdn.shopify.com/s/files/1/1236/4838/files/gallery-menu-img-4.png?15831167777533216361" alt="" /></span> <span class="figcaption text-uppercase">Gallery - Layout 4</span> </a> </span></li> </ul> </li> <li class="dropdown dropdown-mega-menu dropdown-two-col"><a href="/pages/about" class="dropdown-toggle" data-toggle="dropdown"><span class="act-underline"> PAGES</span> </a> <ul class="dropdown-menu multicolumn two-col" role="menu"> <li class="dl-back"><a href="#"><span class="icon icon-chevron_left"></span>back</a></li> <li><a href="/pages/demo-multilevels">Submenu Video</a> <ul class="megamenu__submenu"> <li><a href="#">Multilevel 1</a> <ul><!-- class="popup-left" --> <li><a href="#">Multilevel 2</a></li> </ul> </li> </ul> </li> <li><a href="/pages/about">About</a></li> <li><a href="/pages/typography">Typography</a></li> <li><a href="/pages/delivery-page">Delivery Page</a></li> <li><a href="/pages/faq">Faq</a></li> <li><a href="/pages/support-24">Support-24</a></li> <li><a href="/pages/contacts">Contact</a></li> <li><a href="/pages/warranty-and-services">Warranty and Services</a></li> <li><a href="/pages/lookbook">Lookbook</a></li> <li><a href="/pages/password">Password</a></li> </ul> </li> <li class="dropdown dropdown-mega-menu"><a href="/collections/women-s" class="dropdown-toggle" data-toggle="dropdown"><span class="act-underline"> <span class="badge badge--menu">new</span> WOMEN’s</span> </a> <ul class="dropdown-menu megamenu" role="menu"> <li class="col-sm-3"><a href="/collections/women-s" class="megamenu__subtitle"> <span>TOPS</span> </a> <ul class="megamenu__submenu"> <li class="level2"><a href="/collections/women-s/blouses-shirts">Blouses & Shirts</a></li> <li class="level2"><a href="/collections/women-s/dresses">Dresses</a> <ul class="megamenu__submenu"> <li class="level3"><a href="/collections/women-s/bodycon-dresses">Bodycon Dresses</a></li> <li class="level3"><a href="/collections/women-s/midi-dresses">Midi Dresses</a> <ul class="megamenu__submenu"> <li class="level4"><a href="/collections/women-s/occasion-&-cocktail">Occasion & Cocktail</a></li> <li class="level4"><a href="/collections/women-s/casual-everyday">Casual Everyday</a></li> <li class="level4"><a href="/collections/women-s/going-out-&-party-dresses">Going Out & Party Dresses</a></li> </ul> </li> <li class="level3"><a href="/collections/women-s/fit-&-flare">Fit & Flare</a></li> <li class="level3"><a href="/collections/women-s/shift-dresses">Shift Dresses</a></li> <li class="level3"><a href="/collections/women-s/slip-dresses">Slip Dresses</a></li> <li class="level3"><a href="/collections/women-s/tunic-dresses">Tunic Dresses</a></li> </ul> </li> <li class="level2"><a href="/collections/women-s/tops-&-t-shirts">Tops & T-shirts</a></li> <li class="level2"><a href="/collections/women-s/sleeveless-tops">Sleeveless Tops</a></li> <li class="level2"><a href="/collections/women-s/sweaters-&-cardigans">Sweaters & Cardigans</a></li> <li class="level2"><a href="/collections/women-s/jackets">Jackets</a></li> <li class="level2"><a href="/collections/women-s/outerwear">Outerwear</a></li> </ul> </li> <li class="col-sm-3"><a href="/collections/women-s" class="megamenu__subtitle"> <span>BOTTOMS</span> </a> <ul class="megamenu__submenu"> <li class="level2"><a href="/collections/women-s/trousers">Trousers</a></li> <li class="level2"><a href="/collections/women-s/jeans">Jeans</a></li> <li class="level2"><a href="/collections/women-s/leggings">Leggings</a></li> <li class="level2"><a href="/collections/women-s/jumpsuit-&-shorts">Jumpsuit & shorts</a></li> <li class="level2"><a href="/collections/women-s/skirts">Skirts</a></li> <li class="level2"><a href="/collections/women-s/tights">Tights</a></li> <li class="level2"><a href="/collections/women-s/beachware">Beachware</a></li> </ul> </li> <li class="col-sm-3"><a href="/collections/womens-accessories" class="megamenu__subtitle"> <span>ACCESSORIES</span> </a> <ul class="megamenu__submenu"> <li class="level2"><a href="/collections/womens-accessories/jewellery">Jewellery</a></li> <li class="level2"><a href="/collections/womens-accessories/hats">Hats</a></li> <li class="level2"><a href="/collections/womens-accessories/scarves-&-snoods">Scarves & snoods</a></li> <li class="level2"><a href="/collections/womens-accessories/belts">Belts</a></li> <li class="level2"><a href="/collections/womens-accessories/bags">Bags</a></li> <li class="level2"><a href="/collections/womens-accessories/shoes">Shoes</a></li> <li class="level2"><a href="/collections/womens-accessories/sunglasses">Sunglasses</a></li> </ul> </li> <li class="col-sm-3 hidden-xs"><a href="#" class="megamenu__subtitle"><span>FEATURED</span></a> <div class="carousel-products megaMenuCarousel_js"> <div><!-- product --> <div class="product"> <div class="product__inside"><!-- product image --> <div class="product__inside__image"><a href="/products/adidas-originals-trainers"> <img src="//cdn.shopify.com/s/files/1/1236/4838/products/adidas_Originals_ZX_Flux_Weave_Black___Blue_Trainers_0_large.JPG?v=1476446528" alt="1" /> </a></div> <!-- /product image --> <!-- product name --> <div class="product__inside__name"> <h2><a href="/products/adidas-originals-trainers">adidas Originals Trainers</a></h2> </div> <!-- /product name --> <!-- product price --> <div class="product__inside__price price-box"><span class="money">$90.00</span></div> <!-- /product price --></div> </div> <!-- /product --></div> <div><!-- product --> <div class="product"> <div class="product__inside"><!-- product image --> <div class="product__inside__image"><a href="/products/black-cap"> <img src="//cdn.shopify.com/s/files/1/1236/4838/products/Black_463196_001_ProductLarge_large.JPG?v=1460209220" alt="Black Cap" /> </a></div> <!-- /product image --> <!-- product name --> <div class="product__inside__name"> <h2><a href="/products/black-cap">Black Cap</a></h2> </div> <!-- /product name --> <!-- product price --> <div class="product__inside__price price-box"><span class="money">$105.00</span></div> <!-- /product price --></div> </div> <!-- /product --></div> <div><!-- product --> <div class="product"> <div class="product__inside"><!-- product image --> <div class="product__inside__image"><a href="/products/black-coffee-belt"> <img src="//cdn.shopify.com/s/files/1/1236/4838/products/BlackCoffee_001_ProductLarge_large.JPG?v=1460209258" alt="Black Coffee Belt" /> </a></div> <!-- /product image --> <!-- product name --> <div class="product__inside__name"> <h2><a href="/products/black-coffee-belt">Black Coffee Belt</a></h2> </div> <!-- /product name --> <!-- product price --> <div class="product__inside__price price-box"><span class="money">$110.00</span></div> <!-- /product price --></div> </div> <!-- /product --></div> <div><!-- product --> <div class="product"> <div class="product__inside"><!-- product image --> <div class="product__inside__image"><a href="/products/black-large"> <img src="//cdn.shopify.com/s/files/1/1236/4838/products/Black_001_ProductLarge_large.JPG?v=1460209182" alt="Black Large" /> </a></div> <!-- /product image --> <!-- product name --> <div class="product__inside__name"> <h2><a href="/products/black-large">Black Large</a></h2> </div> <!-- /product name --> <!-- product price --> <div class="product__inside__price price-box"><span class="money">$100.00</span></div> <!-- /product price --></div> </div> <!-- /product --></div> </div> <!-- /carousel --></li> <li class="col-sm-12 hidden-xs"> <div class="row"> <div class="col-sm-6"><a href="#" class="discolor-hover"><img class="img-responsive" src="//cdn.shopify.com/s/files/1/1236/4838/files/banner-megamenu-01.jpg?16466298140297529436" alt="" /></a></div> <div class="col-sm-6"><a href="#" class="discolor-hover"><img class="img-responsive" src="//cdn.shopify.com/s/files/1/1236/4838/files/banner-megamenu-02.jpg?16466298140297529436" alt="" /></a></div> </div> </li> </ul> </li> <li class="dropdown dropdown-mega-menu"><a href="/collections/men-s" class="dropdown-toggle" data-toggle="dropdown"><span class="act-underline"> <span class="badge badge--menu badge--color">sale</span> Men’s</span> </a> <ul class="dropdown-menu megamenu" role="menu"> <li class="col-sm-3"><a href="/collections/men-s/caps-&-hats" class="megamenu__subtitle"> <span>Caps & Hats</span> <span class="megamenu__category-image hidden-xs"><img class="img-responsive" src="//cdn.shopify.com/s/files/1/1236/4838/files/mens-category-1.jpg?7991156427119609511" alt="" /></span> </a> <ul class="megamenu__submenu"> <li class="level2"><a href="/collections/men-s/bags">Bags</a></li> <li class="level2"><a href="/collections/men-s/grooming">Grooming</a></li> <li class="level2"><a href="/collections/men-s/hoodies-&-sweatshirts">Hoodies & Sweatshirts</a></li> <li class="level2"><a href="/collections/men-s/jackets-&-coats">Jackets & Coats</a></li> </ul> </li> <li class="col-sm-3"><a href="/collections/men-s/blazers" class="megamenu__subtitle"> <span>Blazers</span> <span class="megamenu__category-image hidden-xs"><img class="img-responsive" src="//cdn.shopify.com/s/files/1/1236/4838/files/mens-category-2.jpg?7991156427119609511" alt="" /></span> </a> <ul class="megamenu__submenu"> <li class="level2"><a href="/collections/men-s/jeans">Jeans</a></li> <li class="level2"><a href="/collections/men-s/jumpers-&-cardigans">Jumpers & Cardigans</a></li> <li class="level2"><a href="/collections/men-s/jewellery">Jewellery</a></li> <li class="level2"><a href="/collections/men-s/sweat-pants">Sweat Pants</a></li> </ul> </li> <li class="col-sm-3"><a href="/collections/men-s/accesories" class="megamenu__subtitle"> <span>Accesories</span> <span class="megamenu__category-image hidden-xs"><img class="img-responsive" src="//cdn.shopify.com/s/files/1/1236/4838/files/mens-category-3.jpg?7991156427119609511" alt="" /></span> </a> <ul class="megamenu__submenu"> <li class="level2"><a href="/collections/men-s/leather-jackets">Leather Jackets</a></li> <li class="level2"><a href="/collections/men-s/long-sleeve-t-shirts">Long Sleeve T-Shirts</a></li> <li class="level2"><a href="/collections/men-s/loungewear">Loungewear</a></li> <li class="level2"><a href="/collections/men-s/polo-shirts">Polo Shirts</a></li> </ul> </li> <li class="col-sm-3 hidden-xs"><a href="#" class="megamenu__subtitle"><span>FEATURED</span></a> <div class="carousel-products megaMenuCarousel_js"> <div><!-- product --> <div class="product"> <div class="product__inside"><!-- product image --> <div class="product__inside__image"><a href="/products/adidas-originals-trainers"> <img src="//cdn.shopify.com/s/files/1/1236/4838/products/adidas_Originals_ZX_Flux_Weave_Black___Blue_Trainers_0_large.JPG?v=1476446528" alt="1" /> </a></div> <!-- /product image --> <!-- product name --> <div class="product__inside__name"> <h2><a href="/products/adidas-originals-trainers">adidas Originals Trainers</a></h2> </div> <!-- /product name --> <!-- product price --> <div class="product__inside__price price-box"><span class="money">$90.00</span></div> <!-- /product price --></div> </div> <!-- /product --></div> <div><!-- product --> <div class="product"> <div class="product__inside"><!-- product image --> <div class="product__inside__image"><a href="/products/black-cap"> <img src="//cdn.shopify.com/s/files/1/1236/4838/products/Black_463196_001_ProductLarge_large.JPG?v=1460209220" alt="Black Cap" /> </a></div> <!-- /product image --> <!-- product name --> <div class="product__inside__name"> <h2><a href="/products/black-cap">Black Cap</a></h2> </div> <!-- /product name --> <!-- product price --> <div class="product__inside__price price-box"><span class="money">$105.00</span></div> <!-- /product price --></div> </div> <!-- /product --></div> <div><!-- product --> <div class="product"> <div class="product__inside"><!-- product image --> <div class="product__inside__image"><a href="/products/black-coffee-belt"> <img src="//cdn.shopify.com/s/files/1/1236/4838/products/BlackCoffee_001_ProductLarge_large.JPG?v=1460209258" alt="Black Coffee Belt" /> </a></div> <!-- /product image --> <!-- product name --> <div class="product__inside__name"> <h2><a href="/products/black-coffee-belt">Black Coffee Belt</a></h2> </div> <!-- /product name --> <!-- product price --> <div class="product__inside__price price-box"><span class="money">$110.00</span></div> <!-- /product price --></div> </div> <!-- /product --></div> <div><!-- product --> <div class="product"> <div class="product__inside"><!-- product image --> <div class="product__inside__image"><a href="/products/black-large"> <img src="//cdn.shopify.com/s/files/1/1236/4838/products/Black_001_ProductLarge_large.JPG?v=1460209182" alt="Black Large" /> </a></div> <!-- /product image --> <!-- product name --> <div class="product__inside__name"> <h2><a href="/products/black-large">Black Large</a></h2> </div> <!-- /product name --> <!-- product price --> <div class="product__inside__price price-box"><span class="money">$100.00</span></div> <!-- /product price --></div> </div> <!-- /product --></div> </div> <!-- /carousel --></li> <li class="col-sm-12 hidden-xs"> <div class="hor-line"></div> <ul class="list-inline brands-list"> <li><a href="#"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/brand-01.png?7991156427119609511" alt="" /></a></li> <li><a href="#"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/brand-03.png?7991156427119609511" alt="" /></a></li> <li><a href="#"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/brand-02.png?7991156427119609511" alt="" /></a></li> <li><a href="#"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/brand-05.png?7991156427119609511" alt="" /></a></li> <li><a href="#"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/brand-04.png?7991156427119609511" alt="" /></a></li> <li><a href="#"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/brand-06.png?7991156427119609511" alt="" /></a></li> <li><a href="#"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/brand-07.png?7991156427119609511" alt="" /></a></li> <li><a href="#"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/brand-08.png?7991156427119609511" alt="" /></a></li> <li><a href="#"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/brand-09.png?7991156427119609511" alt="" /></a></li> <li><a href="#"><img src="//cdn.shopify.com/s/files/1/1236/4838/files/brand-10.png?7991156427119609511" alt="" /></a></li> </ul> </li> </ul> </li> <li class="dropdown dropdown-mega-menu dropdown-one-col"><a href="https://goo.gl/Awvg8Q" class="dropdown-toggle" data-toggle="dropdown"><span class="act-underline"> Buy Theme!</span> </a> <ul class="dropdown-menu multicolumn " role="menu"> <li class="dl-back"><a href="#"><span class="icon icon-chevron_left"></span>back</a></li> <li><a href="http://ocean.tonytemplates.com/shopify/yourstore-doc-v2">Documentation</a></li> <li><a href="https://www.youtube.com/channel/UCDg7f6PvTo7hdcpPowI3UtA">Videos. Subscribe</a></li> </ul> </li> </ul> </div> </nav> </div> <div class="pull-right col-sm-3 col-md-3 col-lg-2"> <div class="text-right"><!-- search start --> <div class="search link-inline "><a href="#" class="search__open"><span class="icon icon-search"></span></a> <div class="search-dropdown"> <form action="/search" method="get"> <div class="input-outer"><input type="hidden" name="type" value="product" /> <input type="text" name="q" class="search_field" value="" maxlength="128" placeholder="SEARCH:" /> <button type="submit" title="" class="icon icon-search"></button></div> <a href="#" class="search__close"><span class="icon icon-close"></span></a></form> </div> </div> <!-- search end --> <!-- account menu start --> <div class="account link-inline "> <div class="dropdown text-right"><a class="dropdown-toggle" data-toggle="dropdown"> <span class="icon icon-person "></span> </a> <ul class="dropdown-menu dropdown-menu--xs-full"> <li><a href="/account"><span class="icon icon-person"></span>Account</a></li> <li><a href="/checkout"><span class="icon icon-done_all"></span>Checkout</a></li> <li><a href="/account/login"><span class="icon icon-lock"></span>Sign In</a></li> <li><a href="/account/register"><span class="icon icon-person_add"></span>Register</a></li> <li class="dropdown-menu__close"><a href="#"><span class="icon icon-close"></span>close</a></li> </ul> </div> </div> <!-- account menu end --> <!-- shopping cart start --> <div class="cart link-inline header-cart"> <div class="dropdown text-right"><a class="dropdown-toggle" style="cursor:default;"> <span class="icon icon-shopping_basket"></span> <span class="badge badge--cart bigcounter">0</span> </a> <div class="dropdown-menu dropdown-menu--xs-full slide-from-top cart-group-1" role="menu"> <div class="container"> <div class="cart__top">Recently added item(s)</div> <a href="#" class="icon icon-close cart__close"><span>close</span></a> <ul></ul> <div class="cart__bottom"><a href="/checkout" class="btn btn--ys btn-checkout">Checkout <span class="icon icon--flippedX icon-reply"></span></a> <div class="cart__total">Cart subtotal: <span class="shopping-cart__total"> <span class="money">$0.00</span></span></div> <a href="/cart" class="btn btn--ys"><span class="icon icon-shopping_basket"></span>View Cart</a></div> </div> </div> </div> </div> <!-- shopping cart end --></div> </div> </div> </div> </div> </header> </div> <section class="breadcrumbs"> <div class="container"> <ol class="breadcrumb breadcrumb--ys pull-left"> <li class="home-link"><a href="/" class="icon icon-home"></a></li> <li><span>About</span></li> </ol> </div> </section> <div id="pageContent" class="starthide"><!-- CONTENT section --> <!-- parallax-img --> <section class="content--parallax content--parallax-sm offset-top-0" data-image="https://cdn.shopify.com/s/files/1/1236/4838/files/parallax-img-05.jpg?3685569274316051182"> <div class="content offset-top-0"> <div class="container"> <div class="parallax-text"> <div class="block-table"> <div class="block-table-cell text-center"> <h6 class="font50 color-white">About us</h6> <div class="divider divider--xs"></div> <p class="font30 color-white">Lorem ipsum dolor sit amet conse ctetur adipisicing elit.</p> <div class="divider divider--xs"></div> <span class="bull-line"></span></div> </div> </div> </div> </div> </section> <!-- /parallax-img --> <!-- --> <section class="content"> <div class="container"> <h2 class="text-center title-under">Interesting Facts</h2> <p class="text-center color-dark main-font"><em class="font18">Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br /> Ut enim ad minim veniam, quis nostrud exercitation ullamco.</em></p> <div class="divider divider--md1"></div> <div class="row"> <div class="col-md-12 col-lg-4 text-center separator-border-right separator-border-right-hidden-md"><a class="link-banner1" href="#"> <div><span class="font96 font-middle color-custom">5000</span></div> <p><span class="font26 font-middle color-custom">Items in Store</span></p> <p class="side-offset-9">Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p> <div class="divider divider--md"></div> </a></div> <div class="divider divider--md1 visible-md"></div> <div class="col-md-12 col-lg-4 text-center separator-border-right separator-border-right-hidden-md"><a class="link-banner1" href="#"> <div><span class="font96 font-middle color-custom">80%</span></div> <p><span class="font26 font-middle color-custom">Our Customers Come Back</span></p> <p class="side-offset-9">Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p> <div class="divider divider--md"></div> </a></div> <div class="divider divider--md1 visible-md"></div> <div class="col-md-12 col-lg-4 text-center"><a class="link-banner1" href="#"> <div><span class="font96 font-middle color-custom">1 million</span></div> <p><span class="font26 font-middle color-custom">Users of the Site</span></p> <p class="side-offset-9">Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p> <div class="divider divider--md"></div> </a></div> </div> </div> </section> <!-- / --> <!-- --> <section class="container-fluid fill-bg content"> <div class="content-fill"> <h2 class="text-center title-under">Our Partners</h2> <div class="row"> <div class="col-lg-10 col-lg-offset-1 col-xs-12 col-xs-offset-0"> <p class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p> <div class="divider divider--lg"></div> <div class="brand-lg-list"> <div class="row-item"><a href="#"><img src="https://cdn.shopify.com/s/files/1/1236/4838/files/brand-lg-01.png?1235758127323433262" class="img-responsive" alt="" /></a> <a href="#"><img src="https://cdn.shopify.com/s/files/1/1236/4838/files/brand-lg-02.png?1235758127323433262" class="img-responsive" alt="" /></a> <a href="#"><img src="https://cdn.shopify.com/s/files/1/1236/4838/files/brand-lg-03.png?1235758127323433262" class="img-responsive" alt="" /></a> <a href="#"><img src="https://cdn.shopify.com/s/files/1/1236/4838/files/brand-lg-04.png?1235758127323433262" class="img-responsive" alt="" /></a> <a href="#"><img src="https://cdn.shopify.com/s/files/1/1236/4838/files/brand-lg-05.png?1235758127323433262" class="img-responsive" alt="" /></a></div> <div class="row-item"><a href="#"><img src="https://cdn.shopify.com/s/files/1/1236/4838/files/brand-lg-06.png?1235758127323433262" class="img-responsive" alt="" /></a> <a href="#"><img src="https://cdn.shopify.com/s/files/1/1236/4838/files/brand-lg-07.png?1235758127323433262" class="img-responsive" alt="" /></a> <a href="#"><img src="https://cdn.shopify.com/s/files/1/1236/4838/files/brand-lg-08.png?1235758127323433262" class="img-responsive" alt="" /></a> <a href="#"><img src="https://cdn.shopify.com/s/files/1/1236/4838/files/brand-lg-09.png?1235758127323433262" class="img-responsive" alt="" /></a> <a href="#"><img src="https://cdn.shopify.com/s/files/1/1236/4838/files/brand-lg-10.png?1235758127323433262" class="img-responsive" alt="" /></a></div> </div> </div> </div> </div> </section> <!-- / --> <!-- --> <section class="content"> <div class="container"> <h2 class="text-center title-under">Easy Selection</h2> <p class="text-center color-custom">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </div> </section> <!-- / --> <!-- parallax-img --> <section class="content--parallax content--parallax-sm offset-top-0" data-image="https://cdn.shopify.com/s/files/1/1236/4838/files/parallax-img-06.jpg?8076360638564720083"> <div class="content"> <div class="container"> <div class="parallax-text"> <div class="block-table"> <div class="block-table-cell text-center"><span class="icon icon-done_all color-custom font107"></span> <h6 class="color-white font50 title-bottom-sm1">Only Certified Products</h6> <p class="color-white font24 main-font"><em>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</em></p> </div> </div> </div> </div> </div> </section> <!-- /parallax-img --> <!-- --> <section class="content"> <div class="container"><!-- title --> <div class="title-box"> <h2 class="text-center title-under">Our Team</h2> </div> <!-- /title --> <div class="row"> <div class="col-md-3 col-sm-6 col-xs-6"><a class="link-img-hover1" href="#"><img src="https://cdn.shopify.com/s/files/1/1236/4838/files/team-img-01.jpg?13094638134127425246" class="img-responsive" alt="" /></a> <div class="divider divider--md1"></div> <p><a class="hover-effect-01" href="#"> <span class="font22 text-uppercase color-custom">Emma</span> <span class="font18 color-dark"> - <em class="main-font">director</em></span> </a></p> <p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt.</p> </div> <div class="col-md-3 col-sm-6 col-xs-6"><a class="link-img-hover1" href="#"><img src="https://cdn.shopify.com/s/files/1/1236/4838/files/team-img-02.jpg?13094638134127425246" class="img-responsive" alt="" /></a> <div class="divider divider--md1"></div> <p><a class="hover-effect-01" href="#"> <span class="font22 text-uppercase color-custom">Olivia</span> <span class="font18 color-dark"> - <em class="main-font">marketer</em></span> </a></p> <p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt.</p> </div> <div class="divider divider--lg visible-sm visible-xs"></div> <div class="col-md-3 col-sm-6 col-xs-6"><a class="link-img-hover1" href="#"><img src="https://cdn.shopify.com/s/files/1/1236/4838/files/team-img-03.jpg?13094638134127425246" class="img-responsive" alt="" /></a> <div class="divider divider--md1"></div> <p><a class="hover-effect-01" href="#"> <span class="font22 text-uppercase color-custom">Mason</span> <span class="font18 color-dark"> - <em class="main-font">manager</em></span> </a></p> <p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt.</p> </div> <div class="col-md-3 col-sm-6 col-xs-6"><a class="link-img-hover1" href="#"><img src="https://cdn.shopify.com/s/files/1/1236/4838/files/team-img-04.jpg?13094638134127425246" class="img-responsive" alt="" /></a> <div class="divider divider--md1"></div> <p><a class="hover-effect-01" href="#"> <span class="font22 text-uppercase color-custom">Abigail</span> <span class="font18 color-dark"> - <em class="main-font">manager</em></span> </a></p> <p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt.</p> </div> </div> </div> </section> <!-- / --> <!-- End CONTENT section --></div> <!-- FOOTER section --> <footer><!-- footer-data --> <div class="container inset-bottom-60"> <div class="row"> <div class="col-sm-12 col-md-5 col-lg-6 border-sep-right"> <div class="footer-logo hidden-xs"><!-- Logo --> <a class="logo" href="https://yourstore-default.myshopify.com"> <img src="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/footerlogo.png?15551722292149694537" alt="yourstore-default" /> </a> <!-- /Logo --></div> <div class="box-about"> <div class="mobile-collapse"> <h4 class="mobile-collapse__title visible-xs">ABOUT US</h4> <div class="mobile-collapse__content"> <p>No more need to look for other ecommerce themes. We provide huge number of different layouts. Yourstore comes packed with free and useful features developed to make your website creation easier. Innovative clean design, advanced functionality, UI made for humans, extensive documenta- tion and support i continue this list infinitely...</p> </div> </div> </div> <!-- subscribe-box --> <div class="subscribe-box offset-top-20"> <div class="mobile-collapse"> <h4 class="mobile-collapse__title">NEWSLETTER SIGNUP</h4> <div class="mobile-collapse__content"> <form action="//myshopify.us11.list-manage.com/subscribe/post?u=0b829b8aff26aaaaa5da602c6&id=293978d1bd" method="post" name="mc-embedded-subscribe-form" target="_blank" class="form-inline"><input type="text" name="EMAIL" class="subscribe-form__input" /> <button type="submit" class="btn btn--ys btn--xl">SUBSCRIBE</button></form> </div> </div> </div> <!-- /subscribe-box --></div> <div class="col-sm-12 col-md-7 col-lg-6 border-sep-left"> <div class="row"> <div class="col-sm-4"> <div class="mobile-collapse"> <h4 class="text-left title-under mobile-collapse__title">INFORMATION</h4> <div class="v-links-list mobile-collapse__content"> <ul> <li><a href="/pages/about">About Us</a></li> <li><a href="/pages/support-24">Customer Service</a></li> <li><a href="/pages/faq">Privacy Policy</a></li> <li><a href="/pages/about">Site Map</a></li> <li><a href="/pages/typography">Search Terms</a></li> <li><a href="/pages/warranty-and-services">Advanced Search</a></li> <li><a href="/pages/delivery-page">Orders and Returns</a></li> <li><a href="/pages/contacts">Contact Us</a></li> </ul> </div> </div> </div> <div class="col-sm-4"> <div class="mobile-collapse"> <h4 class="text-left title-under mobile-collapse__title">WHY BUY FROM US</h4> <div class="v-links-list mobile-collapse__content"> <ul> <li><a href="/pages/warranty-and-services">Shipping & Returns</a></li> <li><a href="/pages/typography">Secure Shopping</a></li> <li><a href="/pages/about">International Shipping</a></li> <li><a href="/pages/delivery-page">Affiliates</a></li> <li><a href="/pages/support-24">Group Sales</a></li> </ul> </div> </div> </div> <div class="col-sm-4"> <div class="mobile-collapse"> <h4 class="text-left title-under mobile-collapse__title">MY ACCOUNT</h4> <div class="v-links-list mobile-collapse__content"> <ul> <li><a href="https://yourstore-default.myshopify.com/account/login">Sign In</a></li> <li><a href="https://yourstore-default.myshopify.com/cart">View Cart</a></li> <li><a href="https://yourstore-default.myshopify.com/pages/wishlist">My Wishlist</a></li> <li><a href="/pages/support-24">Track My Order</a></li> <li><a href="/pages/faq">Help</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="divider divider-md visible-xs visible-sm visible-md"></div> <!-- social-icon --> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="social-links social-links--large"> <ul> <li><a class="icon fa fa-facebook" href="//facebook.com/"></a></li> <li><a class="icon fa fa-twitter" href="https://www.youtube.com/channel/UCDg7f6PvTo7hdcpPowI3UtA"></a></li> <li><a class="icon fa fa-google-plus" href="https://www.youtube.com/channel/UCDg7f6PvTo7hdcpPowI3UtA"></a></li> <li><a class="icon fa fa-instagram" href="https://www.youtube.com/channel/UCDg7f6PvTo7hdcpPowI3UtA"></a></li> <li><a class="icon fa fa-youtube-square" href="https://www.youtube.com/channel/UCDg7f6PvTo7hdcpPowI3UtA"></a></li> </ul> </div> </div> </div> </div> <!-- /social-icon --> <!-- footer-copyright --> <div class="container footer-copyright"> <div class="row"> <div class="col-lg-12"><a href="/"><span>Your</span>Store</a> © 2017 . All Rights Reserved.</div> </div> </div> <!-- /footer-copyright --> <a href="#" class="btn btn--ys btn--full visible-xs" id="backToTop">Back to top <span class="icon icon-expand_less"></span></a></footer> <!-- END FOOTER section --> <!-- modalAddToCart --> <div class="modal fade" id="modalAddToCart" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog white-modal modal-sm"> <div class="modal-content "> <div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="icon icon-clear"></span></button></div> <div class="modal-body"> <div class="text-center"><span class="productmsg">Product</span>Added to cart successfully!</div> </div> <div class="modal-footer text-center"><a href="/cart" class="btn btn--ys btn--full btn--lg">go to cart</a></div> </div> </div> </div> <!-- /modalAddToCart --> <!-- modalAddToCart Error --> <div class="modal fade" id="modalAddToCartError" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog white-modal modal-sm"> <div class="modal-content "> <div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="icon icon-clear"></span></button></div> <div class="modal-body"> <div class="text-center error_message"></div> </div> </div> </div> </div> <div class="modal modal--bg fade" id="newsletterModal" data-pause="2000"> <div class="modal-dialog white-modal center-center modal-md"> <div class="modal-content modal-md"> <div class="modal-bg-image bottom-right"><img src="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/newsletter-bg.png?15551722292149694537" alt="" class="img-responsive" /></div> <div class="modal-block"> <div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="icon icon-clear"></span></button></div> <div class="modal-newsletter text-center"><img class="logo img-responsive1" src="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/newsletter-logo.png?15551722292149694537" alt="" /> <h2 class="text-uppercase modal-title">HELP OUR PROJECT!</h2> <div> <p>Please, rate theme 5. Thanks</p> <p class="color font24 custom-font font-lighter">YOURStore</p> </div> <form action="//myshopify.us11.list-manage.com/subscribe/post?u=0b829b8aff26aaaaa5da602c6&id=293978d1bd" method="post" name="mc-embedded-subscribe-form" target="_blank" class="subscribe-form"> <div class="row-subscibe"><input type="text" name="EMAIL" placeholder="Your E-mail..." /> <button type="submit" class="btn btn--ys btn--xl">subscribe</button></div> <div class="checkbox-group form-group-top clearfix"><input type="checkbox" id="checkBox" /> <label for="checkBox"> <span class="check"></span> <span class="box"></span> DON'T SHOW THIS POPUP AGAIN </label></div> </form> </div> </div> </div> </div> </div> <script> (function(e) { var obj = { init: function() { try { if (e.cookie('popupNewsletter') != 'disable') { this.checkboxEvent(); var pause = e('#newsletterModal').attr('data-pause'); setTimeout(function() { e('#newsletterModal').modal('show'); var date = new Date(); var minutes = 3; date.setTime(date.getTime() + (minutes * 60 * 1000)); e.cookie('popupNewsletter', 'disable', {expires:date, path:'/'}); }, pause); } } catch (err) {} // ignore errors reading cookies }, checkboxEvent: function() { e('#checkBox').change(function(){ if (e(this).is(':checked')) { e.cookie('popupNewsletter', 'disable', {expires:1, path:'/'}); } else { e.cookie("popupNewsletter", null, { path: '/' }); } }); } }; e(document).ready(function() { obj.init(); }); })(jQuery) </script> <div class="modal modal--bg fade" id="quickViewModal"> <div class="modal-dialog white-modal"> <div class="modal-content container"> <div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="icon icon-clear"></span></button></div> <!-- --> <div class="product-popup"> <div class="product-popup-content"> <div class="container-fluid"> <div class="row product-info-outer"> <div class="col-xs-12 col-sm-5 col-md-6 col-lg-6"> <div class="product-main-image"> <div class="product-main-image__item"> <div class="img_box_1"></div> <div class="img_box_2"></div> </div> </div> </div> <div class="product-info col-xs-12 col-sm-7 col-md-6 col-lg-6"> <div class="wrapper qwt"> <div class="product-info__sku pull-left">SKU: <strong class="product-sku">text</strong></div> <div class="product-info__availabilitu pull-right">Availability: <strong class="product-availability">text</strong></div> </div> <div class="product-info__title"> <h2 class="product_title">FROM_JS</h2> </div> <div class="price-box product-info__price price-part"><span class="price-box__new">jsprice</span> <span class="main">jsprice</span></div> <div class="product-info__review"> <div class="rating"><span class="shopify-product-reviews-badge" data-id=""></span></div> </div> <div class="product-desc-holder"> <div class="divider divider--xs product-info__divider"></div> <div class="product-info__description product-desc">FROM_JS</div> </div> <div class="divider divider--xs product-info__divider"></div> <div class="product-available"> <form id="add-item-qv" action="/cart/add" method="post"> <div class="variants"></div> <div class="divider divider--sm"></div> <div class="wrapper"> <div class="pull-left control-console"><span class="qty-label">QTY:</span></div> <div class="pull-left control-console"><input type="text" name="quantity" class="input--ys qty-input pull-left" value="1" /></div> <div class="pull-left"><button type="submit" class="btn btn--ys btn--xxl addtocartqv"><span class="icon icon-shopping_basket"></span> Add to Cart</button></div> </div> <script> jQuery('.addtocartqv').click(function(e) { e.preventDefault(); Shopify.addItemFromFormStart('add-item-qv', jQuery(this).attr('id')); }); </script></form> </div> <div class="product-disable"><button disabled="disabled" class="btn btn--ys btn--xxl">Unavailable</button></div> <div class="divider divider--sm"></div> <a href="" class="viewfullinfo">View Full Info</a></div> </div> </div> </div> </div> <!-- / --></div> </div> </div> <div class="quickViewModal_info" style="display: none;"> <div class="button"><span class="icon icon-shopping_basket"></span> Add to Cart</div> <div class="button_added"><span class="icon icon-shopping_basket"></span> Added</div> <div class="button_error"><span class="icon icon-shopping_basket"></span> Limit Products</div> <div class="button_wait"><span class="icon icon-shopping_basket"></span> Wait</div> </div> <script> var mainImage = ''; jQuery(function ($) { quiqview = function(product_handle) { Shopify.getProduct(product_handle); } Shopify.onProduct = function(product) { $('.viewfullinfo').attr('href', product.url); var _parent = '#quickViewModal'; $(_parent+' .product_title').text(product.title); $(_parent+' .rating').empty(); $(_parent+' .rating').append("<span class=\"shopify-product-reviews-badge\" data-id=\""+product.id+"\"></span>"); //check variants var variant = ''; for (i = 0; i < product.variants.length; i++) { if(product.variants[i].inventory_quantity > 0) { variant = product.variants[i]; break; } } if(variant == '') { for (i = 0; i < product.variants.length; i++) { if(product.variants[i].inventory_policy == "continue") { variant = product.variants[i]; break; } } if(variant == '') { variant = product.variants[0]; } } mainImage = product.featured_image; var shopifyimgurl = variant.featured_image ? variant.featured_image.src : product.featured_image; var imgurl = "<img class=\"full-width\" alt=\"\" src = \""+shopifyimgurl+"\" >"; jQuery(_parent+' .product-main-image__item .img_box_1').empty(); jQuery(_parent+' .product-main-image__item .img_box_1').append(imgurl); jQuery(_parent+' .product-main-image__item .img_box_2').empty(); jQuery(_parent+' .product-main-image__item .img_box_2').append(imgurl); var desc = product.description; if (desc.indexOf("[smallDescription]") >= 0) { desc = desc.split("[smallDescription]"); desc = desc[1].split("[/smallDescription]"); $(_parent+' .product-desc').show(); $(_parent+' .product-desc').html(desc[0]); } else { $(_parent+' .product-desc-holder').hide(); } //set variants property var inv_qua = variant.inventory_quantity; //price if(variant.price < variant.compare_at_price) { $('.price-part .main').addClass('price-box__old'); $('.price-part .price-box__new').show(); changePriceValue('.price-part .main', variant.compare_at_price); changePriceValue('.price-part .price-box__new', variant.price); } else { $('.price-part .price-box__new').hide(); $('.price-part .main').removeClass('price-box__old'); changePriceValue('.price-part .main', variant.price); } // Variants select if(product.variants.length > 1) { var variants_margin = product.options.length == 2 ? 'variants_margin' : ''; var select = '<select id="product-select-qv" name="id">'; var selected = 'selected'; for (i = 0; i < product.variants.length; i++) { var _var = product.variants[i]; if(_var.available) { select += '<option value="' + _var.id + '"' + selected +'>' + _var.title + ' - ' + Shopify.formatMoney(_var.price, "<span class=money>${{amount}}</span>") + '</option>' selected = ''; } } select += '</select>'; var variant_select = '<div class="variants_selects ' + variants_margin + '">'; variant_select += select; variant_select += '</div><div class="divider divider--sm"></div>'; select = variant_select; } else { var select = '<input type="hidden" name="id" value="' + product.variants[0].id + '" />'; } $('.variants').empty(); $('.variants').html(select); //parametres setParametresText(_parent+' .product-sku', variant.sku); if(jQuery(_parent + ' .product-sku').length) { var $ava = jQuery(_parent + " .product-info__availabilitu"); if(variant.sku != "") { if($ava.hasClass('pull-left')){ $ava.removeClass('pull-left') } } else { if(!$ava.hasClass('pull-left')){ $ava.addClass('pull-left') } } } //quantity var out_of_stock = false; if(variant.inventory_management) { if(inv_qua > 0) { $(_parent+' .product-availability').text(inv_qua + " In Stock"); } else { out_of_stock = true; $(_parent+' .product-availability').text("Out of stock"); } } else { $(_parent+' .product-availability').text("Many in stock"); } // button if(!out_of_stock || variant.inventory_policy == "continue") { $('.product-available').show(); $('.product-disable').hide(); $('.addtocartqv').attr('id', product.id ); } else { $('.product-available').hide(); $('.product-disable').show(); } if (product.available && product.variants.length > 1) { new Shopify.OptionSelectors("product-select-qv", { product: product, onVariantSelected: selectCallbackQv, enableHistoryState: true }); if($('#quickViewModal .variants_selects .selector-wrapper').length > 0) { $.each( jQuery('#quickViewModal .variants_selects .selector-wrapper'), function(index) { $(this).find('label').text(product.options[index].name); }); } } else { jQuery('.currency .active').trigger('click'); } if($(".spr-badge").length > 0) { $.getScript(window.location.protocol + "//productreviews.shopifycdn.com/assets/v4/spr.js"); } if($(".selector-wrapper label").length) { $(".selector-wrapper label").each(function( index ) { $(this).text(jQuery(this).text() + ":"); }); } $(_parent).modal('show'); if( !( 'ontouchstart' in window ) && !navigator.msMaxTouchPoints && !navigator.userAgent.toLowerCase().match( /windows phone os 7/i ) ) return false; $j('body').css("top", -$j('body').scrollTop()); $j('body').addClass("no-scroll"); $j('.close').click(function(){ var top = parseInt($j('body').css("top").replace("px", ""))*-1; $j('body').removeAttr("style"); $j('body').removeClass("no-scroll"); $j('body').scrollTop(top); }); } function setParametresText(obj, value) { if(value != '') { $(obj).parent().show(); $(obj).text(value); } else { $(obj).parent().hide(); } } function changePriceValue (cell, value) { $(cell).html(Shopify.formatMoney(value, "<span class=money>${{amount}}</span>")); }; }); var selectCallbackQv = function(variant, selector) { var _parent = '#quickViewModal'; var _parentprice = _parent + ' .price-part'; if (!variant) { jQuery(_parent + " .price-box").hide(); jQuery(_parent + " .qwt").hide(); jQuery(_parent + " .control-console").hide(); jQuery(_parent + ' .addtocartqv').attr('disabled','disabled'); jQuery(_parent + ' .addtocartqv').text('Unavailable'); return false; } jQuery(_parent + " .price-box").show(); jQuery(_parent + " .qwt").show(); jQuery(_parent + " .control-console").show(); if(variant.price < variant.compare_at_price){ jQuery(_parentprice + ' .main').addClass('price-box__old'); jQuery(_parentprice + ' .price-box__new').show(); changePriceValue(_parentprice + ' .main', variant.compare_at_price); changePriceValue(_parentprice + ' .price-box__new', variant.price); } else { jQuery(_parentprice + ' .price-box__new').hide(); jQuery(_parentprice + ' .main').removeClass('price-box__old'); changePriceValue(_parentprice + ' .main', variant.price); } newVariantTextDataQv(_parent + ' .product-sku', variant.sku); if(jQuery(_parent + ' .product-sku').length) { var $ava = jQuery(_parent + " .product-info__availabilitu"); if(variant.sku != "") { if($ava.hasClass('pull-left')){ $ava.removeClass('pull-left') } } else { if(!$ava.hasClass('pull-left')){ $ava.addClass('pull-left') } } } if (variant.available) { if (variant.inventory_management == null) { jQuery(_parent + " .product-availability").text("Many in stock"); } else { jQuery(_parent + " .product-availability").text(variant.inventory_quantity + " in stock"); } } else { jQuery(_parent + " .product-availability").text("Out of stock"); } var shopifyimgurl = variant.featured_image ? variant.featured_image.src : mainImage; var imgurl = "<img class=\"full-width\" alt=\"\" src = \""+shopifyimgurl+"\" >"; if(jQuery(_parent+' .product-main-image__item .img_box_1').children().length > 0) { var detach = jQuery(_parent+' .product-main-image__item .img_box_1 img').detach(); jQuery(_parent+' .product-main-image__item .img_box_2').empty(); jQuery(_parent+' .product-main-image__item .img_box_2').append(detach); } jQuery(_parent+' .product-main-image__item .img_box_1').empty(); jQuery(_parent+' .product-main-image__item .img_box_1').append(imgurl); if (variant && variant.available) { jQuery(_parent + ' .addtocartqv').removeAttr('disabled'); jQuery(_parent + ' .addtocartqv').html('<span class="icon icon-shopping_basket"></span> Add to Cart'); jQuery(_parent + " .control-console").show(); } else { jQuery(_parent + ' .addtocartqv').attr('disabled','disabled'); jQuery(_parent + ' .addtocartqv').text('Unavailable'); jQuery(_parent + " .control-console").hide(); } jQuery('.currency .active').trigger('click'); }; function changePriceValue (cell, value) { jQuery(cell).html(Shopify.formatMoney(value, "<span class=money>${{amount}}</span>")); }; function newVariantTextDataQv (obj, value) { if(value != '') { jQuery(obj).parent().show(); jQuery(obj).text(value); } else { jQuery(obj).parent().hide(); } }; </script> <div id="custom-preloader"> <div class="custom-loader" style="display: none;"><img width="32" height="32" alt="" src="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/ajax-loader.gif?15551722292149694537" /></div> </div> <div class="cart_messages" style="display:none"> <div class="edit">Edit</div> <div class="delete">Delete</div> <div class="price">Price:</div> <div class="qty">Qty:</div> </div> <div class="button_massage" style="display:none"><span class="icon icon-shopping_basket"></span> Add to Cart</div> <div class="rtlbutton"> <div class="box-btn color-2"><span>Use Demo with</span><span class="rtl_button">RTL</span></div> </div> <div class="video-box"><a target="_blank" href="https://www.youtube.com/watch?v=IM_kYAv3MzM&list=PLpiltvyZCj-dYJT8Y4TFAJn2-zl2hExGs" class="box-btn" rel="noopener noreferrer"><span>Install Shopify Theme</span><i class="fa fa-youtube-play" aria-hidden="true"></i></a></div> <script src="https://apis.google.com/js/platform.js"></script><script src="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/bootstrap.min.js?15551722292149694537" type="text/javascript"></script><script src="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/slick.min.js?15551722292149694537" type="text/javascript"></script><script src="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/imagesloaded.pkgd.min.js?15551722292149694537" type="text/javascript"></script><script src="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/instafeed.min.js?15551722292149694537" type="text/javascript"></script><script src="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/jquery.parallax-1.1.3.js?15551722292149694537" type="text/javascript"></script><script src="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/jquery.plugin.min.js?15551722292149694537" type="text/javascript"></script><script src="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/jquery.countdown.min.js?15551722292149694537" type="text/javascript"></script><script src="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/jquery.magnific-popup.min.js?15551722292149694537" type="text/javascript"></script><script src="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/custom.js?15551722292149694537" type="text/javascript"></script><script> var $ = jQuery; productCarousel($('.megaMenuCarousel_js'),1,1,1,1,1); mobileOnlyCarousel(); /* Work with fullscreen_banners.liquid */ if($('.banner-carousel-added').length) { $('.banner-carousel-added').remove(); bannerCarousel($('.banner-carousel')); } </script><script src="//cdn.shopify.com/s/javascripts/currencies.js" type="text/javascript"></script><script src="//cdn.shopify.com/s/files/1/1236/4838/t/65/assets/jquery.currencies.min.js?15551722292149694537" type="text/javascript"></script><script> // Pick your format here: // money_format or money_with_currency_format Currency.format = 'money_format'; var shopCurrency = 'USD'; /* Sometimes merchants change their shop currency, let's tell our JavaScript file */ Currency.moneyFormats[shopCurrency].money_with_currency_format = "${{amount}} USD"; Currency.moneyFormats[shopCurrency].money_format = "${{amount}}"; var cookieCurrency; try {cookieCurrency = Currency.cookie.read();} catch (err) {} // ignore errors reading cookies // Fix for customer account pages. jQuery('span.money span.money').each(function() { jQuery(this).parents('span.money').removeClass('money'); }); // Saving the current price. jQuery('span.money').each(function() { jQuery(this).attr('data-currency-USD', jQuery(this).html()); }); // Select all your currencies buttons. var buttons = jQuery('.currency li'); // If there's no cookie or it's the shop currency. if (cookieCurrency == null || cookieCurrency === shopCurrency) { buttons.removeClass('active'); jQuery('.currency li[data-currency=' + shopCurrency + ']').addClass('active'); Currency.currentCurrency = shopCurrency; jQuery(".current-currency").text(shopCurrency); } else { Currency.convertAll(shopCurrency, cookieCurrency); buttons.removeClass('active'); jQuery('.currency li[data-currency=' + cookieCurrency + ']').addClass('active'); jQuery(".current-currency").text(cookieCurrency); } // When customer clicks on a currency button. buttons.click(function() { buttons.removeClass('active'); var cur = jQuery(this).attr('data-currency'); jQuery( ".currency li[data-currency='" + cur + "']" ).addClass('active'); var newCurrency = jQuery(this).attr('data-currency'); if(newCurrency == Currency.currentCurrency) { Currency.convertAll(shopCurrency, newCurrency); } else { Currency.convertAll(Currency.currentCurrency, newCurrency); } jQuery(".current-currency").text(cur); }); // For product options. var main_selectCallback = window.selectCallback; var selectCallback = function(variant, selector) { main_selectCallback(variant, selector); Currency.convertAll(shopCurrency, jQuery(".currency .active").attr('data-currency')); }; </script><script> var $ = jQuery.noConflict(); $(function() { // Current Ajax request. var currentAjaxRequest = null; // Grabbing all search forms on the page, and adding a .search-results list to each. var searchForms = $('form[action="/search"]').css('position','relative').each(function() { // Grabbing text input. var input = $(this).find('input[name="q"]'); // Adding a list for showing search results. var offSet = input.position().top + input.innerHeight() + 1; $('<ul class="search-results"></ul>').css( { 'position': 'absolute', 'left': '0px', 'top': offSet } ).appendTo($(this)).hide(); // Listening to keyup and change on the text field within these search forms. input.attr('autocomplete', 'off').bind('keyup change', function() { // What's the search term? var term = $(this).val(); // What's the search form? var form = $(this).closest('form'); // What's the search URL? var searchURL = '/search?type=product&q=' + term; // What's the search results list? var resultsList = form.find('.search-results'); // If that's a new term and it contains at least 3 characters. if (term.length > 3 && term != $(this).attr('data-old-term')) { // Saving old query. $(this).attr('data-old-term', term); // Killing any Ajax request that's currently being processed. if (currentAjaxRequest != null) currentAjaxRequest.abort(); // Pulling results. currentAjaxRequest = $.getJSON(searchURL + '&view=json', function(data) { // Reset results. resultsList.empty(); // If we have no results. if(data.results_count == 0) { // resultsList.html('<li><span class="title">No results.</span></li>'); // resultsList.fadeIn(200); resultsList.hide(); } else { // If we have results. $.each(data.results, function(index, item) { var link = $('<a></a>').attr('href', item.url); link.append('<span class="thumbnail"><img src="' + item.thumbnail + '" /></span>'); link.append('<span class="title">' + item.title + '</span>'); link.wrap('<li></li>'); resultsList.append(link.parent()); }); // The Ajax request will return at the most 10 results. // If there are more than 10, let's link to the search results page. if(data.results_count > 10) { resultsList.append('<li><span class="title"><a href="' + searchURL + '">See all results (' + data.results_count + ')</a></span></li>'); } resultsList.fadeIn(200); } $('.search-results').css( { 'width': input.innerWidth() + 2 }); }); } }); //setTimeout(function(){ )}, 5); }); // Clicking outside makes the results disappear. $('body').bind('click', function(){ $('.search-results').hide(); }); $(window).resize(function(){ var input = $('form[action="/search"]').find('input[name="q"]'); if(input.length == 0) return false; var offSet = input.position().top + input.innerHeight() + 1; $('.search-results').css( { 'position': 'absolute', 'left': '0px', 'top': offSet, 'width': input.innerWidth() + 2 } ); }) }); </script><!-- Some styles to get you started. --><style> .search-results { z-index: 8889; list-style-type: none; width: 80%; margin: 0; padding: 0; background: #ffffff; border: 1px solid #e5e5e5; overflow: hidden; } .search-results li { display: block; width: 100%; margin: 0; border-top: 1px solid #e5e5e5; line-height: 38px; overflow: hidden; } .search-results li:first-child { border-top: none; } .search-results .title { float: left; padding-left: 8px; white-space: nowrap; overflow: hidden; /* The text-overflow property is supported in all major browsers. */ text-align: left; } .search-results .thumbnail { float: left; display: block; width: 32px; height: 32px; margin: 3px 0 3px 3px; padding: 0; text-align: center; overflow: hidden; } .search-results .thumbnail img { width: 100%; } .search-dropdown .search-results a { display: block; padding: 6px; overflow: hidden; } .search-dropdown .search-results a:hover { color: #1fc0a0; } .search-dropdown .search-results .title { margin: 0; } @media (max-width: 1024px) { .search-results { margin-left: 15px; } } </style></body></html>
