152 lines
26 KiB
HTML
152 lines
26 KiB
HTML
<!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="Product 1 Title"><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.28.1, nicepage.com"></head>
|
|
<body class="u-body" data-style="product-detail-template-1" data-posts="" data-global-section-properties="{"code":"PRODUCT_DETAIL","colorings":{"light":["clean","clean"],"colored":["clean","clean","clean"],"dark":["clean","clean","clean"]},"isPreset":true}" data-source="fix" data-page-sections-style="[{"name":"product-1","margin":"both","repeat":false}]" data-page-coloring-types="{"light":["clean","clean"],"colored":["clean","clean","clean"],"dark":["clean","clean","clean"]}" data-page-category=""Product""><section class="u-align-center u-clearfix u-block-f5d8-1" custom-posts-hash="T" data-id="f5d8" data-style="product-1" data-post-id="" data-section-properties="{"margin":"both","stretch":true}" id="sec-7dad">
|
|
<div class="u-clearfix u-sheet u-valign-middle-sm u-valign-top-lg u-valign-top-xl u-block-f5d8-2" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"top","LG":"top","MD":"","SM":"middle","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"top","LG":"top","MD":"","SM":"middle","XS":""}}}">
|
|
<div class="u-container-style u-expanded-width u-product u-block-f5d8-8" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":true,"XS":false},"parentVerticalAlign":{"XL":"top","LG":"top","MD":"","SM":"middle","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":true,"XS":false},"parentVerticalAlign":{"XL":"top","LG":"top","MD":"","SM":"middle","XS":""}}}">
|
|
<div class="u-container-layout u-block-f5d8-9" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":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-f5d8-16" data-interval="5000" data-u-ride="carousel" id="carousel-6bc7" data-state="{"height":{"galleryItems":{"XL":2,"LG":2,"MD":2,"SM":2,"XS":2}}}">
|
|
<div class="u-carousel-inner u-gallery-inner u-block-f5d8-18" role="listbox" data-key="rouded">
|
|
|
|
|
|
<div class="active u-active u-carousel-item u-gallery-item u-block-f5d8-19" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false}}}">
|
|
<div class="u-back-slide u-block-f5d8-20" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
|
<img class="u-back-image u-expanded u-block-f5d8-21" data-image-src="{{product-1}}" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0xOTIuNyw1NGMwLDAsNS4zLDAuMywxMy4yLDkuMmM3LjksOC45LDE0LjMsMTksMTUuOCwyNS44DQoJYzEuNSw2LjgsMiwxMy42LDAuMywxNy41Yy0xLjgsMy45LTExLjQsMzQuNC0xMS43LDQzLjljLTAuMyw5LjUtMi42LDUzLTIuNiw1M2gtMTAuNWwtMi4xLTU3LjdjMCwwLTAuMy0xMC43LTMuOC0xMC43DQoJYy0zLjUsMC0xNi43LDQuNC0yOC45LDI3QzE1MCwxODQuNSwxNDMsMTk3LjUsMTM2LDIwMC44Yy03LDMuMy01Ny4zLDQuMi03MSwyLjFjLTEzLjctMi4xLTMxLjMtOS41LTMxLjMtOS41cy0zLjgtNy4xLDctMTAuMQ0KCWMxMC44LTMsNDEuOC0xMyw0OC4yLTE2LjljMy43LTIuMiwyOSw2LjksMzguOS01LjFjOS4xLTExLjEsMzcuMy03MSw0NS42LTgyLjlDMTgzLjQsNjQuMSwxOTAuOCw1NCwxOTIuNyw1NHoiLz4NCjwvc3ZnPg0K">
|
|
</div>
|
|
<div class="u-over-slide u-block-f5d8-22" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
|
<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-f5d8-19" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false}}}">
|
|
<div class="u-back-slide u-block-f5d8-20" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
|
<img class="u-back-image u-expanded u-block-f5d8-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-f5d8-22" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
|
<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-f5d8-27" href="#carousel-6bc7" role="button" data-u-slide="prev" data-state="{"height":{"expandedBlock":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":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-f5d8-28" href="#carousel-6bc7" role="button" data-u-slide="next" data-state="{"height":{"expandedBlock":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":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-f5d8-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-f5d8-30" data-state="{"height":{"expandedBlock":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":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-f5d8-30" data-state="{"height":{"expandedBlock":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":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-f5d8-32" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false}}}">
|
|
<div class="u-container-layout u-valign-middle u-block-f5d8-33" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false}}}">
|
|
<h2 class="u-product-control u-text u-block-f5d8-34">
|
|
<a class="u-product-title-link" href="#">Product 1 Title</a>
|
|
</h2>
|
|
<div class="u-product-control u-product-price u-block-f5d8-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-f5d8-2 {min-height: 593px}
|
|
.u-block-f5d8-8 {min-height: 493px; margin-top: 50px; margin-right: auto; margin-bottom: 50px; margin-left: 0}
|
|
.u-block-f5d8-9 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
|
.u-block-f5d8-16 {width: 540px; height: 433px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
|
.u-block-f5d8-22 {min-height: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
|
|
.u-block-f5d8-22 {min-height: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
|
|
.u-block-f5d8-27 {position: absolute; left: 110px; width: 40px; height: 40px; background-image: none}
|
|
.u-block-f5d8-28 {position: absolute; width: 40px; height: 40px; background-image: none; left: auto; right: 0}
|
|
.u-block-f5d8-29 {padding-right: 10px; padding-top: 0; padding-left: 0}
|
|
.u-block-f5d8-32 {width: 512px; min-height: 433px; margin-top: -433px; margin-right: 0; margin-bottom: 0; margin-left: auto}
|
|
.u-block-f5d8-33 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
|
.u-block-f5d8-34 {margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto}
|
|
.u-block-f5d8-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-f5d8-2 {min-height: 492px}
|
|
.u-block-f5d8-8 {min-height: 392px; height: auto; margin-top: 50px; margin-bottom: -41px}
|
|
.u-block-f5d8-9 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
|
.u-block-f5d8-16 {width: 440px; height: 328px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
|
.u-block-f5d8-22 {min-height: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
|
|
.u-block-f5d8-22 {min-height: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
|
|
.u-block-f5d8-27 {background-image: none; position: absolute; left: 110px; width: 40px; height: 40px}
|
|
.u-block-f5d8-28 {background-image: none; position: absolute; width: 40px; height: 40px; left: auto; right: 0}
|
|
.u-block-f5d8-29 {padding-right: 10px; padding-top: 0; padding-left: 0}
|
|
.u-block-f5d8-32 {width: 422px; min-height: 330px; margin-top: -328px; margin-right: 0; margin-bottom: 0; margin-left: auto}
|
|
.u-block-f5d8-33 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
|
.u-block-f5d8-34 {font-size: 2.25rem; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto}
|
|
.u-block-f5d8-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-f5d8-2 {min-height: 1082px}
|
|
.u-block-f5d8-8 {min-height: 982px; height: auto; margin-top: 50px; margin-bottom: -12px}
|
|
.u-block-f5d8-9 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
|
.u-block-f5d8-16 {height: 549px; margin-top: 0; margin-bottom: 0}
|
|
.u-block-f5d8-22 {min-height: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
|
|
.u-block-f5d8-22 {min-height: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
|
|
.u-block-f5d8-27 {background-image: none; position: absolute; left: 110px; width: 40px; height: 40px}
|
|
.u-block-f5d8-28 {background-image: none; position: absolute; width: 40px; height: 40px; left: auto; right: 0}
|
|
.u-block-f5d8-29 {padding-right: 10px; padding-top: 0; padding-left: 0}
|
|
.u-block-f5d8-32 {width: 552px; min-height: 346px; margin-top: 20px; margin-right: 0; margin-bottom: 0; margin-left: auto}
|
|
.u-block-f5d8-33 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
|
.u-block-f5d8-34 {font-size: 2.25rem; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0}
|
|
.u-block-f5d8-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-f5d8-2 {min-height: 1010px}
|
|
.u-block-f5d8-8 {min-height: 910px; height: auto; margin-top: 50px; margin-bottom: 50px}
|
|
.u-block-f5d8-9 {padding-top: 30px; padding-left: 0; padding-right: 0; padding-bottom: 0}
|
|
.u-block-f5d8-16 {height: 540px; margin-top: 0; margin-bottom: 0}
|
|
.u-block-f5d8-22 {min-height: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
|
|
.u-block-f5d8-22 {min-height: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
|
|
.u-block-f5d8-27 {background-image: none; position: absolute; left: 110px; width: 40px; height: 40px}
|
|
.u-block-f5d8-28 {background-image: none; position: absolute; width: 40px; height: 40px; left: auto; right: 0}
|
|
.u-block-f5d8-29 {padding-right: 10px; padding-top: 0; padding-left: 0}
|
|
.u-block-f5d8-32 {min-height: 311px; margin-top: 21px; margin-bottom: 0}
|
|
.u-block-f5d8-33 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
|
.u-block-f5d8-34 {font-size: 2.25rem; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0}
|
|
.u-block-f5d8-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-f5d8-2 {min-height: 765px}
|
|
.u-block-f5d8-8 {min-height: 665px; height: auto; margin-top: 50px; margin-bottom: 49px}
|
|
.u-block-f5d8-9 {padding-top: 30px; padding-left: 0; padding-right: 0; padding-bottom: 0}
|
|
.u-block-f5d8-16 {height: 330px; margin-top: 0; margin-bottom: 0}
|
|
.u-block-f5d8-22 {min-height: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
|
|
.u-block-f5d8-22 {min-height: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
|
|
.u-block-f5d8-27 {background-image: none; position: absolute; left: 110px; width: 40px; height: 40px}
|
|
.u-block-f5d8-28 {background-image: none; position: absolute; width: 40px; height: 40px; left: auto; right: 0}
|
|
.u-block-f5d8-29 {padding-right: 10px; padding-top: 0; padding-left: 0}
|
|
.u-block-f5d8-32 {min-height: 257px; margin-top: 24px; margin-bottom: 0}
|
|
.u-block-f5d8-33 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
|
|
.u-block-f5d8-34 {font-size: 1.5rem; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0}
|
|
.u-block-f5d8-35 {margin-top: 30px; margin-left: auto; margin-right: auto; margin-bottom: 0} }</style>
|
|
</section>
|
|
</body></html> |