LP - Microsoft

<!doctype html>

<html class="no-js" lang="{{ shop.locale }}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, maximum-scale=1.0">
<meta name="theme-color" content="{{ settings.accent_color }}">
<meta name="google-site-verification" content="aTWGYnlszFoxGIKdTaIrB-hiSCa-IpmQPdv9eOtLRAk" />

<title>
{{ page_title }}{% if current_tags %}{% assign meta_tags = current_tags | join: ', ' %} – {{ 'general.meta.tags' | t: tags: meta_tags }}{% endif %}{% if current_page != 1 %} – {{ 'general.meta.page' | t: page: current_page }}{% endif %}{% unless page_title contains shop.name %} – {{ shop.name }}{% endunless %}
</title>

{%- if page_description -%}
<meta name="description" content="{{ page_description | escape }}">
{%- endif -%}

<link rel="canonical" href="{{ canonical_url }}">

{%- if settings.favicon -%}
<link rel="shortcut icon" href="{{ settings.favicon | img_url: '96x' }}" type="image/png">
{%- endif -%}

{% render 'social-meta-tags' %}
{% render 'css-variables' %}

{{ content_for_header }}

<link rel="stylesheet" href="{{ 'theme.css' | asset_url }}">

<script>
// This allows to expose several variables to the global scope, to be used in scripts
window.theme = {
pageType: {{ request.page_type | json }},
moneyFormat: {{ shop.money_format | json }},
moneyWithCurrencyFormat: {{ shop.money_with_currency_format | json }},
productImageSize: {{ settings.product_image_size | json }},
searchMode: {{ settings.search_mode | json }},
showPageTransition: {{ settings.show_page_transition | json }},
showElementStaggering: {{ settings.show_element_staggering | json }},
showImageZooming: {{ settings.show_image_zooming | json }}
};

window.routes = {
rootUrl: {{ routes.root_url | json }},
cartUrl: {{ routes.cart_url | json }},
cartAddUrl: {{ routes.cart_add_url | json }},
cartChangeUrl: {{ routes.cart_change_url | json }},
searchUrl: {{ routes.search_url | json }},
productRecommendationsUrl: {{ routes.product_recommendations_url | json }}
};

window.languages = {
cartAddNote: {{ 'cart.general.add_note' | t | json }},
cartEditNote: {{ 'cart.general.edit_note' | t | json }},
productImageLoadingError: {{ 'product.slideshow.image_loading_error' | t | json }},
productFormAddToCart: {% if product.template_suffix == 'pre-order' %}{{ 'product.form.pre_order' | t | json }}{% else %}{{ 'product.form.add_to_cart' | t | json }}{% endif %},
productFormUnavailable: {{ 'product.form.unavailable' | t | json }},
productFormSoldOut: {{ 'product.form.sold_out' | t | json }},
shippingEstimatorOneResult: {{ 'cart.shipping_estimator.one_result_title' | t | json }},
shippingEstimatorMoreResults: {{ 'cart.shipping_estimator.more_results_title' | t | json }},
shippingEstimatorNoResults: {{ 'cart.shipping_estimator.no_results_title' | t | json }}
};

window.lazySizesConfig = {
loadHidden: false,
hFac: 0.5,
expFactor: 2,
ricTimeout: 150,
lazyClass: 'Image--lazyLoad',
loadingClass: 'Image--lazyLoading',
loadedClass: 'Image--lazyLoaded'
};

document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
document.documentElement.style.setProperty('--window-height', window.innerHeight + 'px');

// We do a quick detection of some features (we could use Modernizr but for so little...)
(function() {
document.documentElement.className += ((window.CSS && window.CSS.supports('(position: sticky) or (position: -webkit-sticky)')) ? ' supports-sticky' : ' no-supports-sticky');
document.documentElement.className += (window.matchMedia('(-moz-touch-enabled: 1), (hover: none)')).matches ? ' no-supports-hover' : ' supports-hover';
}());
</script>

