nathanwoodburn/Nathanwoodburn.github.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
6fa98a8262
Nathanwoodburn.github.io/old/Nicepage_removed/Site_896903071/Product-Details-Template.html
Nathanwoodburn 086f961577 updated website
2021-08-19 11:01:15 +10:00

502 lines
27 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html style="font-size: 16px;"><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content=""><meta name="description" content=""><meta name="page_type" content="np-template-header-footer-from-plugin">
<title></title>
<link rel="stylesheet" href="/nicepage.css" media="screen">
<script class="u-script" type="text/javascript" src="np://app.desktop.nicepage.com/jquery.js" defer=""></script>
<script class="u-script" type="text/javascript" src="np://app.desktop.nicepage.com/nicepage.js" defer=""></script>
<meta name="generator" content="Nicepage 2.29.0, nicepage.com"></head>
<body class="u-body" data-style="product-detail-template-1" data-posts="" data-global-section-properties="{&quot;code&quot;:&quot;PRODUCT_DETAIL&quot;,&quot;colorings&quot;:{&quot;light&quot;:[&quot;clean&quot;,&quot;clean&quot;],&quot;colored&quot;:[&quot;clean&quot;,&quot;clean&quot;,&quot;clean&quot;],&quot;dark&quot;:[&quot;clean&quot;,&quot;clean&quot;,&quot;clean&quot;]},&quot;isPreset&quot;:true}" data-source="fix" data-page-sections-style="[{&quot;name&quot;:&quot;product-1&quot;,&quot;margin&quot;:&quot;both&quot;,&quot;repeat&quot;:false}]" data-page-coloring-types="{&quot;light&quot;:[&quot;clean&quot;,&quot;clean&quot;],&quot;colored&quot;:[&quot;clean&quot;,&quot;clean&quot;,&quot;clean&quot;],&quot;dark&quot;:[&quot;clean&quot;,&quot;clean&quot;,&quot;clean&quot;]}" data-page-category="&quot;Product&quot;"><section class="u-align-center u-clearfix u-block-fb53-1" custom-posts-hash="T" data-id="fb53" data-style="product-1" data-post-id="" data-section-properties="{&quot;margin&quot;:&quot;both&quot;,&quot;stretch&quot;:true}" id="sec-eab7">
<div class="u-clearfix u-sheet u-valign-middle-sm u-valign-top-lg u-valign-top-xl u-block-fb53-2" data-state="{&quot;margin-top&quot;:{&quot;shouldApplyDefaultMargins&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;parentVerticalAlign&quot;:{&quot;XL&quot;:&quot;top&quot;,&quot;LG&quot;:&quot;top&quot;,&quot;MD&quot;:&quot;&quot;,&quot;SM&quot;:&quot;middle&quot;,&quot;XS&quot;:&quot;&quot;}},&quot;margin-bottom&quot;:{&quot;shouldApplyDefaultMargins&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;parentVerticalAlign&quot;:{&quot;XL&quot;:&quot;top&quot;,&quot;LG&quot;:&quot;top&quot;,&quot;MD&quot;:&quot;&quot;,&quot;SM&quot;:&quot;middle&quot;,&quot;XS&quot;:&quot;&quot;}}}">
<div class="u-container-style u-expanded-width u-product u-block-fb53-8" data-state="{&quot;margin-top&quot;:{&quot;shouldApplyDefaultMargins&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:true,&quot;XS&quot;:false},&quot;parentVerticalAlign&quot;:{&quot;XL&quot;:&quot;top&quot;,&quot;LG&quot;:&quot;top&quot;,&quot;MD&quot;:&quot;&quot;,&quot;SM&quot;:&quot;middle&quot;,&quot;XS&quot;:&quot;&quot;}},&quot;margin-bottom&quot;:{&quot;shouldApplyDefaultMargins&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:true,&quot;XS&quot;:false},&quot;parentVerticalAlign&quot;:{&quot;XL&quot;:&quot;top&quot;,&quot;LG&quot;:&quot;top&quot;,&quot;MD&quot;:&quot;&quot;,&quot;SM&quot;:&quot;middle&quot;,&quot;XS&quot;:&quot;&quot;}}}">
<div class="u-container-layout u-block-fb53-9" data-state="{&quot;min-height&quot;:{&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false}}}">
<div class="u-carousel u-expanded-width-md u-expanded-width-sm u-expanded-width-xs u-gallery u-layout-thumbnails u-lightbox u-no-transition u-product-control u-show-text-none u-thumbnails-position-left u-block-fb53-16" data-interval="5000" data-u-ride="carousel" id="carousel-6bc7" data-state="{&quot;height&quot;:{&quot;galleryItems&quot;:{&quot;XL&quot;:2,&quot;LG&quot;:2,&quot;MD&quot;:2,&quot;SM&quot;:2,&quot;XS&quot;:2}}}">
<div class="u-carousel-inner u-gallery-inner u-block-fb53-18" role="listbox" data-key="rouded">
<div class="u-active u-carousel-item u-gallery-item u-block-fb53-19" data-state="{&quot;min-height&quot;:{&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false}}}">
<div class="u-back-slide u-block-fb53-20" data-state="{&quot;margin-top&quot;:{&quot;shouldApplyDefaultMargins&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;parentVerticalAlign&quot;:{&quot;XL&quot;:&quot;&quot;,&quot;LG&quot;:&quot;&quot;,&quot;MD&quot;:&quot;&quot;,&quot;SM&quot;:&quot;&quot;,&quot;XS&quot;:&quot;&quot;}},&quot;margin-bottom&quot;:{&quot;shouldApplyDefaultMargins&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;parentVerticalAlign&quot;:{&quot;XL&quot;:&quot;&quot;,&quot;LG&quot;:&quot;&quot;,&quot;MD&quot;:&quot;&quot;,&quot;SM&quot;:&quot;&quot;,&quot;XS&quot;:&quot;&quot;}}}">
<img class="u-back-image u-expanded u-block-fb53-21" data-image-src="{{product-1}}" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0xOTIuNyw1NGMwLDAsNS4zLDAuMywxMy4yLDkuMmM3LjksOC45LDE0LjMsMTksMTUuOCwyNS44DQoJYzEuNSw2LjgsMiwxMy42LDAuMywxNy41Yy0xLjgsMy45LTExLjQsMzQuNC0xMS43LDQzLjljLTAuMyw5LjUtMi42LDUzLTIuNiw1M2gtMTAuNWwtMi4xLTU3LjdjMCwwLTAuMy0xMC43LTMuOC0xMC43DQoJYy0zLjUsMC0xNi43LDQuNC0yOC45LDI3QzE1MCwxODQuNSwxNDMsMTk3LjUsMTM2LDIwMC44Yy03LDMuMy01Ny4zLDQuMi03MSwyLjFjLTEzLjctMi4xLTMxLjMtOS41LTMxLjMtOS41cy0zLjgtNy4xLDctMTAuMQ0KCWMxMC44LTMsNDEuOC0xMyw0OC4yLTE2LjljMy43LTIuMiwyOSw2LjksMzguOS01LjFjOS4xLTExLjEsMzcuMy03MSw0NS42LTgyLjlDMTgzLjQsNjQuMSwxOTAuOCw1NCwxOTIuNyw1NHoiLz4NCjwvc3ZnPg0K">
</div>
<div class="u-over-slide u-block-fb53-22" data-state="{&quot;margin-top&quot;:{&quot;shouldApplyDefaultMargins&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;parentVerticalAlign&quot;:{&quot;XL&quot;:&quot;&quot;,&quot;LG&quot;:&quot;&quot;,&quot;MD&quot;:&quot;&quot;,&quot;SM&quot;:&quot;&quot;,&quot;XS&quot;:&quot;&quot;}},&quot;margin-bottom&quot;:{&quot;shouldApplyDefaultMargins&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;parentVerticalAlign&quot;:{&quot;XL&quot;:&quot;&quot;,&quot;LG&quot;:&quot;&quot;,&quot;MD&quot;:&quot;&quot;,&quot;SM&quot;:&quot;&quot;,&quot;XS&quot;:&quot;&quot;}}}">
<h3 class="u-gallery-heading">Sample Title</h3>
<p class="u-gallery-text">Sample Text</p>
</div>
</div><div class="u-carousel-item u-gallery-item u-block-fb53-19" data-state="{&quot;min-height&quot;:{&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false}}}">
<div class="u-back-slide u-block-fb53-20" data-state="{&quot;margin-top&quot;:{&quot;shouldApplyDefaultMargins&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;parentVerticalAlign&quot;:{&quot;XL&quot;:&quot;&quot;,&quot;LG&quot;:&quot;&quot;,&quot;MD&quot;:&quot;&quot;,&quot;SM&quot;:&quot;&quot;,&quot;XS&quot;:&quot;&quot;}},&quot;margin-bottom&quot;:{&quot;shouldApplyDefaultMargins&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;parentVerticalAlign&quot;:{&quot;XL&quot;:&quot;&quot;,&quot;LG&quot;:&quot;&quot;,&quot;MD&quot;:&quot;&quot;,&quot;SM&quot;:&quot;&quot;,&quot;XS&quot;:&quot;&quot;}}}">
<img class="u-back-image u-expanded u-block-fb53-21" data-image-src="{{product-1}}" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0yMTIuMyw2MS41Yy04LjQtMTQuMy0xMi40LTE2LjItMTQuNi0xNS40Yy0yLjIsMC44LTI1LjksMjMuNS0zNC4zLDM1LjVzLTExLDI5LjMtMTAuNCwzNC43DQoJCQljMC42LDUuMywxLjcsNywxLjcsN3MtOC43LDE1LjktMTIuMSwyNGMtMy40LDguMS0xMi4xLDI0LjYtMTQuMywyNC4zYy0yLjItMC4zLTIyLjgtNy41LTI4LjQtOC45Yy01LjYtMS40LTE2LjktMy42LTIzLjMtMy40DQoJCQljMCwwLTguNCwxMS43LTE4LjUsMTYuOGMtMTAuMSw1LTI1LjMsMTUuNy0yNSwyMC43YzAuMyw1LDQuOCw5LjgsMTMuMiwxMC4zYzguNCwwLjYsNjQuMSwxLjQsODEuOCwwLjMNCgkJCWMxNy43LTEuMSwzNC42LTYuMSwzNi41LTkuNWMyLTMuNCw4LjQtMjIuMSwxMS4yLTMyLjdjMi44LTEwLjYsMTguMy0zMC41LDE4LjMtMzAuNXMzLjcsOC40LDMuOSwyMy44YzAuMywxNS40LDIuMiwzNi4zLDIuMiwzNi4zDQoJCQlsNi41LDAuOGwyLjUtMi4yYzAsMC0xLjEtNDAuOC0wLjYtNDkuMmMwLjYtOC40LDMuMS0yNC4zLDcuNi0yOS45YzQuNS01LjYsNi41LTguNCw2LjctMTMuMUMyMjMuMyw5Ni41LDIyMC43LDc1LjgsMjEyLjMsNjEuNXoNCgkJCSBNMTYzLjcsMTUzLjJjLTcuMywxMy40LTEyLjksMTcuNi0yMS4xLDE5Yy04LjEsMS40LTYuMiwwLjgtNi4yLDAuOHMxMi42LTE5LjksMTguMS0zMWMzLjgtNy43LDkuNy0yNy42LDI1LjItMzUuNQ0KCQkJQzE3OS43LDEwNi41LDE3MSwxMzkuOCwxNjMuNywxNTMuMnoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==">
</div>
<div class="u-over-slide u-block-fb53-22" data-state="{&quot;margin-top&quot;:{&quot;shouldApplyDefaultMargins&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;parentVerticalAlign&quot;:{&quot;XL&quot;:&quot;&quot;,&quot;LG&quot;:&quot;&quot;,&quot;MD&quot;:&quot;&quot;,&quot;SM&quot;:&quot;&quot;,&quot;XS&quot;:&quot;&quot;}},&quot;margin-bottom&quot;:{&quot;shouldApplyDefaultMargins&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;parentVerticalAlign&quot;:{&quot;XL&quot;:&quot;&quot;,&quot;LG&quot;:&quot;&quot;,&quot;MD&quot;:&quot;&quot;,&quot;SM&quot;:&quot;&quot;,&quot;XS&quot;:&quot;&quot;}}}">
<h3 class="u-gallery-heading">Sample Title</h3>
<p class="u-gallery-text">Sample Text</p>
</div>
</div></div>
<a class="u-absolute-vcenter u-carousel-control u-carousel-control-prev u-icon-rectangle u-opacity u-opacity-70 u-spacing-10 u-text-hover-grey-80 u-white u-block-fb53-27" href="#carousel-6bc7" role="button" data-u-slide="prev" data-state="{&quot;height&quot;:{&quot;expandedBlock&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;expandedParent&quot;:{&quot;XL&quot;:null,&quot;LG&quot;:null,&quot;MD&quot;:null,&quot;SM&quot;:null,&quot;XS&quot;:null}}}">
<span aria-hidden="true">
<svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg>
</span>
<span class="sr-only">
<svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg>
</span>
</a>
<a class="u-absolute-vcenter u-carousel-control u-carousel-control-next u-icon-rectangle u-opacity u-opacity-70 u-spacing-10 u-text-hover-grey-80 u-white u-block-fb53-28" href="#carousel-6bc7" role="button" data-u-slide="next" data-state="{&quot;height&quot;:{&quot;expandedBlock&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;expandedParent&quot;:{&quot;XL&quot;:null,&quot;LG&quot;:null,&quot;MD&quot;:null,&quot;SM&quot;:null,&quot;XS&quot;:null}}}">
<span aria-hidden="true">
<svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg>
</span>
<span class="sr-only">
<svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg>
</span>
</a>
<ol class="u-carousel-thumbnails u-hidden-sm u-hidden-xs u-spacing-15 u-vertical-spacing u-block-fb53-29">
<li class="u-active u-carousel-thumbnail" data-u-target="#carousel-6bc7" data-u-slide-to="0" style="width: 100px; height: 100px;">
<img class="u-carousel-thumbnail-image u-image u-block-fb53-30" data-state="{&quot;height&quot;:{&quot;expandedBlock&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;expandedParent&quot;:{&quot;XL&quot;:null,&quot;LG&quot;:null,&quot;MD&quot;:null,&quot;SM&quot;:null,&quot;XS&quot;:null}}}" data-image-src="{{product-1}}" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0xOTIuNyw1NGMwLDAsNS4zLDAuMywxMy4yLDkuMmM3LjksOC45LDE0LjMsMTksMTUuOCwyNS44DQoJYzEuNSw2LjgsMiwxMy42LDAuMywxNy41Yy0xLjgsMy45LTExLjQsMzQuNC0xMS43LDQzLjljLTAuMyw5LjUtMi42LDUzLTIuNiw1M2gtMTAuNWwtMi4xLTU3LjdjMCwwLTAuMy0xMC43LTMuOC0xMC43DQoJYy0zLjUsMC0xNi43LDQuNC0yOC45LDI3QzE1MCwxODQuNSwxNDMsMTk3LjUsMTM2LDIwMC44Yy03LDMuMy01Ny4zLDQuMi03MSwyLjFjLTEzLjctMi4xLTMxLjMtOS41LTMxLjMtOS41cy0zLjgtNy4xLDctMTAuMQ0KCWMxMC44LTMsNDEuOC0xMyw0OC4yLTE2LjljMy43LTIuMiwyOSw2LjksMzguOS01LjFjOS4xLTExLjEsMzcuMy03MSw0NS42LTgyLjlDMTgzLjQsNjQuMSwxOTAuOCw1NCwxOTIuNyw1NHoiLz4NCjwvc3ZnPg0K">
</li><li class="u-carousel-thumbnail" data-u-target="#carousel-6bc7" data-u-slide-to="1" style="width: 100px; height: 100px;">
<img class="u-carousel-thumbnail-image u-image u-block-fb53-30" data-state="{&quot;height&quot;:{&quot;expandedBlock&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;expandedParent&quot;:{&quot;XL&quot;:null,&quot;LG&quot;:null,&quot;MD&quot;:null,&quot;SM&quot;:null,&quot;XS&quot;:null}}}" data-image-src="{{product-1}}" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0yMTIuMyw2MS41Yy04LjQtMTQuMy0xMi40LTE2LjItMTQuNi0xNS40Yy0yLjIsMC44LTI1LjksMjMuNS0zNC4zLDM1LjVzLTExLDI5LjMtMTAuNCwzNC43DQoJCQljMC42LDUuMywxLjcsNywxLjcsN3MtOC43LDE1LjktMTIuMSwyNGMtMy40LDguMS0xMi4xLDI0LjYtMTQuMywyNC4zYy0yLjItMC4zLTIyLjgtNy41LTI4LjQtOC45Yy01LjYtMS40LTE2LjktMy42LTIzLjMtMy40DQoJCQljMCwwLTguNCwxMS43LTE4LjUsMTYuOGMtMTAuMSw1LTI1LjMsMTUuNy0yNSwyMC43YzAuMyw1LDQuOCw5LjgsMTMuMiwxMC4zYzguNCwwLjYsNjQuMSwxLjQsODEuOCwwLjMNCgkJCWMxNy43LTEuMSwzNC42LTYuMSwzNi41LTkuNWMyLTMuNCw4LjQtMjIuMSwxMS4yLTMyLjdjMi44LTEwLjYsMTguMy0zMC41LDE4LjMtMzAuNXMzLjcsOC40LDMuOSwyMy44YzAuMywxNS40LDIuMiwzNi4zLDIuMiwzNi4zDQoJCQlsNi41LDAuOGwyLjUtMi4yYzAsMC0xLjEtNDAuOC0wLjYtNDkuMmMwLjYtOC40LDMuMS0yNC4zLDcuNi0yOS45YzQuNS01LjYsNi41LTguNCw2LjctMTMuMUMyMjMuMyw5Ni41LDIyMC43LDc1LjgsMjEyLjMsNjEuNXoNCgkJCSBNMTYzLjcsMTUzLjJjLTcuMywxMy40LTEyLjksMTcuNi0yMS4xLDE5Yy04LjEsMS40LTYuMiwwLjgtNi4yLDAuOHMxMi42LTE5LjksMTguMS0zMWMzLjgtNy43LDkuNy0yNy42LDI1LjItMzUuNQ0KCQkJQzE3OS43LDEwNi41LDE3MSwxMzkuOCwxNjMuNywxNTMuMnoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==">
</li></ol>
</div>
<div class="u-align-center-lg u-align-center-sm u-align-center-xl u-align-center-xs u-align-left-md u-container-style u-expanded-width-sm u-expanded-width-xs u-group u-shape-rectangle u-block-fb53-32" data-state="{&quot;min-height&quot;:{&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false}}}">
<div class="u-container-layout u-valign-middle u-block-fb53-33" data-state="{&quot;min-height&quot;:{&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false}}}">
<h2 class="u-product-control u-text u-block-fb53-34">
<a class="u-product-title-link" href="#">Product 1 Title</a>
</h2>
<div class="u-product-control u-product-price u-block-fb53-35">
<div class="u-price-wrapper u-spacing-10">
<div class="u-hide-price u-old-price" style="text-decoration: line-through !important;">$20.00</div>
<div class="u-price u-text-palette-2-base" style="font-size: 1.875rem; font-weight: 700;">$17.00</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style data-mode="XL" data-visited="true">@media (min-width: 1200px) {
.u-block-fb53-2 {
min-height: 593px;
}
.u-block-fb53-8 {
min-height: 493px;
margin-top: 50px;
margin-right: auto;
margin-bottom: 50px;
margin-left: 0;
}
.u-block-fb53-9 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-fb53-16 {
width: 540px;
height: 433px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 0;
}
.u-block-fb53-22 {
min-height: 100px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-fb53-22 {
min-height: 100px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-fb53-27 {
position: absolute;
left: 110px;
width: 40px;
height: 40px;
background-image: none;
}
.u-block-fb53-28 {
position: absolute;
width: 40px;
height: 40px;
background-image: none;
left: auto;
right: 0;
}
.u-block-fb53-29 {
padding-right: 10px;
padding-top: 0;
padding-left: 0;
}
.u-block-fb53-32 {
width: 512px;
min-height: 433px;
margin-top: -433px;
margin-right: 0;
margin-bottom: 0;
margin-left: auto;
}
.u-block-fb53-33 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-fb53-34 {
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
.u-block-fb53-35 {
margin-top: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
}</style>
<style data-mode="LG" data-visited="true">@media (max-width: 1199px) and (min-width: 992px) {
.u-block-fb53-2 {
min-height: 492px;
}
.u-block-fb53-8 {
min-height: 392px;
height: auto;
margin-top: 50px;
margin-bottom: -41px;
}
.u-block-fb53-9 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-fb53-16 {
width: 440px;
height: 328px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 0;
}
.u-block-fb53-22 {
min-height: 100px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-fb53-22 {
min-height: 100px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-fb53-27 {
background-image: none;
position: absolute;
left: 110px;
width: 40px;
height: 40px;
}
.u-block-fb53-28 {
background-image: none;
position: absolute;
width: 40px;
height: 40px;
left: auto;
right: 0;
}
.u-block-fb53-29 {
padding-right: 10px;
padding-top: 0;
padding-left: 0;
}
.u-block-fb53-32 {
width: 422px;
min-height: 330px;
margin-top: -328px;
margin-right: 0;
margin-bottom: 0;
margin-left: auto;
}
.u-block-fb53-33 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-fb53-34 {
font-size: 2.25rem;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
.u-block-fb53-35 {
margin-top: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
}</style>
<style data-mode="MD" data-visited="true">@media (max-width: 991px) and (min-width: 768px) {
.u-block-fb53-2 {
min-height: 1082px;
}
.u-block-fb53-8 {
min-height: 982px;
height: auto;
margin-top: 50px;
margin-bottom: -12px;
}
.u-block-fb53-9 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-fb53-16 {
height: 549px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-fb53-22 {
min-height: 100px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-fb53-22 {
min-height: 100px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-fb53-27 {
background-image: none;
position: absolute;
left: 110px;
width: 40px;
height: 40px;
}
.u-block-fb53-28 {
background-image: none;
position: absolute;
width: 40px;
height: 40px;
left: auto;
right: 0;
}
.u-block-fb53-29 {
padding-right: 10px;
padding-top: 0;
padding-left: 0;
}
.u-block-fb53-32 {
width: 552px;
min-height: 346px;
margin-top: 20px;
margin-right: 0;
margin-bottom: 0;
margin-left: auto;
}
.u-block-fb53-33 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-fb53-34 {
font-size: 2.25rem;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.u-block-fb53-35 {
margin-top: 30px;
margin-right: auto;
margin-bottom: 0;
margin-left: 0;
}
}</style>
<style data-mode="SM" data-visited="true">@media (max-width: 767px) and (min-width: 576px) {
.u-block-fb53-2 {
min-height: 1010px;
}
.u-block-fb53-8 {
min-height: 910px;
height: auto;
margin-top: 50px;
margin-bottom: 50px;
}
.u-block-fb53-9 {
padding-top: 30px;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.u-block-fb53-16 {
height: 540px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-fb53-22 {
min-height: 100px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-fb53-22 {
min-height: 100px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-fb53-27 {
background-image: none;
position: absolute;
left: 110px;
width: 40px;
height: 40px;
}
.u-block-fb53-28 {
background-image: none;
position: absolute;
width: 40px;
height: 40px;
left: auto;
right: 0;
}
.u-block-fb53-29 {
padding-right: 10px;
padding-top: 0;
padding-left: 0;
}
.u-block-fb53-32 {
min-height: 311px;
margin-top: 21px;
margin-bottom: 0;
}
.u-block-fb53-33 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-fb53-34 {
font-size: 2.25rem;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.u-block-fb53-35 {
margin-top: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
}</style>
<style data-mode="XS" data-visited="true">@media (max-width: 575px) {
.u-block-fb53-2 {
min-height: 765px;
}
.u-block-fb53-8 {
min-height: 665px;
height: auto;
margin-top: 50px;
margin-bottom: 49px;
}
.u-block-fb53-9 {
padding-top: 30px;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.u-block-fb53-16 {
height: 330px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-fb53-22 {
min-height: 100px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-fb53-22 {
min-height: 100px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-fb53-27 {
background-image: none;
position: absolute;
left: 110px;
width: 40px;
height: 40px;
}
.u-block-fb53-28 {
background-image: none;
position: absolute;
width: 40px;
height: 40px;
left: auto;
right: 0;
}
.u-block-fb53-29 {
padding-right: 10px;
padding-top: 0;
padding-left: 0;
}
.u-block-fb53-32 {
min-height: 257px;
margin-top: 24px;
margin-bottom: 0;
}
.u-block-fb53-33 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-fb53-34 {
font-size: 1.5rem;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.u-block-fb53-35 {
margin-top: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
}</style>
</section>
</body></html>
Reference in New Issue View Git Blame Copy Permalink