nathanwoodburn/Nathanwoodburn.github.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
e31afbf4c7
Nathanwoodburn.github.io/Nicepage_removed/Site_896903071/Product-List-Template.html
Nathan Woodburn e31afbf4c7 Update
2020-11-01 15:57:27 +11:00

1044 lines
43 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="products-template-1" data-posts="" data-global-section-properties="{&quot;code&quot;:&quot;PRODUCTS&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;products-1&quot;,&quot;margin&quot;:&quot;both&quot;,&quot;repeat&quot;:false,&quot;repeater-items-count&quot;:6}]" 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;Products&quot;"><section class="u-align-center u-clearfix u-block-bce0-23" custom-posts-hash="[[I,T],[I,T],[I,T]]" data-section-properties="{&quot;margin&quot;:&quot;both&quot;,&quot;repeater-items-count&quot;:6,&quot;stretch&quot;:true}" data-id="bce0" data-style="products-1" data-post-id="" id="sec-ee76">
<div class="u-clearfix u-sheet u-valign-middle u-block-bce0-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;middle&quot;,&quot;LG&quot;:&quot;middle&quot;,&quot;MD&quot;:&quot;middle&quot;,&quot;SM&quot;:&quot;middle&quot;,&quot;XS&quot;:&quot;middle&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;middle&quot;,&quot;LG&quot;:&quot;middle&quot;,&quot;MD&quot;:&quot;middle&quot;,&quot;SM&quot;:&quot;middle&quot;,&quot;XS&quot;:&quot;middle&quot;}}}">
<div class="u-expanded-width u-products u-repeater u-block-bce0-3" 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;:true},&quot;parentVerticalAlign&quot;:{&quot;XL&quot;:&quot;middle&quot;,&quot;LG&quot;:&quot;middle&quot;,&quot;MD&quot;:&quot;middle&quot;,&quot;SM&quot;:&quot;middle&quot;,&quot;XS&quot;:&quot;middle&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;:true},&quot;parentVerticalAlign&quot;:{&quot;XL&quot;:&quot;middle&quot;,&quot;LG&quot;:&quot;middle&quot;,&quot;MD&quot;:&quot;middle&quot;,&quot;SM&quot;:&quot;middle&quot;,&quot;XS&quot;:&quot;middle&quot;}},&quot;min-height&quot;:{&quot;repeaterItems&quot;:{&quot;XL&quot;:6,&quot;LG&quot;:6,&quot;MD&quot;:6,&quot;SM&quot;:6,&quot;XS&quot;:6}}}">
<div class="u-align-center u-container-style u-products-item u-repeater-item u-white u-block-bce0-4">
<div class="u-container-layout u-similar-container u-valign-top u-block-bce0-5" 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}}}">
<img alt="" class="u-expanded-width u-image u-image-default u-product-control u-block-bce0-6" data-state="{&quot;height&quot;:{&quot;expandedBlock&quot;:{&quot;XL&quot;:true,&quot;LG&quot;:true,&quot;MD&quot;:true,&quot;SM&quot;:true,&quot;XS&quot;:true},&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" data-image-width="2000" data-image-height="1333">
<h4 class="u-product-control u-text u-block-bce0-7">
<a class="u-product-title-link" href="#">Product 1 Title</a>
</h4>
<div class="u-product-control u-product-price u-block-bce0-8">
<div class="u-price-wrapper u-spacing-10">
<div class="u-hide-price u-old-price">$20.00</div>
<div class="u-price u-text-palette-2-base" style="font-size: 1.25rem; font-weight: 700;">$17.00</div>
</div>
</div>
</div>
</div>
<div class="u-align-center u-container-style u-products-item u-repeater-item u-white u-block-bce0-10">
<div class="u-container-layout u-similar-container u-valign-top u-block-bce0-11" 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}}}">
<img alt="" class="u-expanded-width u-image u-image-default u-product-control u-block-bce0-12" data-state="{&quot;height&quot;:{&quot;expandedBlock&quot;:{&quot;XL&quot;:true,&quot;LG&quot;:true,&quot;MD&quot;:true,&quot;SM&quot;:true,&quot;XS&quot;:true},&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-2}}" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPHBhdGggZmlsbD0iIzdGOTZBNiIgZD0iTTE4Ny43LDEyMS42Yy0xLjgtMS44LTIuMS0xMi42LTYtMTMuN2MtMy45LDYuNiwwLjksOTkuMy0wLjYsMTAzLjFjLTEuMSw4LjgtNTMuOCwxOS44LTEwMy40LDUuNw0KCWMtMi4yLTAuOC02LjItMS43LTcuMy0zLjdjMi4xLTgsNS4xLTgyLjMsMS4xLTEwMS42Yy0xLjksMi44LTMuMyw2LjEtNS42LDguNmMwLDAtMjAuNCwxLjctMzQuNS0xMy4yYzAsMCw5LjQtMjQuNSwxMi43LTMxLjQNCgljMS41LTUsMy44LTkuOSw2LjUtMTQuMmM1LTgsMTEuOS0xMS4yLDIwLjgtMTMuNEM5NS45LDQxLjUsOTguOCwzNiwxMDYuMSwzM2MyLjUsMy42LDExLjgsNiwxNy45LDYuNmMxNC4xLDEuNCwyNi4yLTcuMSwyNi41LTYuOQ0KCWMyLjIsMS43LDYuMSw0LjMsOC41LDUuNWMxMC40LDUsMjIuNCw1LjQsMzIuNiwxMC45YzAsMCwxMy43LDMuNCwyMS43LDMxLjhsMTEsMjguMUMyMjQuNSwxMDksMjEyLjUsMTI0LjUsMTg3LjcsMTIxLjZ6Ii8+DQo8cGF0aCBmaWxsPSIjQzZEOEUxIiBkPSJNNjEuMiw1MC42bC0zLjgsMS4zbDAuMywwLjljMC4xLDAuNCwxMS43LDM5LjksMTAuNSw2My4ybC0wLjEsMWw0LDAuMmwwLjEtMUM3My40LDkyLDYxLjYsNTIsNjEuNSw1MS42DQoJTDYxLjIsNTAuNnoiLz4NCjxwYXRoIGZpbGw9IiNDNkQ4RTEiIGQ9Ik0xOTgsNDguOGwtMy44LTEuNGwtMC4zLDFjLTAuNSwxLjctMTMuMSw0Mi41LTEyLjgsNjMuNnYxbDQtMC4xdi0xYy0wLjMtMjAuNSwxMi41LTYxLjksMTIuNi02Mi4zTDE5OCw0OC44DQoJeiIvPg0KPHBhdGggZmlsbD0iI0M2RDhFMSIgZD0iTTE1NC40LDM1LjNjLTAuMSwwLjItNi43LDE3LjYtMzEuOSwxNi43Yy0xNS0xLjItMjAuOS0xMC42LTIyLjEtMTZsLTAuMi0xbC00LDAuOGwwLjIsMQ0KCWMxLjQsNi41LDguMywxNy44LDI1LjgsMTkuMmMwLjQsMCwwLjksMCwxLjMsMGwwLDBjMC4yLDAsMC40LDAsMC42LDBjMjIuNywwLDMyLjQtMTQuNCwzNC0xOS41bDAuMy0xbC0zLjgtMS4yTDE1NC40LDM1LjN6Ii8+DQo8L3N2Zz4NCg==" data-image-width="2000" data-image-height="1333">
<h4 class="u-product-control u-text u-block-bce0-13">
<a class="u-product-title-link" href="#">Product 2 Title</a>
</h4>
<div class="u-product-control u-product-price u-block-bce0-14">
<div class="u-price-wrapper u-spacing-10">
<div class="u-hide-price u-old-price">$300.00</div>
<div class="u-price u-text-palette-2-base" style="font-size: 1.25rem; font-weight: 700;">$245.00</div>
</div>
</div>
</div>
</div>
<div class="u-align-center u-container-style u-products-item u-repeater-item u-white u-block-bce0-16">
<div class="u-container-layout u-similar-container u-valign-top u-block-bce0-17" 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}}}">
<img alt="" class="u-expanded-width u-image u-image-default u-product-control u-block-bce0-18" data-state="{&quot;height&quot;:{&quot;expandedBlock&quot;:{&quot;XL&quot;:true,&quot;LG&quot;:true,&quot;MD&quot;:true,&quot;SM&quot;:true,&quot;XS&quot;:true},&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-3}}" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPHBhdGggZmlsbD0iIzdGOTZBNiIgZD0iTTIwOC42LDEzMWMwLjYsMC4yLDEuMiwwLjMsMS45LDAuM2MyLjUsMCw0LjctMS40LDUuNi0zLjZjMS0yLjgtMC42LTUuOC0zLjctNi43bC0yNi4yLTcuOGwxNi43LTE1LjENCgljMi4zLTIuMSwyLjMtNS40LDAtNy41cy02LTIuMS04LjMsMGwtMTMuNywxMi4zQzE3OS43LDgzLjUsMTYyLDY4LDE0MC4xLDY4aC0yNC4yYy0yMi42LDAtNDEsMTYuNi00MSwzNi45djE1LjhoOTkuNEwyMDguNiwxMzF6DQoJIE0yMzAsMTY0LjVsLTM2LjktMzMuMkg3MC4zbC0zNi45LDMzLjJjLTEuNywxLjUtMi4yLDMuOC0xLjMsNS43YzAuOSwyLDMsMy4zLDUuNCwzLjNoMzYuOGMxMy44LDAsMjcuMiwyLjMsMzkuOCw2LjkNCgljMTQuMSw1LjEsMjkuOCw3LjYsNDQuOCw3LjZjMTIuNywwLDI1LjUtMS44LDM3LjctNS41bDMxLjEtOS4zYzEuOS0wLjYsMy40LTIsMy45LTMuOEMyMzIsMTY3LjYsMjMxLjQsMTY1LjgsMjMwLDE2NC41eiIvPg0KPC9zdmc+DQo=" data-image-width="2000" data-image-height="1333">
<h4 class="u-product-control u-text u-block-bce0-19">
<a class="u-product-title-link" href="#">Product 3 Title</a>
</h4>
<div class="u-product-control u-product-price u-block-bce0-20">
<div class="u-price-wrapper u-spacing-10">
<div class="u-hide-price u-old-price">$25.00</div>
<div class="u-price u-text-palette-2-base" style="font-size: 1.25rem; font-weight: 700;">$19.00</div>
</div>
</div>
</div>
</div>
<div class="u-align-center u-container-style u-products-item u-repeater-item u-white u-block-bce0-24">
<div class="u-container-layout u-similar-container u-valign-top u-block-bce0-25" 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}}}">
<img alt="" class="u-expanded-width u-image u-image-default u-product-control u-block-bce0-26" data-state="{&quot;height&quot;:{&quot;expandedBlock&quot;:{&quot;XL&quot;:true,&quot;LG&quot;:true,&quot;MD&quot;:true,&quot;SM&quot;:true,&quot;XS&quot;:true},&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-3}}" src="data:image/svg+xml;base64,DQoNCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPGc+DQoJPHBhdGggZmlsbD0iIzdGOTZBNiIgZD0iTTIyNi4xLDEwMGMtMS4yLTEuMi0yLjktMS45LTQuNy0xLjljLTIuMSwwLTQuMSwwLjktNS43LDIuNWwtMjUuMSwyNS42Yy0wLjIsMC4yLTAuNiwwLjUtMC45LDAuNQ0KCQljLTAuMiwwLTAuNC0wLjEtMC40LTAuMWwtMi44LTIuOGMtMC40LTAuNC0wLjctMSwwLTEuN0wyMTgsOTBjMy0zLjEsMy4yLTcuOCwwLjUtMTAuNmMtMS4yLTEuMi0yLjktMS45LTQuNy0xLjkNCgkJYy0yLjEsMC00LjEsMC45LTUuNywyLjVsLTMxLjQsMzJjLTAuNiwwLjYtMC45LDAuNy0xLDAuN2wtMy42LTMuN2MtMC4xLTAuMiwwLTAuNiwwLjUtMS4xbDM3LTM3LjhjMy0zLjEsMy4yLTcuOCwwLjUtMTAuNg0KCQljLTEuMi0xLjItMi45LTEuOS00LjctMS45Yy0yLjEsMC00LjEsMC45LTUuNywyLjVsLTM3LDM3LjhjLTAuMywwLjQtMC43LDAuNS0wLjksMC41Yy0wLjEsMC0wLjIsMC0wLjItMC4xbC0zLjItMy4zDQoJCWMtMC4xLTAuMy0wLjMtMC44LDAuMy0xLjRsMzIuNi0zMy4zYzMtMy4xLDMuMi03LjgsMC41LTEwLjZjLTEuMi0xLjItMi45LTEuOS00LjctMS45Yy0yLjEsMC00LjEsMC45LTUuNywyLjVMMTQ2LDg2LjlsMC44LTEwLjMNCgkJYzAuMi0yLjgtMC40LTUuMy0xLjctNy4ybDAsMGMtMS41LTIuNC00LjEtMy43LTcuMy0zLjdsLTAuMSwwYy0yLjgsMC02LjksMi4zLTcuNCw2LjZjLTAuMSwwLjktMC4yLDEuOS0wLjQsMw0KCQljLTEuNiwxMy43LTQuMiwzNi43LTEwLjgsNDYuMmMtNC45LDcuMS0yNS45LDIyLjEtMjYuMSwyMi4zbC0wLjEsMC4xYy0wLjQsMC40LTAuNywwLjktMC43LDEuNGMwLDAuNiwwLjIsMS4xLDAuNiwxLjVsNDcuMiw0OC41DQoJCWMwLjQsMC40LDAuOSwwLjYsMS40LDAuNmwwLjEsMGMwLjUsMCwxLjEtMC4zLDEuNC0wLjdsMC4xLTAuMWMwLjEtMC4yLDE0LjMtMjAuOCwyMC4xLTI2LjljMi42LTIuNyw1LjctNC40LDktNi4yDQoJCWMzLjMtMS44LDYuOC0zLjYsOS44LTYuN2w0My43LTQ0LjZDMjI4LjYsMTA3LjUsMjI4LjgsMTAyLjgsMjI2LjEsMTAweiIvPg0KCTxwYXRoIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0xMjEuNiwxODMuNGwtMzMtMzMuOWMtMS4yLTEuMi0xLjgtMi45LTEuNy00LjZjMC4xLTEuNywwLjktMy40LDIuMi00LjVsMC4zLTAuMw0KCQljNS43LTQuMSwyMS40LTE1LjksMjUuMS0yMS4zYzQtNS44LDUuOS0xNC40LDcuNS0yNS41YzAuNC0xLjgsMC40LTMtMC4yLTMuN2MtMC4zLTAuNC0wLjgtMC42LTEuMy0wLjZjLTAuMiwwLTAuNCwwLTAuNiwwLjENCgkJYy0wLjcsMC4zLTEuMiwwLjYtMS40LDAuOGwwLDBjLTEuOSwxLjItMy41LDMuMy00LjMsNmwtMy4yLDkuOEw5MS45LDU4LjFjLTEuMi0zLTQtNS4xLTYuOS01LjFjLTAuOCwwLTEuNiwwLjItMi40LDAuNQ0KCQljLTEuNywwLjctMywyLjItMy43LDQuMWMtMC42LDEuOS0wLjYsMy45LDAuMiw1LjlMOTYuNSwxMDdjMC4zLDAuNy0wLjEsMS4yLTAuMiwxLjRsLTQuMiwxLjdjMCwwLDAsMC0wLjEsMA0KCQljLTAuNCwwLTAuNy0wLjYtMC44LTAuOUw3MS40LDU5LjhjLTEuMi0zLTQtNS4xLTYuOS01LjFjLTAuOCwwLTEuNiwwLjItMi40LDAuNWMtMS43LDAuNy0zLDIuMi0zLjcsNC4xYy0wLjYsMS45LTAuNiwzLjksMC4yLDUuOQ0KCQlsMTkuOCw0OS40YzAuMywwLjcsMC4yLDEuMSwwLDEuM2wtNC43LDJsMCwwYy0wLjEtMC4xLTAuNC0wLjMtMC42LTFMNTYuMyw3NC45Yy0xLjItMy00LTUuMS02LjktNS4xYy0wLjgsMC0xLjYsMC4yLTIuNCwwLjUNCgkJYy0zLjUsMS41LTUuMSw1LjktMy41LDkuOWwxNi44LDQxLjljMC40LDAuOS0wLjEsMS4zLTAuNiwxLjVsLTMuNiwxLjVjMCwwLTAuMSwwLTAuMiwwYzAsMCwwLDAsMCwwYy0wLjEsMC0wLjUsMC0wLjktMC45DQoJCUw0MS41LDkwLjhjLTEuMi0zLTQtNS4xLTYuOS01LjFjLTAuOCwwLTEuNiwwLjItMi40LDAuNWMtMy41LDEuNS01LjEsNS45LTMuNSw5LjlMNTIsMTU0LjVjMS42LDQsNC4xLDcsNi41LDEwDQoJCWMyLjQsMi45LDQuNiw1LjcsNiw5LjJjMy4xLDcuOSw4LjMsMzIuNSw4LjMsMzIuN2wwLDAuMWMwLjIsMC41LDAuNSwxLDEsMS4yYzAuMywwLjEsMC41LDAuMiwwLjgsMC4yYzAuMywwLDAuNS0wLjEsMC43LTAuMg0KCQljMC4zLTAuMSwzNC40LTE0LjcsNDUuOC0xOS4yYzEuNC0wLjYsMS44LTEuNCwxLjktMi4xQzEyMy40LDE4NSwxMjIsMTgzLjcsMTIxLjYsMTgzLjR6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==" data-image-width="2000" data-image-height="1333">
<h4 class="u-product-control u-text u-block-bce0-27">
<a class="u-product-title-link" href="#">Product 4 Title</a>
</h4>
<div class="u-product-control u-product-price u-block-bce0-28">
<div class="u-price-wrapper u-spacing-10">
<div class="u-hide-price u-old-price">$25.00</div>
<div class="u-price u-text-palette-2-base" style="font-size: 1.25rem; font-weight: 700;">$20.00</div>
</div>
</div>
</div>
</div><div class="u-align-center u-container-style u-products-item u-repeater-item u-white u-block-bce0-29">
<div class="u-container-layout u-similar-container u-valign-top u-block-bce0-30" 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}}}">
<img alt="" class="u-expanded-width u-image u-image-default u-product-control u-block-bce0-31" data-state="{&quot;height&quot;:{&quot;expandedBlock&quot;:{&quot;XL&quot;:true,&quot;LG&quot;:true,&quot;MD&quot;:true,&quot;SM&quot;:true,&quot;XS&quot;:true},&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-3}}" src="data:image/svg+xml;base64,DQoNCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiM3Rjk2QTYiIGQ9Ik01MS44LDEyOC40YzMuNC0xMS41LDkuNC0yMS45LDE3LjUtMjkuOWwxMS40LTExLjN2LTQuN2MwLTIuOSwyLjEtNS4zLDQuNy01LjNjMi42LDAsNC43LDIuMyw0LjcsNS4zdjQuNw0KCQkJbDExLjQsMTEuM2M4LjIsOCwxNC4yLDE4LjQsMTcuNSwyOS45bDMuNC0yNy44YzEuNC0xMi4xLTEuOC0yNC4yLTguOS0zMy40Yy03LjEtOS4yLTE3LjQtMTQuNC0yOC4yLTE0LjRTNjQuNSw1OCw1Ny40LDY3LjINCgkJCWMtNy4xLDkuMi0xMC41LDIxLjMtOSwzMy40TDUxLjgsMTI4LjR6Ii8+DQoJCTxwYXRoIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0xMTAuNSwxMzIuOWMtMi43LTEwLjMtNy45LTE5LjQtMTUuMS0yNi41bC05LjktOS44bC05LjksOS44Yy03LjIsNy0xMi40LDE2LjItMTUuMSwyNi41bC01LjgsMjEuOA0KCQkJYzAuNywxMCwxLjEsMjAsMS4xLDI5LjljMCwxOC40LDEzLjMsMzMuNCwyOS43LDMzLjRzMjkuNy0xNC45LDI5LjctMzMuNGMwLTEwLDAuNC0yMCwxLjEtMjkuOUwxMTAuNSwxMzIuOXoiLz4NCgk8L2c+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0yMDQuNCwxMjcuNmMtMy40LDExLjUtOS40LDIxLjktMTcuNSwyOS45bC0xMS40LDExLjN2NC43YzAsMi45LTIuMSw1LjMtNC43LDUuM2MtMi42LDAtNC43LTIuMy00LjctNS4zDQoJCQl2LTQuN2wtMTEuNC0xMS4zYy04LjItOC0xNC4yLTE4LjQtMTcuNS0yOS45bC0zLjQsMjcuOGMtMS40LDEyLjEsMS44LDI0LjIsOC45LDMzLjRjNy4xLDkuMiwxNy40LDE0LjQsMjguMiwxNC40DQoJCQlzMjEuMS01LjIsMjguMi0xNC40YzcuMS05LjIsMTAuMy0yMS4zLDguOS0zMy40TDIwNC40LDEyNy42eiIvPg0KCQk8cGF0aCBmaWxsPSIjN0Y5NkE2IiBkPSJNMTQ1LjcsMTIzLjFjMi43LDEwLjMsNy45LDE5LjQsMTUuMSwyNi41bDkuOSw5LjhsOS45LTkuOGM3LjItNywxMi40LTE2LjIsMTUuMS0yNi41bDUuOC0yMS44DQoJCQljLTAuNy0xMC0xLjEtMjAtMS4xLTI5LjljMC0xOC41LTEzLjMtMzMuNC0yOS43LTMzLjRTMTQxLDUyLjksMTQxLDcxLjRjMCwxMC0wLjQsMjAtMS4xLDI5LjlMMTQ1LjcsMTIzLjF6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=" data-image-width="2000" data-image-height="1333">
<h4 class="u-product-control u-text u-block-bce0-32">
<a class="u-product-title-link" href="#">Product 5 Title</a>
</h4>
<div class="u-product-control u-product-price u-block-bce0-33">
<div class="u-price-wrapper u-spacing-10">
<div class="u-hide-price u-old-price">$10.00</div>
<div class="u-price u-text-palette-2-base" style="font-size: 1.25rem; font-weight: 700;">$7.00</div>
</div>
</div>
</div>
</div><div class="u-align-center u-container-style u-products-item u-repeater-item u-white u-block-bce0-34">
<div class="u-container-layout u-similar-container u-valign-top u-block-bce0-35" 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}}}">
<img alt="" class="u-expanded-width u-image u-image-default u-product-control u-block-bce0-36" data-state="{&quot;height&quot;:{&quot;expandedBlock&quot;:{&quot;XL&quot;:true,&quot;LG&quot;:true,&quot;MD&quot;:true,&quot;SM&quot;:true,&quot;XS&quot;:true},&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-3}}" src="data:image/svg+xml;base64,DQoNCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPGc+DQoJPHBhdGggZmlsbD0iIzdGOTZBNiIgZD0iTTIwNy45LDE5NS40TDE4Miw5Ni41Yy0wLjUtMS44LTEuNS00LjUtMi40LTYuMWwtNy40LTE0LjJjLTEtMS44LTMuNC0zLjQtNS41LTMuNEg4OS41DQoJCWMtMi4xLDAtNC42LDEuNC01LjUsMy40bC03LjYsMTQuNmMtMC44LDEuNi0xLjksNC4zLTIuNCw2LjFsLTI1LjksOTguNWMtMC4zLDEuMS0wLjEsMi4yLDAuNiwzYzAuNywwLjgsMS43LDEuMywyLjgsMS4zaDUuOA0KCQljMS42LDAsNC4xLDAuNiw1LjUsMS40bDExLjIsNi4yYzAuOSwwLjUsMiwwLjcsMy4zLDAuN3MyLjQtMC4yLDMuMy0wLjdsMTEuMi02LjJjMC42LTAuMywxLjUtMC41LDIuNC0wLjVjMC45LDAsMS43LDAuMiwyLjQsMC41DQoJCWwxMS4yLDYuMmMwLjksMC41LDIsMC43LDMuMywwLjdzMi40LTAuMiwzLjMtMC43bDExLjItNi4yYzAuNi0wLjMsMS41LTAuNSwyLjQtMC41YzAuOSwwLDEuNywwLjIsMi40LDAuNWwxMS4yLDYuMg0KCQljMC45LDAuNSwyLDAuNywzLjMsMC43YzEuMiwwLDIuNC0wLjIsMy4zLTAuN2wxMS4yLTYuMmMwLjYtMC4zLDEuNS0wLjUsMi40LTAuNXMxLjcsMC4yLDIuNCwwLjVsMTEuMiw2LjJjMC45LDAuNSwyLDAuNywzLjMsMC43DQoJCWMxLjIsMCwyLjQtMC4yLDMuMy0wLjdsMTEuMi02LjJjMS40LTAuOCwzLjktMS40LDUuNS0xLjRoNS44YzEuMSwwLDIuMi0wLjUsMi44LTEuM0MyMDgsMTk3LjUsMjA4LjEsMTk2LjQsMjA3LjksMTk1LjR6Ii8+DQoJPHBhdGggZmlsbD0iIzdGOTZBNiIgZD0iTTg4LjksNjYuN2g3OC4zYzEuNiwwLDMtMS40LDMtM1Y1MWMwLTEuNi0xLjQtMy0zLTNIODguOWMtMS42LDAtMywxLjQtMywzdjEyLjgNCgkJQzg1LjksNjUuNCw4Ny4zLDY2LjcsODguOSw2Ni43eiBNMTE4LjgsNTMuOGMwLTEuMywxLjEtMi40LDIuNC0yLjRoMTMuN2MxLjMsMCwyLjQsMSwyLjQsMi40djcuMWMwLDEuMy0xLjEsMi40LTIuNCwyLjRoLTEzLjcNCgkJYy0xLjMsMC0yLjQtMS0yLjQtMi40VjUzLjh6Ii8+DQoJPHJlY3QgeD0iMTIyLjgiIHk9IjU1LjQiIGZpbGw9IiM3Rjk2QTYiIHdpZHRoPSIxMC40IiBoZWlnaHQ9IjMuOSIvPg0KPC9nPg0KPC9zdmc+DQo=" data-image-width="2000" data-image-height="1333">
<h4 class="u-product-control u-text u-block-bce0-37">
<a class="u-product-title-link" href="#">Product 6 Title</a>
</h4>
<div class="u-product-control u-product-price u-block-bce0-38">
<div class="u-price-wrapper u-spacing-10">
<div class="u-hide-price u-old-price">$175.00</div>
<div class="u-price u-text-palette-2-base" style="font-size: 1.25rem; font-weight: 700;">$150.00</div>
</div>
</div>
</div>
</div></div>
</div>
<style data-mode="XL">@media (min-width: 1200px) {
.u-block-bce0-2 {
min-height: 600px;
}
.u-block-bce0-3 {
min-height: 520px;
grid-template-columns: repeat(3, 33.3333%);
height: auto;
margin-top: 40px;
margin-right: auto;
margin-bottom: 40px;
margin-left: 0;
grid-gap: 0px;
}
.u-block-bce0-4 {
background-image: none;
}
.u-block-bce0-5 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-bce0-6 {
height: 301px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 0;
}
.u-block-bce0-7 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-8 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-10 {
background-image: none;
}
.u-block-bce0-11 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-bce0-12 {
height: 301px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 0;
}
.u-block-bce0-13 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-14 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-16 {
background-image: none;
}
.u-block-bce0-17 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-bce0-18 {
height: 301px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 0;
}
.u-block-bce0-19 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-20 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-24 {
background-image: none;
}
.u-block-bce0-25 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-bce0-26 {
height: 301px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 0;
}
.u-block-bce0-27 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-28 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-29 {
background-image: none;
}
.u-block-bce0-30 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-bce0-31 {
height: 301px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 0;
}
.u-block-bce0-32 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-33 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-34 {
background-image: none;
}
.u-block-bce0-35 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-bce0-36 {
height: 301px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 0;
}
.u-block-bce0-37 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-38 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
}</style>
<style data-mode="LG">@media (max-width: 1199px) and (min-width: 992px) {
.u-block-bce0-2 {
min-height: 600px;
}
.u-block-bce0-3 {
min-height: 520px;
grid-template-columns: repeat(3, 33.3333%);
height: auto;
margin-top: 40px;
margin-bottom: 40px;
grid-gap: 0px;
}
.u-block-bce0-4 {
background-image: none;
}
.u-block-bce0-5 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-bce0-6 {
height: 301px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-7 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-8 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-10 {
background-image: none;
}
.u-block-bce0-11 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-bce0-12 {
height: 301px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-13 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-14 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-16 {
background-image: none;
}
.u-block-bce0-17 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-bce0-18 {
height: 301px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-19 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-20 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-24 {
background-image: none;
}
.u-block-bce0-25 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-bce0-26 {
height: 301px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-27 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-28 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-29 {
background-image: none;
}
.u-block-bce0-30 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-bce0-31 {
height: 301px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-32 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-33 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-34 {
background-image: none;
}
.u-block-bce0-35 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-bce0-36 {
height: 301px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-37 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-38 {
margin-top: 20px;
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-bce0-2 {
min-height: 1134px;
}
.u-block-bce0-3 {
min-height: 1054px;
grid-template-columns: repeat(2, 50%);
height: auto;
margin-top: 40px;
margin-bottom: 40px;
grid-gap: 0px;
}
.u-block-bce0-4 {
background-image: none;
}
.u-block-bce0-5 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-bce0-6 {
height: 301px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-7 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-8 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-10 {
background-image: none;
}
.u-block-bce0-11 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-bce0-12 {
height: 301px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-13 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-14 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-16 {
background-image: none;
}
.u-block-bce0-17 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-bce0-18 {
height: 301px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-19 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-20 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-24 {
background-image: none;
}
.u-block-bce0-25 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-bce0-26 {
height: 301px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-27 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-28 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-29 {
background-image: none;
}
.u-block-bce0-30 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-bce0-31 {
height: 301px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-32 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-33 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-34 {
background-image: none;
}
.u-block-bce0-35 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.u-block-bce0-36 {
height: 301px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-37 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-38 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
}</style>
<style data-mode="SM" data-visited="true">@media (max-width: 767px) and (min-width: 576px) {
.u-block-bce0-2 {
min-height: 1276px;
}
.u-block-bce0-3 {
min-height: 1054px;
grid-template-columns: 100%;
height: auto;
margin-top: 40px;
margin-bottom: 40px;
grid-gap: 0px;
}
.u-block-bce0-4 {
background-image: none;
}
.u-block-bce0-5 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-bce0-6 {
height: 537px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-7 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-8 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-10 {
background-image: none;
}
.u-block-bce0-11 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-bce0-12 {
height: 537px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-13 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-14 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-16 {
background-image: none;
}
.u-block-bce0-17 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-bce0-18 {
height: 537px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-19 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-20 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-24 {
background-image: none;
}
.u-block-bce0-25 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-bce0-26 {
height: 537px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-27 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-28 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-29 {
background-image: none;
}
.u-block-bce0-30 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-bce0-31 {
height: 537px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-32 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-33 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-34 {
background-image: none;
}
.u-block-bce0-35 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-bce0-36 {
height: 537px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-37 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-38 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
}</style>
<style data-mode="XS" data-visited="true">@media (max-width: 575px) {
.u-block-bce0-2 {
min-height: 1276px;
}
.u-block-bce0-3 {
min-height: 1054px;
grid-template-columns: 100%;
height: auto;
margin-top: 40px;
margin-bottom: 40px;
grid-gap: 0px;
}
.u-block-bce0-4 {
background-image: none;
}
.u-block-bce0-5 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-bce0-6 {
height: 366px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-7 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-8 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-10 {
background-image: none;
}
.u-block-bce0-11 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-bce0-12 {
height: 366px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-13 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-14 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-16 {
background-image: none;
}
.u-block-bce0-17 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-bce0-18 {
height: 366px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-19 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-20 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-24 {
background-image: none;
}
.u-block-bce0-25 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-bce0-26 {
height: 366px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-27 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-28 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-29 {
background-image: none;
}
.u-block-bce0-30 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-bce0-31 {
height: 366px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-32 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-33 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.u-block-bce0-34 {
background-image: none;
}
.u-block-bce0-35 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
.u-block-bce0-36 {
height: 366px;
margin-top: 0;
margin-bottom: 0;
}
.u-block-bce0-37 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.u-block-bce0-38 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
}</style>
</section><section class="u-clearfix u-block-20c3-1" custom-posts-hash="[]" data-style="pagination" data-id="20c3" data-section-properties="{&quot;position&quot;:&quot;footer&quot;,&quot;margin&quot;:&quot;none&quot;,&quot;stretch&quot;:true}" id="sec-3c9c">
<div class="u-clearfix u-sheet u-block-20c3-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;&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;}}}">
<ul class="responsive-style1 u-pagination u-unstyled u-block-20c3-3" 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;}}}">
<li class="disabled prev u-nav-item u-pagination-item">
<a class="u-button-style u-nav-link" href="#" style="padding: 16px 28px;">〈</a>
</li>
<li class="active u-nav-item u-pagination-item">
<a class="u-button-style u-nav-link" href="#" style="padding: 16px 28px;">1</a>
</li>
<li class="u-nav-item u-pagination-item">
<a class="u-button-style u-nav-link" href="#" style="padding: 16px 28px;">2</a>
</li>
<li class="u-nav-item u-pagination-item">
<a class="u-button-style u-nav-link" href="#" style="padding: 16px 28px;">3</a>
</li>
<li class="u-nav-item u-pagination-item u-pagination-separator">
<a class="u-button-style u-nav-link" href="#" style="padding: 16px 28px;">...</a>
</li>
<li class="u-nav-item u-pagination-item">
<a class="u-button-style u-nav-link" href="#" style="padding: 16px 28px;">8</a>
</li>
<li class="next u-nav-item u-pagination-item">
<a class="u-button-style u-nav-link" href="#" style="padding: 16px 28px;">〉</a>
</li>
</ul>
</div>
<style data-mode="XL" data-visited="true">@media (min-width: 1200px) {
.u-block-20c3-2 {
min-height: 107px;
}
.u-block-20c3-3 {
margin-top: 25px;
margin-bottom: 25px;
margin-left: auto;
margin-right: auto;
}
}</style>
<style data-mode="LG" data-visited="true">@media (max-width: 1199px) and (min-width: 992px) {
.u-block-20c3-2 {
min-height: 107px;
}
.u-block-20c3-3 {
margin-top: 25px;
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-20c3-2 {
min-height: 107px;
}
.u-block-20c3-3 {
margin-top: 25px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
}</style>
<style data-mode="SM" data-visited="true">@media (max-width: 767px) and (min-width: 576px) {
.u-block-20c3-2 {
min-height: 107px;
}
.u-block-20c3-3 {
margin-top: 25px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
}</style>
<style data-mode="XS" data-visited="true">@media (max-width: 575px) {
.u-block-20c3-2 {
min-height: 164px;
}
.u-block-20c3-3 {
margin-top: 25px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
}</style>
</section>
</body></html>
Reference in New Issue View Git Blame Copy Permalink