<script src="{{ 'lazysizes.min.js' | asset_url }}" async></script>

{%- if template == 'customers/addresses' -%}
<script src="{{ 'shopify_common.js' | shopify_asset_url }}" defer></script>
<script src="{{ 'customer_area.js' | shopify_asset_url }}" defer></script>
{%- endif -%}

<script src="https://cdn.polyfill.io/v3/polyfill.min.js?unknown=polyfill&features=fetch,Element.prototype.closest,Element.prototype.remove,Element.prototype.classList,Array.prototype.includes,Array.prototype.fill,Object.assign,CustomEvent,IntersectionObserver,IntersectionObserverEntry,URL" defer></script>
<script src="{{ 'libs.min.js' | asset_url }}" defer></script>
<script src="{{ 'theme.min.js' | asset_url }}" defer></script>
<script src="{{ 'custom.js' | asset_url }}" defer></script>

<script>
(function () {
window.onpageshow = function() {
if (window.theme.showPageTransition) {
var pageTransition = document.querySelector('.PageTransition');

if (pageTransition) {
pageTransition.style.visibility = 'visible';
pageTransition.style.opacity = '0';
}
}

// When the page is loaded from the cache, we have to reload the cart content
document.documentElement.dispatchEvent(new CustomEvent('cart:refresh', {
bubbles: true
}));
};
})();
</script>

{% render 'microdata-schema' %}
<script>
window.addEventListener('load',function(){
if(window.location.pathname.indexOf("lp-Microsoft")!=-1){
jQuery('a:contains("SHOP NOW")').click(function(){
gtag('event', 'conversion', {'send_to': 'AW-566063642/QvkWCOKpousBEJrk9Y0C'});
});
jQuery('a:contains("LEARN MORE")').click(function(){
gtag('event', 'conversion', {'send_to': 'AW-566063642/x4MPCIK3lpEBEMS-npUD'});
});
}
})
</script>

(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"17516574"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");

window.uetq = window.uetq || [];

window.uetq.push('event', 'SHOP_NOW');

window.uetq.push('event', 'SUBSCRIBE');

window.uetq.push('event', 'LEARN MORE');

</script>

</head>

{%- capture classes -%}features--heading-{{ settings.heading_size }}{%- endcapture -%}

{%- if settings.uppercase_heading -%}
{%- assign classes = classes | append: ' features--heading-uppercase' -%}
{%- endif -%}

{%- if settings.product_show_price_on_hover -%}
{%- assign classes = classes | append: ' features--show-price-on-hover' -%}
{%- endif -%}

{%- if settings.show_page_transition -%}
{%- assign classes = classes | append: ' features--show-page-transition' -%}
{%- endif -%}

{%- if settings.show_button_transition -%}
{%- assign classes = classes | append: ' features--show-button-transition' -%}
{%- endif -%}

{%- if settings.show_image_zooming -%}
{%- assign classes = classes | append: ' features--show-image-zooming' -%}
{%- endif -%}

{%- if settings.show_element_staggering -%}
{%- assign classes = classes | append: ' features--show-element-staggering' -%}
{%- endif -%}

<body class="prestige--v4 {{ classes }} {% if template.directory %}template-{{ template.directory | handle }}{% endif %} template-{{ template.name | handle }}">
<a class="PageSkipLink u-visually-hidden" href="#main">{{ 'header.navigation.skip_to_content' | t }}</a>
<span class="LoadingBar"></span>
<div class="PageOverlay"></div>

{%- if settings.show_page_transition -%}
<div class="PageTransition"></div>
{%- endif -%}

{% section 'popup' %}
{% section 'sidebar-menu' %}

{%- if template != 'cart' -%}
{% render 'cart-drawer' %}
{%- endif -%}

<div class="PageContainer">
{% section 'announcement' %}
{% section 'header' %}

<main id="main" role="main">
{{ content_for_layout }}
</main>

{% section 'footer' %}
</div>
</body>
</html>