<root>
	<blocks>
		<item>
			<title>ox-hotspot-ca-shoes-01</title>
			<identifier>ox-hotspot-ca-shoes-01</identifier>
			<content><![CDATA[<div class="a-center">
<svg viewBox="0 -66 512.00035 512" width="49" xmlns="http://www.w3.org/2000/svg"><path d="m461.285156 226.507812-76.492187-5.464843-50.554688-84.214844-25.273437-42.167969v-11.679687c.007812-12.675781-10.261719-22.957031-22.9375-22.964844-2.839844-.003906-5.65625.523437-8.300782 1.546875l-72.6875 28.039062 5.492188-18.433593c4.335938-15.496094-2.699219-31.921875-16.90625-39.476563l-57.035156-30.640625c-4.148438-2.226562-9.316406-.804687-11.742188 3.230469l-83.660156 133.96875-1.765625-1.023438c-4.226563-2.429687-9.621094-.96875-12.046875 3.257813-.054688.089844-.101562.179687-.152344.273437l-26.191406 49.308594c-2.257812 4.257813-.683594 9.535156 3.53125 11.867188l318.535156 176.550781c1.308594.722656 2.777344 1.101563 4.273438 1.101563h131.664062c29.238282-.027344 52.9375-23.722657 52.964844-52.964844v-45.65625c-.09375-28.609375-22.183594-52.328125-50.714844-54.457032zm-94.941406-1.890624-10.082031 3.363281-78.988281-102.699219 20.304687-15.246094zm-230.691406-204.03125 49.621094 26.632812c6.878906 3.636719 10.316406 11.550781 8.28125 19.058594l-7.292969 24.578125-50.671875-30.386719-17.546875-10.53125zm-52.265625 84.25 4.519531-7.0625 29.042969 21.601562c14.78125 11.097656 22.328125 29.375 19.683593 47.671875l-1.101562 25.511719-78.894531-45.472656zm375.648437 257.097656h-129.394531l-308.964844-171.257813 17.839844-33.542969 292.519531 168.3125c1.34375.773438 2.863282 1.179688 4.414063 1.175782h158.894531c0 19.5-15.808594 35.3125-35.308594 35.3125zm35.308594-52.96875h-156.539062l-60.546876-34.859375 20.355469-20.753907c3.363281-3.527343 3.230469-9.117187-.300781-12.480468-3.457031-3.296875-8.910156-3.242188-12.304688.121094l-23.550781 24.011718-33.546875-19.332031 33.644532-26.914063c3.804687-3.046874 4.421874-8.605468 1.375-12.414062-3.046876-3.804688-8.605469-4.421875-12.410157-1.375l-39.046875 31.242188-28.742187-16.527344 43.609375-36.34375c3.75-3.121094 4.257812-8.6875 1.140625-12.4375-3.121094-3.75-8.691407-4.257813-12.441407-1.140625l-48.621093 40.527343-13.648438-7.855468 1.429688-33.886719c3.269531-24.414063-6.960938-48.679687-26.71875-63.382813l-30.078125-22.363281 11.363281-17.839843 78.140625 46.882812c1.050781.605469 2.214844.980469 3.417969 1.105469.210937 0 .394531.070312.609375.085937.210937.019532.34375.0625.511718.0625 1.089844.003906 2.175782-.195312 3.195313-.589844l89.421875-34.488281c1.636719-.625 3.46875-.410156 4.917969.574219 1.453125.996094 2.316406 2.648438 2.304687 4.414062v9.710938l-31.78125 23.832031c-3.898437 2.929688-4.683594 8.464844-1.753906 12.359375.019531.027344.039062.054688.058594.078125l88.277344 114.761719c2.28125 2.988281 6.214843 4.191406 9.78125 2.992188l24.8125-8.273438 79.328124 5.667969c19.304688 1.429687 34.261719 17.46875 34.335938 36.828125zm0 0"></path><path d="m52.964844 256h-44.136719c-4.875 0-8.828125 3.953125-8.828125 8.828125s3.953125 8.828125 8.828125 8.828125h44.136719c4.875 0 8.828125-3.953125 8.828125-8.828125s-3.953125-8.828125-8.828125-8.828125zm0 0"></path><path d="m0 317.792969c0 4.875 3.953125 8.828125 8.828125 8.828125h114.757813c4.875 0 8.828124-3.953125 8.828124-8.828125s-3.953124-8.828125-8.828124-8.828125h-114.757813c-4.875 0-8.828125 3.953125-8.828125 8.828125zm0 0"></path><path d="m220.691406 361.933594h-211.863281c-4.875 0-8.828125 3.949218-8.828125 8.824218s3.953125 8.828126 8.828125 8.828126h211.863281c4.875 0 8.824219-3.953126 8.824219-8.828126s-3.949219-8.824218-8.824219-8.824218zm0 0"></path></svg>
<div class="-text -upper">Court Legend Mid Sneakers</div>
</div>]]></content>
		</item>
		<item>
			<title>Athlete 2 Demo, Infinite scroll line, Cherry picked</title>
			<identifier>athlete2-demo-Infinite-scroll-line-cherry-picked</identifier>
			<content><![CDATA[<div class="d-flex align-items-center">
<span>BEST IN CATEGORY</span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17px" height="15px" viewBox="0 0 17 15" xml:space="preserve" style="margin:0 10px">
<path d="M10.4,9L9.2,4.7C9.6,4.9,10,5,10.5,5.1c2.6,0.1,5.7-2.5,5.7-2.5s-1-0.3-2.5-1.1c-1-0.5-2.8-1-3.5-1C8.8,0.5,8,1.3,7.6,2
	L4.1,7.2C3.6,7,3,7,2.4,7.1c-1.6,0.4-2.6,2-2.3,3.6c0.4,1.6,2,2.6,3.6,2.3c1.6-0.4,2.6-2,2.3-3.6C5.8,8.7,5.5,8.1,5,7.7l2.7-4.1
	l0.1,0.1L9.3,9c-1.6,0.4-2.6,2-2.2,3.6s2,2.6,3.6,2.3c1.6-0.4,2.6-2,2.3-3.6C12.8,10,11.7,9.1,10.4,9z"/>
</svg>
<span>CHERRY PICKER PRODUCTS</span>
</div>]]></content>
		</item>
		<item>
			<title>Athlete 2 Home Tabs with banners</title>
			<identifier>athlete2-home-tabs-with-banners</identifier>
			<content><![CDATA[<h2 class="h1 a-center">Shop all the latest offers</h2>
<div class="tabs-style--minimal -minimal2 tab-align-center tab-title-tt-i">
    <div class="product data items" data-mage-init='{"mage/tabs": {"openedState": "active", "active": 0}}'>
        <div class="item title active" data-role="collapsible">
            <a class="switch" data-toggle="trigger" href="#tab-featured">Featured</a>
        </div>
        <div id="tab-featured" class="item content" data-role="content">
            {{block class="Magento\Cms\Block\Block" block_id="athlete2-demo-5-banners"}}

        </div>

        <div class="item title" data-role="collapsible">
            <a class="switch" data-toggle="trigger" href="#tab-appliances">Home Appliances</a>
        </div>
        <div id="tab-appliances" class="item content" data-role="content">
            {{block class="Magento\Cms\Block\Block" block_id="athlete2-demo-3-banners"}}
        </div>

        <div class="item title" data-role="collapsible">
            <a class="switch" data-toggle="trigger" href="#tab-all-offers">All Offers</a>
        </div>
        <div id="tab-all-offers" class="item content" data-role="content">
            {{block class="Magento\Cms\Block\Block" block_id="athlete2-demo-8-banners"}}
        </div>
    </div>
</div>]]></content>
		</item>
		<item>
			<title>Athlete2 Demo 3 Banners</title>
			<identifier>athlete2-demo-3-banners</identifier>
			<content><![CDATA[<!-- 3 banners -->
<div class="row" style="row-gap:20px;"> 
    <div class="col-12 col-sm-6 col-lg-4 "> 
        <div class="ox-banner banner-stretch-v image-auto image-auto-v" style="padding:var(--r-padding); background: #f4f4f4;">
            <a class="ox-banner-link d-flex flex-column" href="#">
                <img src="{{media url=athlete2/Demos/fi/banner-no-03-c.jpg}}" alt="athlete2 theme demo" />
                <span class="ox-banner-container">
                    <div class="spacer-xs">-</div>
                    <h5 class="title-font no-margin" style="line-height:1.3">Bespoke Jet™ Cordless Stick Vacuum with All-in-One Clean Station®</h5>
                </span>	
            </a>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-lg-4  a-center"> 
        <div class="ox-banner banner-stretch-v image-auto image-auto-v" style="padding:var(--r-padding) var(--r-padding-l); background: #f4f4f4;">
            <a class="ox-banner-link d-flex flex-column" href="#">			
                <div style="position:relative"><img src="{{media url=athlete2/Demos/fi/banner-no-02-c.jpg}}" alt="athlete2 theme demo" />
                    <div class="rubber-tag a-left title-font abs-v-center" style="color: #ffffff;background: #1c61e7;right: 0;">
                        <div class="-value">
                            <span>10</span>
                            <span style="font-size: 36px; font-weight: normal;margin-left: 3px;">%</span>
                        </div>
                        <div class="-desc" style="margin-bottom: 10px;">off on selected products</div>
                    </div>
                </div>
                <span class="ox-banner-container">
                    <div class="spacer-xs">-</div>
                    <h5 class="title-font" style="line-height:1.3">Save up to $500 on select NordicTrack treadmills and other equipment.</h5>
                    <span class="button primary medium">shop now</span>
                </span>	
            </a>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-lg-4 a-center"> 
        <div class="ox-banner ox-banner-content-overlay image-cover banner-stretch banner-stretch-v h-center v-bottom" style="min-height:500px">
            <a class="ox-banner-link" href="#">
               <img src="{{media url=athlete2/Demos/fi/banner-no-01.jpg}}" alt="athlete2 theme demo" />
                <span class="ox-banner-container" style="padding:var(--r-padding) var(--r-padding-l)">
                    <h5 class="title-font" style="line-height:1.3">Save up to $500 on select NordicTrack treadmills and other equipment.</h5>
                    <span class="button secondary medium">shop now</span>
                </span>	
            </a>
        </div>
    </div>
</div>]]></content>
		</item>
		<item>
			<title>Athlete2 Demo Tabs with Products</title>
			<identifier>athlete2-Demo-tabs-with-products</identifier>
			<content><![CDATA[<h2 class="a-center">Featured Products</h2>
<div class="tabs-style--minimal -minimal2 tab-align-center tab-title-tt-i">
    <div class="product data items" data-mage-init='{"mage/tabs": {"openedState": "active", "active": 0}}'>
        <div class="item title active" data-role="collapsible">
            <a class="switch" data-toggle="trigger" href="#tab-products-featured">All</a>
        </div>
        <div id="tab-products-all" class="item content" data-role="content">
            {{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="0" title_side_line="0" show_pager="0" products_count="8" category_ids="2" template="Olegnax_ProductSlider::carouselv7.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="2" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="0" show_wishlist="1" show_compare="0" show_review="1" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="1" show_stock_status="0" show_in_stock="0" show_swatches="1" products_layout_centered="1" thumb_carousel="1" thumb_carousel_logic="all" thumb_carousel_show_dots="1" banners_enabled="1" banner_block_position1="2" banner_block1="athlete2-demo-grid-banner-01" banner_block_position2="6" banner_block2="athlete2-demo-grid-banner-02" bordered_style="disable" quickview_button_style="outline"}}
        </div>

        <div class="item title" data-role="collapsible">
            <a class="switch" data-toggle="trigger" href="#tab-products-tv">TV &amp; Audio</a>
        </div>
        <div id="tab-products-tv" class="item content" data-role="content">
            {{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="0" title_side_line="0" show_pager="0" products_count="8" category_ids="2" template="Olegnax_ProductSlider::carouselv7.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="2" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="0" show_wishlist="1" show_compare="0" show_review="1" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="1" show_stock_status="0" show_in_stock="0" show_swatches="1" products_layout_centered="1" thumb_carousel="1" thumb_carousel_logic="all" thumb_carousel_show_dots="1" banners_enabled="1" banner_block_position1="2" banner_block1="athlete2-demo-grid-banner-01" bordered_style="disable" quickview_button_style="outline"}}
        </div>

        <div class="item title" data-role="collapsible">
            <a class="switch" data-toggle="trigger" href="#tab-products-mobile">Mobile</a>
        </div>
        <div id="tab-products-mobile" class="item content" data-role="content">
            {{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="0" title_side_line="0" show_pager="0" products_count="8" category_ids="2" template="Olegnax_ProductSlider::carouselv7.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="2" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="0" show_wishlist="1" show_compare="0" show_review="1" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="1" show_stock_status="0" show_in_stock="0" show_swatches="1" products_layout_centered="1" thumb_carousel="1" thumb_carousel_logic="all" thumb_carousel_show_dots="1" banners_enabled="1" banner_block_position1="2" banner_block1="athlete2-demo-grid-banner-01" bordered_style="disable" quickview_button_style="outline"}}
        </div>
    </div>
</div>]]></content>
		</item>
		<item>
			<title>Athlete2 Demo Video Banner</title>
			<identifier>athlete2-demo-video-banner</identifier>
			<content><![CDATA[    <div class="row no-gutters">
        <div class="col-md-6">
            <div class="ox-banner flex-column ox-banner-content-overlay image-cover banner-stretch banner-stretch-v v-top" style="min-height:600px;">
                <a class="ox-banner-link" href="#">
                    {{widget type="Olegnax\Athlete2\Block\Video" video_url="athlete2/Demos/fi/video/sample.mp4" poster_url="" autoplay_video="1" lazy_video="1" show_controls="0" show_play_button="1" button_position_vertical="bottom"  button_color="white" button_bg="black" stretch="1"}}
                    <div class="ox-grad-overlay">-</div>
                    {{widget type="Olegnax\Athlete2\Block\ISlide" block_id="athlete2-demo-Infinite-scroll-line-cherry-picked" slide_time="5000" items_width="auto" clone="1" pause_on_hover="0" rotation="15" bg_color="#4ae4bd" text_color="black" text_font_size="12" text_font_weight="500" padding="8px" absolute="1" left="23%" top="12%" left_mobile="-5%" top_mobile="0" gap="35"}}        
                    <div class="ox-banner-container bottom r-padding-l ox-max-width-600">
                        <h6 style="color: white;">Powered by AI</h6>
                        <h2 class="no-margin" style="color: white;">The gift of following your passion, anywhere.</h2>
                    </div>	
                </a>
            </div>
        </div>
    <div class="col-md-6 r-padding"> 
        <div class="block-align-vertical">
            <div class="title-and-link no-margin">
                <h2>This Week Picks</h2>
                <a href="#" class="border-bottom">View all</a>
            </div>
            <div class="spacer-small">-</div>
            {{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="0" title_side_line="0" show_pager="0" products_count="4" category_ids="2" template="Olegnax_ProductSlider::carouselv7.phtml" columns_desktop="2" columns_desktop_small="2" columns_tablet="1" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="0" show_wishlist="1" show_compare="0" show_review="1" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="1" show_stock_status="0" show_in_stock="0" show_swatches="1" products_layout_centered="1" thumb_carousel="1" thumb_carousel_logic="all" thumb_carousel_show_dots="1" bordered_style="disable" quickview_button_style="outline"}}
        </div>
    </div>
    </div>]]></content>
		</item>
		<item>
			<title>Athlete2 Flash Sale Huge</title>
			<identifier>athlete2-flash-sale-huge</identifier>
			<content><![CDATA[<div class="ox-block-long title-font" style="background: linear-gradient(55deg, #f1eeff 0%, #f0f9ff 100%); color: black!important;">
<div class="col">
  <h2 class="r-fs-huge no-margin" style="font-weight: 400;white-space: nowrap; color: black;">Flash Sale!</h2>
  <span href="#" class="big-text">
    <span style="margin: 0 16px 0 6px;">Explore deals</span>
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
    <polygon points="3,0 3,2 12.6,2 0.3,14.3 1.7,15.7 14,3.4 14,12 16,12 16,2 16,0 "></polygon>
    </svg>
  </span>
</div>
<div class="col-12 col-md col-lg-auto order-lg-1 d-flex">
{{widget type="Olegnax\Athlete2\Block\Countdown" loop="1" end_days="3" end_hours="14" day_to_hours="0" hide_text="0" show_separator="1" bg_color="transparent" num_font_size="60" num_font_size_mobile="30" num_font_weight="400" text_font_size="14" sep_font_size="30px" gap="0"}}
</div>
<div class="col-12 col-lg">
  <div style="font-size: 16px;font-weight: 600;">Get special prices on</div>
{{widget type="Olegnax\Athlete2\Block\VSlide" content="Appliances||Computers||Tablets||Cell Phones||Audio &amp; Video||Cameras||Furniture||Smart Home||Technology||Fitness||Outdoor||Living" text_color="black" text_font_size="52" text_font_size_mobile="30" bottom_line="1"}}
<div class="spacer-xs">-</div>

</div>
<!-- invisible link for entire banner -->
<a href="#" class="overlay-link">Explore deals</a>
</div>]]></content>
		</item>
		<item>
			<title>Athlete2 Product Long Description</title>
			<identifier>athlete2-product-long-description</identifier>
			<content><![CDATA[<div class="a-center">
    <h1 class="r-fs-huge" style="font-weight:500">Designed to be seen</h1>   
    <div class="ox-max-width-800">
    <p>Say goodbye to the hassle of switching brush-rolls halfway through your cleaning routine. The Dual Brush is specially designed to effectively clean a range of floor types, including carpet, hardwood, and tile, all without interruption.</p>
    </div>
    <div class="spacer-regular">-</div>
    {{widget type="Olegnax\Athlete2\Block\Video" poster_url="" video_url="athlete2/Demos/fi/video/sample.mp4" lazy_video="1" autoplay_video="1" show_controls="0" show_play_button="1" button_position_vertical="top" button_color="white" button_bg="black"}}
</div>
<div class="ox-max-width-1000 r-padding-l">
    <div class="row">
        <div class="col-sm-6 "> 
            <h2>A new dimension for entertainment.</h2>
        </div>
        <div class="col-sm-6">
            <p class="big-text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
        </div>
    </div>
</div>


<div style="background: linear-gradient(90deg, rgb(234 255 252) 0%, rgb(228 255 228) 100%);">
    <div class="row no-margin" >
        <div class="col-md-6 d-flex justify-content-center r-padding-l">
            <img src="{{media url=athlete2/Demos/fi/galaxyzflip.jpg}}" alt="athlete2 demo galaxy" />
        </div>
        <div class="col-md-6 r-padding-l"> 
            <div class="block-align-vertical ox-max-width-500">
                <h2>Your bestie for<br> stunning selfies</h2>
                <p>The majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
            </div>
        </div>
    </div>
    <div class="row no-margin">
        <div class="order-2 order-md-0 col-md-6 r-padding-l"> 
            <div class="block-align-vertical ox-max-width-500">
                <h2>A new dimension for entertainment.</h2>
                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
            </div>
        </div>
        <div class="col-md-6 d-flex justify-content-center r-padding-l">
            {{widget type="Olegnax\Athlete2\Block\Video" video_url="athlete2/Demos/fi/video/sample.mp4" width="454px" height="454px" lazy_video="1" autoplay_video="1" show_controls="0" show_play_button="1" button_position_vertical="bottom" button_color="white" button_bg="black"}}
        </div>
    </div>
</div>


<div class="row no-margin" >
    <div class="col-md-6 d-flex justify-content-center r-padding-l">
<img src="{{media url=athlete2/Demos/fi/prod-long-img-01.jpg}}" alt="" />
    </div>
    <div class="col-md-6 r-padding-l"> 
        <div class="block-align-vertical ox-max-width-500">
            <h2 class="big">Clean Anywhere, Easily</h2>
            <p>The majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
        </div>
    </div>
</div>

<div class="a-center medium-text r-padding" style="background: #f4f4f4;">
    <h2>Key Features</h2>
    <div class="row no-gutters">
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/speaker-50.png}}" alt="speaker" />
            <p>A17 Pro chip with 6-core GPU</p>
        </div>
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/sim-50.png}}" alt="sim" />
            <p>Superfast 5G cellular</p>
        </div>
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/battery-50.png}}" alt="battery" />
            <p>Up to 29 hours video playback2</p>
        </div>
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/cpu-50.png}}" alt="cpu" />
            <p>A17 Pro chip with 6-core GPU</p>
        </div>
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/phone-chat-50.png}}" alt="phone" />
            <p>Roadside Assistance via satellite</p>
        </div>
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/display-50.png}}" alt="display" />
            <p>Ultra Wide camera</p>
        </div>
    </div>
    <a class="button secondary bordered naked small rounded js-tab-link" href="#additional"><strong>See all Specs</strong></a>
</div>
]]></content>
		</item>
		<item>
			<title>Athlete2 Product After Description Block 2</title>
			<identifier>athlete2-after-product-info-block-2</identifier>
			<content><![CDATA[<div style="background:#f8f8f8;padding: 30px;--left-width: 50px;">
    <div class="hcard no-padding">
        <div class="hcard_left">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30px" height="40px" viewBox="0 0 38 40" xml:space="preserve" >
            <path d="M19.1,4.3c1.7,1,5.2,2.8,8.9,3.3c2.2,0.3,4.4,0.5,6.5,0.5c0.2,0,0.3,0,0.5,0c-0.5,5.9-2.1,16.7-5.8,20.7
                c-4.5,4.9-8.6,7.5-9.8,8.2l-0.3,0l-0.3,0c-1.2-0.7-5.3-3.2-9.8-8.2C5.4,24.8,3.8,14,3.3,8.1c0.1,0,0.3,0,0.4,0c2,0,4.2-0.2,6.4-0.5
                C13.8,7.1,17.4,5.3,19.1,4.3 M19.1,2c0,0-4.5,3-9.3,3.7C7.3,6,5.2,6.1,3.7,6.1C2,6.1,1.1,6,1.1,6S2,24,7.5,30.2
                c5.6,6.2,10.7,8.8,10.7,8.8l0.9,0l0.9,0c0,0,5-2.6,10.7-8.8C36.3,24,37.1,6,37.1,6s-1,0.1-2.6,0.1c-1.5,0-3.7-0.1-6.2-0.4
                C23.5,5,19.1,2,19.1,2L19.1,2z"></path>
            <polygon points="17.9,24.8 12.8,19.8 14.2,18.4 17.9,22 24.3,15.6 25.7,17 	"></polygon>
        </svg>
        </div>
        <div class="hcard_right">
            <strong class="hcard_title no-margin">Warranty</strong>
            <p class="no-margin">One year warranry and hassle free returns </p>
        </div>
    </div>	
    <hr class="hr-light">
    <div class="hcard no-padding">
        <div class="hcard_left">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46 40" width="33px" height="38px">
                <path d="M39.4,3l4.5,8.2H44v.2A3.2,3.2,0,0,1,45,14c0,2.2-1.2,4.2-2.8,4.7H42a4.1,4.1,0,0,1-1,.2l-1.7-.2H39a5.9,5.9,0,0,1-2.4-1.9L35,14.7l-1.6,2.1-.2.2a5.2,5.2,0,0,1-.8,1.1,5,5,0,0,1-2.7.8,5.2,5.2,0,0,1-4.1-2.1L24,14.6l-1.6,2.2a6.3,6.3,0,0,1-1.1,1.3,5,5,0,0,1-2.7.8,5.2,5.2,0,0,1-4-2.1L13,14.7l-1.6,2.1A6.1,6.1,0,0,1,9,18.7L7,19l-1.1-.2H5.8C3.9,18.1,3,15.9,3,14.1a3.4,3.4,0,0,1,.8-2.6v-.2H4L8.5,3H39.4m1.2-2H7.4L2.3,10.2A5.3,5.3,0,0,0,1,14c0,2.8,1.5,5.8,4.1,6.6A5.3,5.3,0,0,0,7,21a14,14,0,0,0,2.6-.4A8.6,8.6,0,0,0,13,18a7,7,0,0,0,5.6,2.9,6.9,6.9,0,0,0,3.9-1.2A8.3,8.3,0,0,0,24,18a7,7,0,0,0,5.7,2.9,7.1,7.1,0,0,0,3.9-1.2A7.9,7.9,0,0,0,35,18a8,8,0,0,0,3.4,2.6A7.4,7.4,0,0,0,41,21a4.5,4.5,0,0,0,1.8-.4c2.7-.8,4.2-3.8,4.2-6.6a5.8,5.8,0,0,0-1.3-3.8L40.6,1Z" transform="translate(-1 -1)"></path><rect x="11" y="25" width="8" height="7" fill="none"></rect>
                <polygon points="6 38 6 20 4 20 4 40 5 40 5 38 6 38"></polygon>
                <polygon points="40 20 40 38 41 38 41 40 42 40 42 20 40 20"></polygon>
                <polygon points="40 38 36 38 36 25 36 23 24 23 24 25 24 38 6 38 5 38 5 40 6 40 26 40 26 39 26 38 26 25 34 25 34 38 34 39 34 40 40 40 41 40 41 38 40 38"></polygon>
                <path d="M20,35h2V24H10V35H20Zm-8-9h8v7H12Z" transform="translate(-1 -1)"></path>
                <rect x="2" y="11" width="42" height="2"></rect>
            </svg>
        </div>
        <div class="hcard_right">
            <strong class="hcard_title no-margin">Free in-store pickup</strong>
            <p class="no-margin">Buy online and pickup same day at our store.</p>
        </div>
    </div>
    <hr class="hr-light">
    <div class="hcard no-padding">
        <div class="hcard_left">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="43" height="34" viewBox="0 0 62 40" xml:space="preserve">
                <path d="M23,29c1.7,0,3,1.3,3,3s-1.3,3-3,3s-3-1.3-3-3S21.3,29,23,29 M23,27c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5S25.8,27,23,27 L23,27z"></path>
                <path d="M52,29c1.7,0,3,1.3,3,3s-1.3,3-3,3s-3-1.3-3-3S50.3,29,52,29 M52,27c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5S54.8,27,52,27 L52,27z"></path>
                <path d="M13,29v-1h-2v0.4c0,2,1.6,3.6,3.6,3.6H18c0-0.7,0.2-1.4,0.4-2H14C13.4,30,13,29.6,13,29z"></path>
                <path d="M59,18.1v-4.5c0-2-1.6-3.6-3.6-3.6H46V6.6c0-2-1.6-3.6-3.6-3.6H14.6c-2,0-3.6,1.6-3.6,3.6V8h2V6c0-0.6,0.5-1,1-1H43
                    c0.6,0,1,0.5,1,1v4v8v2v10H27.6c0.3,0.6,0.4,1.3,0.4,2h16h2h1c0-0.7,0.2-1.4,0.4-2H46V20h13c0.5,0,1,0.4,1,1v8c0,0.5-0.4,1-1,1
                    h-2.4c0.3,0.6,0.4,1.3,0.4,2h1.4c2,0,3.6-1.6,3.6-3.6v-6.9C62,19.8,60.7,18.3,59,18.1z M57,18H46v-6h10c0.6,0,1,0.4,1,1V18z"></path>
                <rect x="6" y="11" width="12" height="2"></rect>
                <rect x="2" y="17" width="14" height="2"></rect>
                <rect y="23" width="14" height="2"></rect>
            </svg>
        </div>
        <div class="hcard_right">
            <strong class="no-margin">Estimated Delivery</strong>
            <p class="no-margin">{{block class="Magento\Catalog\Block\Product\View" attribute="ox_delivery_time" fallback_text="1-2 business days" tooltip="The provided delivery time is approximate and may vary. We calculate transit time using business days. Sunday don't usually count toward the transit time." delivery_window="0" template="Magento_Catalog::product/view/estimated_date.phtml"}}</p>
        </div>
    </div>	
    <hr class="hr-light">
    <div>
        <p style="margin-bottom: 8px;">Supported Payment Types</p>
        <img src="{{media url=athlete2/Demos/fi/payment-methods.png}}" alt="" />
    </div>	
</div>]]></content>
		</item>
		<item>
			<title>athlete2-demo-grid-banner-01</title>
			<identifier>athlete2-demo-grid-banner-01</identifier>
			<content><![CDATA[<div class="ox-banner flex-column ox-banner-content-overlay image-cover banner-stretch banner-stretch-v v-top" style="min-height:500px;">
    <a class="ox-banner-link" href="#">
        {{widget type="Olegnax\Athlete2\Block\Video" video_url="athlete2/Demos/fi/video/sample.mp4" poster_url="" width="852" height="852" autoplay_video="1" lazy_video="1" show_controls="0" show_play_button="1" button_position_vertical="top" button_color="white" button_bg="black"  stretch="1"}}
        <div class="ox-grad-overlay">-</div>
        <div class="ox-banner-container">
            <div style="display: flex;align-items: center;gap: 8px;">	
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="20px" viewBox="0 0 20 20" xml:space="preserve">
                    <circle fill="#84F4C2" cx="10" cy="10" r="10" opacity="0.22"></circle>
                    <circle fill="#84F4C2" cx="10" cy="10" r="5"></circle>
                </svg>
                <strong class="text" style="color: white;">Powered by AI</strong>
            </div>
        </div>
        <div class="ox-banner-container bottom">
            <h5 class="title-font no-margin" style="line-height:1.3;color: white;">Bespoke Jet Cordless Stick Vacuum with All-in-One Clean Station</h5>
        </div>	
    </a>
    <a href="#" class="button medium" style="width: 100%;--a2-btn-color:black;--a2-btn-bg:#82f4c5;">shop now</a>
</div>
]]></content>
		</item>
		<item>
			<title>Athlete2 demo long banner2</title>
			<identifier>athlete2-demo-long-banner2</identifier>
			<content><![CDATA[<div class="row no-gutters">
    <div class="col-12 col-lg-6 col-xl-4" style="background: #272727;padding: 25px 35px;">
      <div class="row align-items-center " style="height: 100%;row-gap: 20px;">
        <div class="col"><h2 class="no-margin" style="color: white;font-weight: 400;line-height: 1;">Get Your<br><span style="color:#55ffb1">Rewards</span> Card</h2></div>
        <div class="col-auto"><img src="{{media url=athlete2/Demos/fi/loyaltycard.png}}" alt="card" width="159" height="88" /></div>
      </div>
    </div>
    <div class="col-12 col-lg-6 col-xl-8" style="padding: 20px var(--r-padding);background: #b3ffdc;">
      <div class="row align-items-center " style="row-gap: 20px;font-size: 16px;height: 100%;">
        <div class="col-sm-6">
          <div class="row align-items-center" style="row-gap: 20px;">
            <div class="col-md-6 col-lg-12 col-xl-6">
              <strong class="h3" style="font-weight: 500;">Apply today and get</strong>
            </div>
            <div class="col-md-6 col-lg-12 col-xl-6">
              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 230 88" xml:space="preserve" class="title-font" style="max-width: 230px;width: 100%;">
                <style>.svg-banner-text-layer-value{font-size:120px}.svg-banner-text-layer-info{font-size:48px}</style>
                <text x="124" y="38" class="svg-banner-text-layer-info">%</text>
                <text x="124" y="81" class="svg-banner-text-layer-info">back</text>
                <text x="0" y="85" class="svg-banner-text-layer-value">10</text>
              </svg>
            </div>
          </div>
        </div>
        <div class="col-sm-6">
          <div class="row" style="row-gap: 20px;">
            <div class="col" style="min-width: 200px;">in rewards on your first day of purchases when you are approved for the Card.</div>
            <div class="col-auto"><a href="#" class="button secondary big-wide">apply now</a></div>
          </div>
        </div>        
      </div>
    </div>
  </div>]]></content>
		</item>
		<item>
			<title>Athlete2 Demo 5 banners</title>
			<identifier>athlete2-demo-5-banners</identifier>
			<content><![CDATA[<div class="row" style="row-gap:30px">
    <div class="col-12 col-lg-6 order-lg-1"> 
        <div class="ox-banner ox-banner-content-overlay image-cover banner-stretch banner-stretch-v h-center v-bottom" style="min-height:500px">
            <a class="ox-banner-link" href="#">
                <img src="{{media url=athlete2/Demos/fi/banner-coffe-machine-big.jpg}}" alt="athlete2 theme demo" />
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 
                viewBox="0 0 164 210" enable-background="new 0 0 164 210" xml:space="preserve" fill="white" class="title-font" 
                style="position: absolute;left: 0;top: 0;width: 35%; max-width: 200px;">
                           <style>.svg-label1-text-layer-3{font-size:38px}.svg-label1-text-layer-2{font-size:15px}.svg-label1-text-layer-value{font-size:72px}</style>
                            <rect fill="#252525" width="164" height="210"></rect>
                            <text x="35" y="136" class="svg-label1-text-layer-2">off on second</text>
                            <text x="35" y="156" class="svg-label1-text-layer-2">product</text>
                            <text x="107" y="96" class="svg-label1-text-layer-3">%</text>
                            <text x="30" y="98" class="svg-label1-text-layer-value">10</text>
                        </svg>
                <div class="ox-banner-container" style="padding:var(--r-padding) var(--r-padding-l)">
                    <div class="ox-max-width-400">
                        <h3 class="title-font" style="line-height:1.3">Discover OLED TV’s</h3>
                        <p style="color:black">Plus, get free installation and haul away with select purchase and 2 years of Super Care+ for $1 $169.99 *</p>
                        <span class="button medium" style="--a2-btn-color:#211f20; --a2-btn-bg:white">shop now</span>
                    </div>
                </div>	
            </a>
        </div>
    </div>
    <div class="col-12 col-lg-3 order-lg-0">
        <div class="row cols-vertical-stretch-lg col-v-gap flex-lg-column">
            <div class="col-12 col-sm-6 col-lg-12">
                <div class="ox-banner banner-stretch-v image-auto image-auto-v a-center" style="padding:35px; background: #f4f4f4;">
                    <a class="ox-banner-link d-flex flex-column" href="#">
                        <img src="{{media url=athlete2/Demos/fi/banner-laptop-small.png}}" alt="" />
                        <span class="ox-banner-container" style="max-width: 240px;margin: auto;">
                            <div class="spacer-xs">-</div>
                            <h5 class="title-font no-margin" style="line-height:1.3;font-weight: 500;">Get credit toward a new MacBook Air.</h5>
                        </span>	
                    </a>
                </div>
            </div>
            <div class="col-12 col-sm-6 col-lg-12">
                <div class="ox-banner banner-stretch-v image-auto image-auto-v  a-center" style="padding:35px; background: #f4f4f4;">
                    <a class="ox-banner-link d-flex flex-column" href="#">
                        <img src="{{media url=athlete2/Demos/fi/banner-phone-small.png}}" alt="" />
                        <span class="ox-banner-container">
                            <div class="spacer-xs">-</div>
                            <h5 class="title-font" style="line-height:1.3;font-weight: 500;margin-bottom: 5px;">Get 50% off and a free case</h5>
                            <p class="no-margin" style="color: #646464;">with Galaxy S24+ series</p>
                        </span>	
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-12 col-lg-3 order-lg-2"> 
        <div class="row cols-vertical-stretch-lg col-v-gap flex-lg-column">
            <div class="col-12 col-sm-6 col-lg-12">
                <div class="ox-banner banner-stretch-v image-auto image-auto-v a-center" style="padding:35px; background: #f4f4f4;">
                    <a class="ox-banner-link d-flex flex-column" href="#">
                        <img src="{{media url=athlete2/Demos/fi/banner-printer-small.png}}" alt="" />
                        <span class="ox-banner-container">
                            <div class="spacer-xs">-</div>
                            <h5 class="title-font" style="line-height:1.3;font-weight: 500;margin-bottom: 5px;">Select Printers</h5>
                            <p class="no-margin" style="color: #646464;">Get up to $300 off</p>
                        </span>	
                    </a>
                </div>
            </div>
            <div class="col-12 col-sm-6 col-lg-12">
                <div class="ox-banner banner-stretch banner-stretch-v" style="background:#1C61E7">
                    <a class="ox-banner-link" href="#">
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 410 330" enable-background="new 0 0 410 330" xml:space="preserve" fill="white" class="title-font" style="width:100%;height:100%">
                            <style>.text-layer-2{font-size:30px}.text-layer-3{font-size:50px}.text-layer-1{font-size:22px}.text-layer-value{font-size:190px}</style>
                            <rect fill="#1C61E7" width="410" height="330"></rect>
                            <text x="290" y="167" class="text-layer-2">Get</text>
                            <text x="290" y="200" class="text-layer-2">up to</text><text x="290" y="264" class="text-layer-3">%</text><text x="52" y="64" class="text-layer-1">Dont miss out on the</text><text x="52" y="92" class="text-layer-1">best deals.</text>
                            <text x="44" y="270" class="text-layer-value">30</text>
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
]]></content>
		</item>
		<item>
			<title>Athlete2 demo 8 banners</title>
			<identifier>athlete2-demo-8-banners</identifier>
			<content><![CDATA[<div class="row" style="row-gap:30px">
    <div class="col-12 col-sm-6 col-xl-3 col-lg-4 a-center"> 
        <div class="ox-banner banner-stretch-v image-auto image-auto-v" style="padding:35px; background: #f4f4f4;">
            <a class="ox-banner-link d-flex flex-column" href="#">
                <img src="{{media url=athlete2/Demos/fi/banner-coffe-machine.png}}" alt="" />
                <span class="ox-banner-container" style="max-width: 240px;margin: auto;">
                    <div class="spacer-xs">-</div>
                    <h5 class="title-font no-margin" style="line-height:1.3;font-weight: 500;">Get credit toward a new MacBook Air.</h5>
                </span>	
            </a>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-xl-3 col-lg-4"> 
        <div class="ox-banner banner-stretch-v image-auto image-auto-v" style="background: #f4f4f4;">
            <a class="ox-banner-link d-flex flex-column" href="#">
                <div class="row no-gutters">
                    <div class="col-7 d-flex" style="padding: 15px;">
                        <img src="{{media url=athlete2/Demos/fi/banner-mouse.png}}" alt="" />
                    </div>
                    <div class="col-5">
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 164 210" enable-background="new 0 0 164 210" xml:space="preserve" fill="white" class="title-font">
                            <style>.svg-label1-text-layer-3{font-size:38px}.svg-label1-text-layer-2{font-size:15px}.svg-label1-text-layer-value{font-size:72px}</style>
                            <rect fill="#1C61E7" width="164" height="210"></rect>
                            <text x="35" y="136" class="svg-label1-text-layer-2">off on second</text>
                            <text x="35" y="156" class="svg-label1-text-layer-2">product</text>
                            <text x="107" y="96" class="svg-label1-text-layer-3">%</text>
                            <text x="30" y="98" class="svg-label1-text-layer-value">10</text>
                        </svg>
                    </div>
                </div>
                <span class="ox-banner-container"  style="padding:35px;max-width: 300px;">
                    <div class="spacer-xs">-</div>
                    <h5 class="title-font no-margin" style="line-height:1.3;font-weight: 500;">Get credit toward a new MacBook Air.</h5>
                </span>	
            </a>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-xl-3 col-lg-4 a-center"> 
        <div class="ox-banner banner-stretch-v image-auto image-auto-v" style="padding:35px; background: #f4f4f4;">
            <a class="ox-banner-link d-flex flex-column" href="#">
                <img src="{{media url=athlete2/Demos/fi/banner-laptop-small.png}}" alt="" />
                <span class="ox-banner-container" style="max-width: 240px;margin: auto;">
                    <div class="spacer-xs">-</div>
                    <h5 class="title-font no-margin" style="line-height:1.3;font-weight: 500;">Get credit toward a new MacBook Air.</h5>
                </span>	
            </a>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-xl-3 col-lg-4 a-center"> 
        <div class="ox-banner banner-stretch-v image-auto image-auto-v" style="padding:35px; background: #f4f4f4;">
            <a class="ox-banner-link d-flex flex-column" href="#">
                <img src="{{media url=athlete2/Demos/fi/banner-printer-small.png}}" alt="" />
                <span class="ox-banner-container">
                    <div class="spacer-xs">-</div>
                    <h5 class="title-font" style="line-height:1.3;font-weight: 500;margin-bottom: 5px;">Select Printers</h5>
                    <p class="no-margin" style="color: #646464;">Get up to $300 off</p>
                </span>	
            </a>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-xl-3 col-lg-4"> 
        <div class="ox-banner banner-stretch-v image-auto image-auto-v" style="padding:35px; background: #f4f4f4;">
            <a class="ox-banner-link d-flex flex-column" href="#">
                <img src="{{media url=athlete2/Demos/fi/banner-wprices.png}}" alt="" />
                <span class="ox-banner-container">
                    <div class="spacer-xs">-</div>
                    <h5 class="title-font" style="line-height:1.3;font-weight: 500;margin-bottom: 5px;">Get 50% off and a free case</h5>
                    <p class="no-margin" style="color: #646464;">with Galaxy S24+ series</p>
                </span>	
            </a>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-xl-3 col-lg-4 a-center"> 
        <div class="ox-banner banner-stretch-v image-auto image-auto-v" style="padding:35px; background: #f4f4f4;">
            <a class="ox-banner-link d-flex flex-column" href="#">
                <img src="{{media url=athlete2/Demos/fi/banner-fridge-small.png}}" alt="" />
                <span class="ox-banner-container">
                    <div class="spacer-xs">-</div>
                    <h5 class="title-font" style="line-height:1.3;font-weight: 500;margin-bottom: 5px;">Get 50% off and a free case</h5>
                    <p class="no-margin" style="color: #646464;">with Galaxy S24+ series</p>
                </span>	
            </a>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-xl-3 col-lg-4 a-center"> 
        <div class="ox-banner banner-stretch-v image-auto image-auto-v" style="padding:35px; background: #f4f4f4;">
            <a class="ox-banner-link d-flex flex-column" href="#">
                <img src="{{media url=athlete2/Demos/fi/banner-phone-small.png}}" alt="" />
                <span class="ox-banner-container">
                    <div class="spacer-xs">-</div>
                    <h5 class="title-font" style="line-height:1.3;font-weight: 500;margin-bottom: 5px;">Get 50% off and a free case</h5>
                    <p class="no-margin" style="color: #646464;">with Galaxy S24+ series</p>
                </span>	
            </a>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-xl-3 col-lg-4"> 
        <div class="ox-banner banner-stretch-v" style="background:#1C61E7">
            <a class="ox-banner-link" href="#">
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 410 330" enable-background="new 0 0 410 330" xml:space="preserve" fill="white" class="title-font" style="width:100%;height:100%">
                    <style>.text-layer-2{font-size:30px}.text-layer-3{font-size:50px}.text-layer-1{font-size:22px}.text-layer-value{font-size:190px}</style>
                    <rect fill="#1C61E7" width="410" height="330"></rect>
                    <text x="290" y="167" class="text-layer-2">Get</text>
                    <text x="290" y="200" class="text-layer-2">up to</text><text x="290" y="264" class="text-layer-3">%</text><text x="52" y="64" class="text-layer-1">Dont miss out on the</text><text x="52" y="92" class="text-layer-1">best deals.</text>
                    <text x="44" y="270" class="text-layer-value">30</text>
                </svg>
            </a>
        </div>
    </div>
</div>]]></content>
		</item>
		<item>
			<title>Athlete2 Footer Content - FI</title>
			<identifier>athlete2-footer-content-fi</identifier>
			<content><![CDATA[<div class="row" style="line-height: 1.6; max-width:885px">
	<div class="col-12 col-sm-6 col-md-4">
		<h4>About us</h4>
		<ul>
			<li><a href="#">About Us</a></li>
			<li><a href="#">Affiliate Program</a></li>
			<li><a href="#">Careers</a></li>
			<li><a href="#">Gift Shop</a></li>
			<li><a href="#">Group Sales</a></li>
			<li><a href="#">Sustainable impact</a></li>
			<li><a href="#">Investor relations</a></li>
			<li><a href="#">Press center</a></li>
		</ul>
	</div>
	<div class="col-12 col-sm-6 col-md-4">
		<h4>Ways to buy</h4>
		<ul>
			<li><a href="#">Customer Service</a></li>
			<li><a href="#">ScoreCard</a></li>
			<li><a href="#">Product Availability </a></li>
			<li><a href="#">Recalls</a></li>
			<li><a href="#">Return Policy</a></li>
		</ul>
	</div>
	<div class="col-12 col-sm-6 col-md-4">
		<h4>Support</h4>
		<ul>
			<li><a href="#">Support &amp; troubleshooting</a></li>
			<li><a href="#">Community</a></li>
			<li><a href="#">Authorized service providers</a></li>
			<li><a href="#">Fraud alert</a></li>
			<li><a href="#">Security Center</a></li>
		</ul>
	</div>	
</div>	]]></content>
		</item>
		<item>
			<title>Athlete2 Demo Key Features</title>
			<identifier>athlete2-key-features</identifier>
			<content><![CDATA[<div class="a-center medium-text r-padding" style="background: #f4f4f4;">
    <h2>Key Features</h2>
    <div class="row no-gutters">
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/speaker-50.png}}" alt="speaker" />
            <p>A17 Pro chip with 6-core GPU</p>
        </div>
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/sim-50.png}}" alt="sim" />
            <p>Superfast 5G cellular</p>
        </div>
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/battery-50.png}}" alt="battery" />
            <p>Up to 29 hours video playback2</p>
        </div>
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/cpu-50.png}}" alt="cpu" />
            <p>A17 Pro chip with 6-core GPU</p>
        </div>
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/phone-chat-50.png}}" alt="phone" />
            <p>Roadside Assistance via satellite</p>
        </div>
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/display-50.png}}" alt="display" />
            <p>Ultra Wide camera</p>
        </div>
    </div>
    <a class="button secondary bordered naked small rounded js-tab-link" href="#additional"><strong>See all Specs</strong></a>
</div>]]></content>
		</item>
		<item>
			<title>Athlete 2 Demo - Simple Description </title>
			<identifier>athlete2-simple-desc</identifier>
			<content><![CDATA[<div class="a-center">
    <h2 class="big">Icon reinvented</h2>   
    <div class="ox-max-width-1000">
    <p class="big-text">The latest version of the most popular gaming mouse, combines a legacy of performance with the most advanced gaming technologies. Also introduces hybrid optical-mechanical switches for the primary left and right buttons. </p>
    </div>
    <div class="spacer-regular">-</div>
    {{widget type="Olegnax\Athlete2\Block\Video" poster_url="" video_url="athlete2/Demos/fi/video/sample.mp4" lazy_video="1" autoplay_video="1" show_controls="0" show_play_button="1" button_position_vertical="top" button_color="white" button_bg="black"}}
</div>
{{block class="Magento\Cms\Block\Block" block_id="athlete2-key-features"}}]]></content>
		</item>
		<item>
			<title>Athlete2 Product Long Description Laptop</title>
			<identifier>athlete2-product-long-description-laptop</identifier>
			<content><![CDATA[<div class="a-center">
    <h1 class="r-fs-huge" style="font-weight:500">If you can dream it,<br> Mac can do it.</h1>   
    <div class="ox-max-width-800">
    <p>Say goodbye to the hassle of switching brush-rolls halfway through your cleaning routine. The Dual Brush is specially designed to effectively clean a range of floor types, including carpet, hardwood, and tile, all without interruption.</p>
    </div>
    <div class="spacer-regular">-</div>
    {{widget type="Olegnax\Athlete2\Block\Video" poster_url="" video_url="athlete2/Demos/fi/video/sample.mp4" lazy_video="1" autoplay_video="1" show_controls="0" show_play_button="1" button_position_vertical="top" button_color="white" button_bg="black"}}
</div>
<div class="ox-max-width-1000 r-padding-l">
    <div class="row">
        <div class="col-sm-6 "> 
            <h2>A new dimension for entertainment.</h2>
        </div>
        <div class="col-sm-6">
            <p class="big-text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
        </div>
    </div>
</div>


<div style="background: linear-gradient(90deg, rgb(234 255 252) 0%, rgb(228 255 228) 100%);">
    <div class="row no-margin" >
        <div class="col-md-6 d-flex justify-content-center r-padding-l">
           <img src="{{media url=&quot;athlete2/Demos/fi/galaxyzflip.jpg&quot;}}" alt="" />
        </div>
        <div class="col-md-6 r-padding-l"> 
            <div class="block-align-vertical ox-max-width-500">
                <h2>Your bestie for<br> stunning selfies</h2>
                <p>The majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
            </div>
        </div>
    </div>
    <div class="row no-margin" style="background: linear-gradient(90deg, rgb(234 255 252) 0%, rgb(228 255 228) 100%);">
        <div class="order-2 order-md-0 col-md-6 r-padding-l"> 
            <div class="block-align-vertical ox-max-width-500">
                <h2>A new dimension for entertainment.</h2>
                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
            </div>
        </div>
        <div class="col-md-6 d-flex justify-content-center r-padding-l">
            {{widget type="Olegnax\Athlete2\Block\Video" video_url="athlete2/Demos/fi/video/sample.mp4" width="454px" height="454px" lazy_video="1" autoplay_video="1" show_controls="0" show_play_button="1" button_position_vertical="bottom" button_color="white" button_bg="black"}}
        </div>
    </div>
</div>


<div class="row no-margin" >
    <div class="col-md-7 d-flex justify-content-center r-padding-l">
<img src="{{media url=&quot;athlete2/Demos/fi/mac-thin.jpg&quot;}}" alt="" />
    </div>
    <div class="col-md-5 r-padding-l"> 
        <div class="block-align-vertical ox-max-width-500">
            <h2 class="big">Designed to go places.</h2>
            <p>The majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
        </div>
    </div>
</div>

<div class="a-center medium-text r-padding" style="background: #f4f4f4;">
    <h2>Key Features</h2>
    <div class="row no-gutters">
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/speaker-50.png}}" alt="speaker" />
            <p>A17 Pro chip with 6-core GPU</p>
        </div>
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/sim-50.png}}" alt="sim" />
            <p>Superfast 5G cellular</p>
        </div>
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/battery-50.png}}" alt="battery" />
            <p>Up to 29 hours video playback2</p>
        </div>
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/cpu-50.png}}" alt="cpu" />
            <p>A17 Pro chip with 6-core GPU</p>
        </div>
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/phone-chat-50.png}}" alt="phone" />
            <p>Roadside Assistance via satellite</p>
        </div>
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/display-50.png}}" alt="display" />
            <p>Ultra Wide camera</p>
        </div>
    </div>
    <a class="button secondary bordered naked small rounded js-tab-link" href="#additional"><strong>See all Specs</strong></a>
</div>]]></content>
		</item>
		<item>
			<title>Athlete2 Product Long Description Coffe</title>
			<identifier>athlete2-product-long-description-coffe</identifier>
			<content><![CDATA[<div class="a-center">
    <h2>The ultimate machine for crafting your own coffee recipes</h2>   
    <div class="ox-max-width-800">
    <p>Whether you prefer full-bodied or decaffeinated coffee, black or with milk for cappuccinos or lattes, the Original machine is perfect for espresso lovers. It offers an effortless way to brew the perfect cup every morning with just the touch of a button.</p>
    </div>
    <div class="spacer-regular">-</div>
    {{widget type="Olegnax\Athlete2\Block\Video" poster_url="" video_url="athlete2/Demos/fi/video/sample.mp4" lazy_video="1" autoplay_video="1" show_controls="0" show_play_button="1" button_position_vertical="top" button_color="white" button_bg="black"}}
</div>
<div class="ox-max-width-1000 r-padding-l">
    <div class="row">
        <div class="col-sm-6 "> 
            <h2>A new dimension for entertainment.</h2>
        </div>
        <div class="col-sm-6">
            <p class="big-text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
        </div>
    </div>
</div>


<div style="background: linear-gradient(90deg, rgb(234 255 252) 0%, rgb(228 255 228) 100%);">
    <div class="row no-margin" >
        <div class="col-md-6 d-flex justify-content-center r-padding-l">
<img src="{{media url=athlete2/Demos/fi/galaxyzflip.jpg}}" alt="athlete2 demo galaxy" />
        </div>
        <div class="col-md-6 r-padding-l"> 
            <div class="block-align-vertical ox-max-width-500">
                <h2>Your bestie for<br> stunning selfies</h2>
                <p>The majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
            </div>
        </div>
    </div>
    <div class="row no-margin" style="background: linear-gradient(90deg, rgb(234 255 252) 0%, rgb(228 255 228) 100%);">
        <div class="order-2 order-md-0 col-md-6 r-padding-l"> 
            <div class="block-align-vertical ox-max-width-500">
                <h2>A new dimension for entertainment.</h2>
                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
            </div>
        </div>
        <div class="col-md-6 d-flex justify-content-center r-padding-l">
            {{widget type="Olegnax\Athlete2\Block\Video" video_url="athlete2/Demos/fi/video/sample.mp4" width="454px" height="454px" lazy_video="1" autoplay_video="1" show_controls="0" show_play_button="1" button_position_vertical="bottom" button_color="white" button_bg="black"}}
        </div>
    </div>
</div>


<div class="row no-margin" >
    <div class="col-md-7 d-flex justify-content-center r-padding-l">
<img src="{{media url=&quot;athlete2/Demos/fi/h03-4.jpg&quot;}}" alt="" />
    </div>
    <div class="col-md-5 r-padding-l"> 
        <div class="block-align-vertical ox-max-width-500">
            <h2 class="big">Designed to go places.</h2>
            <p>The majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
        </div>
    </div>
</div>

<div class="a-center medium-text r-padding" style="background: #f4f4f4;">
    <h2>Key Features</h2>
    <div class="row no-gutters">
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/speaker-50.png}}" alt="speaker" />
            <p>A17 Pro chip with 6-core GPU</p>
        </div>
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/sim-50.png}}" alt="sim" />
            <p>Superfast 5G cellular</p>
        </div>
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/battery-50.png}}" alt="battery" />
            <p>Up to 29 hours video playback2</p>
        </div>
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/cpu-50.png}}" alt="cpu" />
            <p>A17 Pro chip with 6-core GPU</p>
        </div>
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/phone-chat-50.png}}" alt="phone" />
            <p>Roadside Assistance via satellite</p>
        </div>
        <div class="col-6 col-lg-4 r-padding">
            <img src="{{media url=athlete2/Demos/fi/display-50.png}}" alt="display" />
            <p>Ultra Wide camera</p>
        </div>
    </div>
    <a class="button secondary bordered naked small rounded js-tab-link" href="#additional"><strong>See all Specs</strong></a>
</div>]]></content>
		</item>
		<item>
			<title>Athlete2 Demo - Subcategories</title>
			<identifier>athlete2-demos-subcategories</identifier>
			<content><![CDATA[<div class="container">
{{widget type="Olegnax\Athlete2\Block\SubcategoriesSlider" template="Olegnax_Athlete2::widgets/subcategories_slider.phtml" show_category_image="1" thumb="custom" thumb_height="100" thumb_width="140" show_product_count="1" show_category_name="1" category_name_tag="span" style="1" hover_effect="zoom-out"  columns_desktop="6" columns_desktop_small="5" columns_tablet="3" columns_mobile="2"  nav="1" nav_style="s-fadeover" nav_always="1" scrollbar="1" drag="1" columns_align_center="1"}}
</div>]]></content>
		</item>
		<item>
			<title>Athlete2 Demo - Appliances Banner Below Toolbar</title>
			<identifier>athlete2-demo-appliances-banner-below-toolbar</identifier>
			<content><![CDATA[<div class="row no-margin">
    <div class="col-md-6" style="padding: 60px 4%;background: linear-gradient(90deg, rgb(234 255 252) 0%, rgb(228 255 228) 100%);padding: clamp(25px,14px + 2.6vw,60px);"> 
        <div class="block-align-vertical ox-max-width-500" style="margin-left: 0;">
            <h6 style="margin-bottom: 8px;">Save up to $900</h6>
            <h2 class="big">Designed to be seen</h2>
            <p class="no-margin"><a class="button rounded small wide" href="https://athlete2.com/au/men.html/" style="--a2-btn-color: white;--a2-btn-bg: #222;"><span>shop collection</span></a></p>
        </div>
    </div>
    <div class="col-md-6 no-padding" style="background:#f8f8f8">
		<div class="ox-banner image-cover ox-banner-medium banner-stretch banner-stretch-v" style="height:350px">
			<a class="ox-banner-link" href="https://athlete2.com/au/men.html/">
{{widget type="Olegnax\Athlete2\Block\Video" video_url="athlete2/Demos/fi/video/sample.mp4" stretch="1" lazy_video="1" autoplay_video="1" show_controls="0" show_play_button="1" button_position_vertical="top"}}
			</a>
		</div>
    </div>
</div>]]></content>
		</item>
		<item>
			<title>Athlete2 Demo - Subcategories Appliances</title>
			<identifier>athlete2-demos-subcategories-appliances</identifier>
			<content><![CDATA[<div class="container">
{{widget type="Olegnax\Athlete2\Block\Subcategories" template="Olegnax_Athlete2::widgets/subcategories_grid.phtml" show_category_image="1" thumb="custom" thumb_height="100" thumb_width="140" show_product_count="1" show_category_name="1" category_name_tag="span" style="1" hover_effect="zoom-out"  columns_align_center="1" column_width_fit="1" }}
</div>]]></content>
		</item>
		<item>
			<title>Athlete2 Demo - Mobile Banner Below Toolbar</title>
			<identifier>athlete2-demo-mobile-banner-below-toolbar</identifier>
			<content><![CDATA[<div class="row no-gutters" style="background: linear-gradient(230deg,#e4ffe4 0%, #e8fff3 100%);">
    <div class="col-md-6 r-padding a-center-m"> 
        <div class="block-align-vertical ox-max-width-500">
            <h2 class="r-fs-big">A new dimension for entertainment.</h2>
        </div>
    </div>
    <div class="col-md-6 d-flex justify-content-center r-padding-s">
        {{widget type="Olegnax\Athlete2\Block\Video" video_url="athlete2/Demos/fi/video/sample.mp4" width="400" height="400" lazy_video="1" autoplay_video="1" show_controls="0" show_play_button="1" button_position_vertical="bottom" button_color="white" button_bg="black"}}
    </div>
</div>]]></content>
		</item>
		<item>
			<title>Athlete2 Demo - Category Below Products</title>
			<identifier>athlete2-demo-category-below-products</identifier>
			<content><![CDATA[<div class="pr-15 pl-15 pl-lg-0 pr-lg-30">
<div class="spacer-big"></div>
<h1>Experience Elegance and Performance with Athlete2: Your Ultimate Magento 2 Theme</h1>
<div class="ox-expand minimized" data-max-height="200">
	<div class="ox-expand__inner" aria-expanded="false" style="max-height:200px">
<p>Welcome to Athlete2, where cutting-edge design meets seamless functionality. Dive into a world of unparalleled customization and user experience, tailored specifically for Magento 2 users who demand nothing but the best. Here's why Athlete2 stands out as the supreme choice for your online store:</p>

<p>Stunning Visuals.<br>
Athlete2 boasts a captivating, modern design that immediately captures your visitors' attention. With its visually appealing layouts and intuitive navigation, your customers will enjoy a seamless browsing experience, effortlessly exploring your products.</p>

<p>Mobile-First Approach, Perfect Responsiveness.<br>
In today's mobile-driven world, Athlete2 takes the lead with its mobile-first approach. Your website will look stunning and function flawlessly across all devices and screen sizes, ensuring that your customers can shop conveniently, whether they're on a smartphone, tablet, or desktop.</p>

<p>Unmatched Customization, Tailored to Your Brand.<br>
One size doesn't fit all. Athlete2 understands that your brand is unique. With an array of customization options, you can personalize every aspect of your website, from colors and fonts to layout and content. Craft a digital storefront that mirrors your brand identity and captivates your audience.</p>

<p>Blazing Fast Performance, Higher Conversions.<br>
Speed matters. Athlete2 is optimized for lightning-fast performance, ensuring that your website loads in the blink of an eye. Studies show that faster websites lead to higher conversion rates, meaning your visitors are more likely to turn into loyal customers, boosting your sales and revenue.</p>

<p>Dedicated Support and Regular Updates.<br>
Your success is our priority. Athlete2 comes with dedicated customer support and regular updates, ensuring that your website remains secure, up-to-date, and equipped with the latest features. Have peace of mind knowing that our expert team is here to assist you every step of the way.</p>

<p>Trusted by Thousands, Loved by Customers.<br>
Athlete2 has earned the trust of thousands of businesses worldwide. Its proven track record and positive user reviews are a testament to its reliability and effectiveness. Join the ranks of successful online entrepreneurs who have transformed their businesses with Athlete2.</p>

<p>Elevate your online store to new heights with Athlete2, the Magento 2 theme that combines aesthetics with functionality, creating an unforgettable shopping experience for your customers. Try Athlete2 today and witness the transformation of your eCommerce venture into a powerhouse of sales and customer satisfaction.</p>
</div>
	<div class="ox-expand__link button naked bordered rounded small wide">
		<span class="more">Show more</span>
		<span class="less">Show less</span>
	</div>
</div>

<!-- ----------------FAQ------------------ -->

<div class="spacer-big"></div>
<div style="font-size:16px;">

<h1>Frequently Asked Questions</h1>
<strong>Why Athlete2 stands out as the supreme choice for your online store?</strong>
<div class="ox-toggle collapsible big right icon-noanim icon-no-hover">
    <div class="ox-toggle-title reset-font">
        <div class="toggle-minus"><span>+</span></div>
        <span>Stunning Visuals.</span>
    </div>
    <div class="ox-toggle-content"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut volutpat tellus, nec posuere metus. Curabitur urna mi, tempor id tempus sed, sollicitudin sagittis odio. Curabitur eu feugiat ipsum. Morbi et mollis nisl. Duis metus sem, pretium vel lacinia sit amet, faucibus sit amet augue. Ut elementum massa at mauris consequat, et euismod neque suscipit. Nullam vel magna at ex dapibus pretium a quis turpis. Nunc justo magna, luctus sit amet accumsan nec, rutrum nec nisl. Nam at pretium tellus, ut placerat felis. Phasellus vitae urna in lectus gravida tincidunt eget eu neque. Vestibulum laoreet est ipsum.</p>

        <p>Sed ut placerat sapien, et ullamcorper lorem. Sed ultrices venenatis sapien, eu molestie leo feugiat ac. Sed finibus ante eu lacinia ornare. Nam rutrum quam non justo bibendum, quis faucibus magna ornare. Curabitur in finibus tortor, a luctus est. Morbi eget metus id libero egestas tempor ut ac risus.</p></div>
</div>

<div class="ox-toggle collapsible big right icon-noanim icon-no-hover">
    <div class="ox-toggle-title reset-font">
        <div class="toggle-minus"><span>+</span></div>
        <span>Mobile-First Approach, Perfect Responsiveness.</span>
    </div>
    <div class="ox-toggle-content"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut volutpat tellus, nec posuere metus. Curabitur urna mi, tempor id tempus sed, sollicitudin sagittis odio. Curabitur eu feugiat ipsum. Morbi et mollis nisl. Duis metus sem, pretium vel lacinia sit amet, faucibus sit amet augue. Ut elementum massa at mauris consequat, et euismod neque suscipit. Nullam vel magna at ex dapibus pretium a quis turpis. Nunc justo magna, luctus sit amet accumsan nec, rutrum nec nisl. Nam at pretium tellus, ut placerat felis. Phasellus vitae urna in lectus gravida tincidunt eget eu neque. Vestibulum laoreet est ipsum.</p>

        <p>Sed ut placerat sapien, et ullamcorper lorem. Sed ultrices venenatis sapien, eu molestie leo feugiat ac. Sed finibus ante eu lacinia ornare. Nam rutrum quam non justo bibendum, quis faucibus magna ornare. Curabitur in finibus tortor, a luctus est. Morbi eget metus id libero egestas tempor ut ac risus.</p></div>
</div>

<div class="ox-toggle collapsible big right icon-noanim icon-no-hover">
    <div class="ox-toggle-title reset-font">
        <div class="toggle-minus"><span>+</span></div>
        <span>Unmatched Customization, Tailored to Your Brand.</span>
    </div>
    <div class="ox-toggle-content"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut volutpat tellus, nec posuere metus. Curabitur urna mi, tempor id tempus sed, sollicitudin sagittis odio. Curabitur eu feugiat ipsum. Morbi et mollis nisl. Duis metus sem, pretium vel lacinia sit amet, faucibus sit amet augue. Ut elementum massa at mauris consequat, et euismod neque suscipit. Nullam vel magna at ex dapibus pretium a quis turpis. Nunc justo magna, luctus sit amet accumsan nec, rutrum nec nisl. Nam at pretium tellus, ut placerat felis. Phasellus vitae urna in lectus gravida tincidunt eget eu neque. Vestibulum laoreet est ipsum.</p>

        <p>Sed ut placerat sapien, et ullamcorper lorem. Sed ultrices venenatis sapien, eu molestie leo feugiat ac. Sed finibus ante eu lacinia ornare. Nam rutrum quam non justo bibendum, quis faucibus magna ornare. Curabitur in finibus tortor, a luctus est. Morbi eget metus id libero egestas tempor ut ac risus.</p></div>
</div>

<div class="ox-toggle collapsible big right icon-noanim icon-no-hover">
    <div class="ox-toggle-title reset-font">
        <div class="toggle-minus"><span>+</span></div>
        <span>Trusted by Thousands, Loved by Customers.</span>
    </div>
    <div class="ox-toggle-content"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut volutpat tellus, nec posuere metus. Curabitur urna mi, tempor id tempus sed, sollicitudin sagittis odio. Curabitur eu feugiat ipsum. Morbi et mollis nisl. Duis metus sem, pretium vel lacinia sit amet, faucibus sit amet augue. Ut elementum massa at mauris consequat, et euismod neque suscipit. Nullam vel magna at ex dapibus pretium a quis turpis. Nunc justo magna, luctus sit amet accumsan nec, rutrum nec nisl. Nam at pretium tellus, ut placerat felis. Phasellus vitae urna in lectus gravida tincidunt eget eu neque. Vestibulum laoreet est ipsum.</p>

        <p>Sed ut placerat sapien, et ullamcorper lorem. Sed ultrices venenatis sapien, eu molestie leo feugiat ac. Sed finibus ante eu lacinia ornare. Nam rutrum quam non justo bibendum, quis faucibus magna ornare. Curabitur in finibus tortor, a luctus est. Morbi eget metus id libero egestas tempor ut ac risus.</p></div>
</div>
</div>
</div>]]></content>
		</item>
		<item>
			<title>Athlete2 - Above Footer Banner Infinite Slider Fi</title>
			<identifier>athlete2-above-footer-banner-islider-fi</identifier>
			<content><![CDATA[<h6 class="d-flex align-items-center justify-content-center" style="gap:20px;margin: 0 16px 0 0;">dont miss the <span class="at-highlight" style="background:white;color:black">flash sale</span> only 78 hours <a href="#" class="border-bottom">click for details</a> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve" style="width: 20px;height: 20px;"><polygon points="14.918,0.013 5.478,9.795 9.006,11.985 5.082,19.987 14.51,10.193 10.985,8.011 "></polygon>
</svg></h6>]]></content>
		</item>
		<item>
			<title>Athlete2 Demo - Content Above Footer Finland</title>
			<identifier>athlete2-demo-content-above-footer-finland</identifier>
			<content><![CDATA[<div class="row centered-iblocks -stretch" style="min-height: 110px;">
            <div class="iblock">
                <div class="icon-wrapper">
                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40px" height="40px" viewBox="0 0 40 40" xml:space="preserve">
                        <path style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;" d="M7,17.1v-2.3C7,7.4,12.5,2,20,2s13,5.4,13,12.9v2.3"/>
                        <path style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;" d="M25,35c4.5,0,6.5-0.5,8-5"/>
                        <path d="M21,34.1c2.4,0,3.8,1.1,3.8,1.4s-1.3,1.4-3.8,1.4s-3.8-1.1-3.8-1.4S18.6,34.1,21,34.1 M21,32c-3.3,0-6,1.6-6,3.5 s2.7,3.5,6,3.5s6-1.6,6-3.5S24.3,32,21,32L21,32z"/>
                        <path d="M7,19v9H6c-1.1,0-2-0.9-2-2v-5c0-1.1,0.9-2,2-2H7 M9,17H6c-2.2,0-4,1.8-4,4v5c0,2.2,1.8,4,4,4h3V17L9,17z"/>
                        <path d="M34,19c1.1,0,2,0.9,2,2v5c0,1.1-0.9,2-2,2h-1v-9H34 M34,17h-3v13h3c2.2,0,4-1.8,4-4v-5C38,18.8,36.2,17,34,17L34,17z"/>
                    </svg>                        
                </div>
                <div class="content-wrapper">
                    <h6 class="no-margin" style="letter-spacing:0;">24/7 support<br>call us now</h6>
                </div>
            </div>
            <div class="iblock">
                <div class="icon-wrapper">
                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="62" height="40"
                    viewBox="0 0 62 40" style="enable-background:new 0 0 62 40;" xml:space="preserve">
                    <path d="M23,29c1.7,0,3,1.3,3,3s-1.3,3-3,3s-3-1.3-3-3S21.3,29,23,29 M23,27c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5S25.8,27,23,27 L23,27z"/>
                    <path d="M52,29c1.7,0,3,1.3,3,3s-1.3,3-3,3s-3-1.3-3-3S50.3,29,52,29 M52,27c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5S54.8,27,52,27 L52,27z"/>
                    <path d="M13,29v-1h-2v0.4c0,2,1.6,3.6,3.6,3.6H18c0-0.7,0.2-1.4,0.4-2H14C13.4,30,13,29.6,13,29z"/>
                    <path d="M59,18.1v-4.5c0-2-1.6-3.6-3.6-3.6H46V6.6c0-2-1.6-3.6-3.6-3.6H14.6c-2,0-3.6,1.6-3.6,3.6V8h2V6c0-0.6,0.5-1,1-1H43
                        c0.6,0,1,0.5,1,1v4v8v2v10H27.6c0.3,0.6,0.4,1.3,0.4,2h16h2h1c0-0.7,0.2-1.4,0.4-2H46V20h13c0.5,0,1,0.4,1,1v8c0,0.5-0.4,1-1,1
                        h-2.4c0.3,0.6,0.4,1.3,0.4,2h1.4c2,0,3.6-1.6,3.6-3.6v-6.9C62,19.8,60.7,18.3,59,18.1z M57,18H46v-6h10c0.6,0,1,0.4,1,1V18z"/>
                    <rect x="6" y="11" width="12" height="2"/>
                    <rect x="2" y="17" width="14" height="2"/>
                    <rect y="23" width="14" height="2"/>
                    </svg>
                </div>
                <div class="content-wrapper">
                    <h6 class="no-margin" style="letter-spacing:0;">Free Shipping<br>Over 100$</h6>
                </div>
            </div>
            <div class="iblock">
                <div class="icon-wrapper">
                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="47" height="40"
                    viewBox="0 0 47 40" enable-background="new 0 0 47 40" xml:space="preserve">
                        <rect x="2" y="10" width="43" height="2"/>
                        <rect x="2" y="18" width="43" height="2"/>
                        <rect x="23" y="28" width="12" height="2"/>
                        <rect x="37" y="28" width="5" height="2"/>
                        <path d="M43,3H4C1.8,3,0,4.8,0,7v26c0,2.2,1.8,4,4,4h39c2.2,0,4-1.8,4-4V7C47,4.8,45.2,3,43,3z M45,10v2v6v2v13c0,2,0,2-2,2H4
                            c-2,0-2,0-2-2V20v-2v-6v-2V7c0-2,0-2,2-2h39c2,0,2,0,2,2V10z"/>
                    </svg>
                </div>
                <div class="content-wrapper">
                    <h6 class="no-margin" style="letter-spacing:0;">secure &amp; fast <br>payments</h6>
                </div>
            </div>
            <div class="iblock">
                <div class="icon-wrapper">
                    <svg version="1.1"xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="40"
                        viewBox="0 0 40 40" xml:space="preserve">
                    <path d="M9.8,7.7c2.9-2.4,6.7-3.9,10.9-3.7c7,0.3,13.1,5.2,14.8,11.9c1,4,0.5,7.8-1.2,11.1c-0.2,0.4-0.1,0.9,0.3,1.2l0,0
                        c0.5,0.4,1.2,0.2,1.5-0.3c1.8-3.6,2.4-7.9,1.3-12.3C35.5,7.8,28.8,2.3,20.7,2c-4.8-0.2-9,1.5-12.2,4.2C8,6.6,8,7.4,8.5,7.8l0,0
                        C8.9,8.1,9.4,8,9.8,7.7z"/>
                    <path d="M30.2,32.3c-2.8,2.4-6.5,3.8-10.5,3.7c-7-0.1-13.2-4.9-15.1-11.6C3.5,20.3,4,16.3,5.7,12.9c0.2-0.4,0.1-0.9-0.3-1.2l0,0
                        c-0.5-0.4-1.2-0.2-1.5,0.3C2,15.8,1.4,20.3,2.7,24.9c2.2,7.8,9.1,13,17.2,13.1c4.5,0,8.6-1.6,11.7-4.2c0.5-0.4,0.5-1.2,0-1.6l0,0
                        C31.1,31.9,30.6,32,30.2,32.3z"/>
                    <path d="M17,8c0-0.5-0.5-1-1-1h-6V1c0-0.5-0.5-1-1-1S8,0.5,8,1v7c0,0.5,0.5,1,1,1h7C16.5,9,17,8.5,17,8z"/>
                    <path d="M23,32c0,0.5,0.5,1,1,1h6v6c0,0.5,0.5,1,1,1s1-0.5,1-1v-7c0-0.5-0.5-1-1-1h-7C23.5,31,23,31.5,23,32z"/>
                    </svg>
                </div>
                <div class="content-wrapper">
                    <h6 class="no-margin" style="letter-spacing:0;">Hassle-Free <br>Returns</h6>
                </div>
            </div>
        </div>
{{widget type="Olegnax\Athlete2\Block\ISlide" block_id="athlete2-above-footer-banner-islider-fi" slide_time="10000" pause_on_hover="1"  items_width="auto" clone="1" padding="16px 0" bg_color="rgb(225, 238, 98)" text_color="black"}}

]]></content>
		</item>
		<item>
			<title>Athlete2 Custom Product Tab 02</title>
			<identifier>athlete2-custom-product-tab-02</identifier>
			<content><![CDATA[<h4>* This is a custom tab. You can add any content here just like on the page.</h4>
{{block class="Magento\Cms\Block\Block" block_id="athlete2-demo-8-banners"}}]]></content>
		</item>
		<item>
			<title>Athlete2 Recently Viewed</title>
			<identifier>athlete2-recently-viewed</identifier>
			<content><![CDATA[<div class="container">{{widget type="Olegnax\ProductSlider\Block\RecentlyViewed" uiComponent="widget_recently_viewed" page_size="12" show_title="1" title="Recently Viewed" title_align="left" title_tag="h3" title_side_line="0" show_attributes="name,image,price" show_buttons="add_to_cart,add_to_compare,add_to_wishlist"template="Olegnax_ProductSlider::product/widget/viewed/carouselv7.phtml" columns_desktop="6" columns_desktop_small="5" columns_tablet="4" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" products_layout_centered="1" thumb_carousel="0" banners_enabled="0" bordered_style="" show_num="0"}}</div>
]]></content>
		</item>
		<item>
			<title>athlete2-demo-grid-banner-02</title>
			<identifier>athlete2-demo-grid-banner-02</identifier>
			<content><![CDATA[<div class="ox-banner flex-column banner-stretch-v image-auto-v" style="background:#f1f5ff">
    <a class="ox-banner-link d-flex flex-column r-padding-s" href="#">
        <img src="{{media url=&quot;athlete2/Demos/fi/prod-grid-promo.jpg&quot;}}" alt="" />  
        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 156 156" xml:space="preserve" fill="black" class="title-font" style="position: absolute;right: 0;top: 0;width: 35%;max-width: 200px;z-index: 1;">
            <style>.svg-label3-text-layer{font-size:27px;font-weight:600}.svg-label3-text-layer-value{font-size:72px}</style>
            <rect fill="yellow" width="164" height="210"></rect>
            <text x="34" y="50" class="svg-label3-text-layer">OFF</text>                            
            <text x="101" y="50" class="svg-label3-text-layer">%</text>
            <text x="34" y="122" class="svg-label3-text-layer-value">30</text>
        </svg>      
        <div class="ox-banner-container">
            <h5 class="title-font no-margin">Bespoke Jet Cordless Stick Vacuum with All-in-One Clean Station</h5>
        </div>
    </a>
    <a href="#" class="button medium" style="width: 100%;">shop now</a>
</div>	
]]></content>
		</item>
		<item>
			<title>Athlete2 Demo 2 banners</title>
			<identifier>athlete2-demo-2banners</identifier>
			<content><![CDATA[<div class="row">
  <div class="ox-banner ox-banner-text-below col-md-6">
    <a class="ox-banner-link" href="#">
      <img src='{{media url="athlete2/Demos/fi/home-banner-01.jpg"}}' width="820" height="522" alt="athlete2 theme home banner" />
    </a>
    <div class="ox-banner-content">
      <a href="#">
        <h3>Keep up with the times with the latest technological innovations from...</h3>
        <span class="button underline">Explore the latest products</span>
      </a>
    </div>
  </div>
  <div class="ox-banner ox-banner-text-below col-md-6">
    <a class="ox-banner-link" href="#">
      <img src='{{media url="athlete2/Demos/fi/home-banner-02.jpg"}}' width="820" height="522" alt="athlete2 theme home banner" />
    </a>
    <div class="ox-banner-content">
      <a href="#" style="color:black">
        <p><strong>Valid until 28.09.2028</strong></p>
        <h3>The gift of following your passion, anywhere.</h3>
        <p>Aenean vestibulum lacus ac orci volutpat efficitur. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
      </a>
    </div>
  </div>
</div>
]]></content>
		</item>
		<item>
			<title>athlete2-demo-grid-banner-03</title>
			<identifier>athlete2-demo-grid-banner-03</identifier>
			<content><![CDATA[<div class="ox-banner ox-banner-image-bg banner-stretch-v">
            <a class="ox-banner-link" href="#">
<img src="{{media url=&quot;athlete2/Demos/fi/grid-big-banner.jpg&quot;}}" alt="" />
                <span class="ox-banner-container">
                    <h2 style="color:black">Bespoke Jet Cordless Stick Vacuum with All-in-One Clean Station</h2>
<span class="button" style="--a2-btn-bg:rgb(44, 41, 48)">Explore</span>
<div class="spacer-big">-</div>
                </span>
            </a>
</div>]]></content>
		</item>
		<item>
			<title>Athlete2 Demo islide banners</title>
			<identifier>athlete2-demo-islide-banners</identifier>
			<content><![CDATA[<div class="d-flex" style="gap:25px">

<div class="ox-banner">
            <a class="ox-banner-link" href="#">
                <img src="{{media url=&quot;athlete2/Demos/fi/islide-banners-04.png&quot;}}" alt="athlete2 demo sample banner" />
            </a>
</div>

<div class="ox-banner">
            <a class="ox-banner-link" href="#">
                <img src="{{media url=&quot;athlete2/Demos/fi/islide-banners-03.png&quot;}}" alt="athlete2 demo sample banner" />
            </a>
</div>

<div class="ox-banner ox-banner-content-overlay banner-stretch-v v-top" style="height: 244px;">
            <a class="ox-banner-link" href="#">
 {{widget type="Olegnax\Athlete2\Block\Video" video_url="athlete2/Demos/fi/video/sample.mp4" poster_url="" width="400" height="244" autoplay_video="1" lazy_video="1" show_controls="0" show_play_button="1" button_position_vertical="top" button_color="white" button_bg="black"  stretch="1"}}
                <div class="ox-banner-container bottom">
                <h4 class="title-font no-margin" style="line-height:1.3;color: white;white-space: break-spaces;">Explore the best coffee machines</h4>
                </div>	
            </a>
</div>

<div class="ox-banner">
            <a class="ox-banner-link" href="#">
                <img src="{{media url=&quot;athlete2/Demos/fi/islide-banners-02.png&quot;}}" alt="athlete2 demo sample banner" />
            </a>
</div>

<div class="ox-banner ox-banner-content-overlay h-left v-top">
            <a class="ox-banner-link" href="#">
                <img src="{{media url=&quot;athlete2/Demos/fi/islide-banners-01.png&quot;}}" alt="athlete2 demo sample banner" />
                <span class="ox-banner-container">
                    <h3 style="font-size: 24px;color:black">Best printers <br>for home &amp; office</h3>
                    <span class="button small">Shop now</span>
                </span>
            </a>
</div>

</div>]]></content>
		</item>
	</blocks>
	<pages>
		<item>
			<title>Athlete2 Demo Home Fi</title>
			<page_layout>1column</page_layout>
			<meta_keywords></meta_keywords>
			<meta_description></meta_description>
			<identifier>athlete2-home-fi</identifier>
			<content_heading></content_heading>
			<content><![CDATA[{{widget type="Olegnax\Carousel\Block\Widget\Carousel" carousel="home-fi" css_only="0" loop="0" rewind="1" nav="1" nav_style="simple" nav_always="0" dots="1" dots_align="center" dots_position="over" dots_overlay="true" dots_style="lines_text" autoplay="3" pause_on_hover="1" progress="1" progress_position="nav" columns_desktop="1" columns_desktop_small="1" columns_tablet="1" columns_mobile="1" slider_height="settings" auto_height="0" height_desktop="670" height_mobile="1000"  lazy_load="noexclude" lazy_exclude_first="1"}}

<div class="spacer-small">-</div>

<div class="a-center">
<h2>Top Categories</h2>
<div class="spacer-xs">-</div>
{{widget type="Olegnax\Athlete2\Block\Subcategories" categories="289,283,284,286,285,326,287,328,327,331,288,290" template="Olegnax_Athlete2::widgets/subcategories_grid.phtml" show_category_image="1" thumb="custom" thumb_height="100" thumb_width="140" show_product_count="1" show_category_name="1" category_name_tag="span" style="1" vertical="0" custom_width="0" column_width_fit="0" columns_desktop="6" columns_desktop_small="4" columns_tablet="3" columns_mobile="2"}}
</div>
<div class="spacer-regular">-</div>
{{block class="Magento\Cms\Block\Block" block_id="athlete2-Demo-tabs-with-products"}}
<div class="spacer-small">-</div>
{{block class="Magento\Cms\Block\Block" block_id="athlete2-flash-sale-huge"}}
<div class="spacer-small">-</div>
{{widget type="Olegnax\ProductSlider\Block\OnSaleProducts" show_title="0" title_side_line="0" show_pager="0" products_count="6" template="Olegnax_ProductSlider::list.phtml" columns_desktop="3" columns_desktop_small="3" columns_tablet="2" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="0" show_wishlist="0" show_compare="0" show_review="0" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="1" quickview_position="" show_stock_status="0" show_in_stock="0" show_swatches="0" products_layout_centered="0" thumb_carousel="0" banners_enabled="0" bordered_style="" show_num="0"}}

<div class="spacer-small">-</div>
{{block class="Magento\Cms\Block\Block" block_id="athlete2-home-tabs-with-banners"}}

<div class="row">
	<div class="col-lg-4 col-xl-3">
		<div class="spacer-regular">-</div>
		<h2 class="h1">Don't miss out on exclusive deals.</h2>
		<div class="spacer-small">-</div>
		<a href="#" class="button underline">Discover more exclusive deals</a>
		<div class="spacer-regular">-</div>
	</div>
	<div class="col-lg-8 col-xl-9">
 {{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="0" title="" title_align="center" title_tag="h3" title_side_line="0" show_pager="0" products_count="8" category_ids="2" template="Olegnax_ProductSlider::carouselv7.phtml" columns_desktop="3" columns_desktop_small="3" columns_tablet="3" columns_mobile="2" loop="0" rewind="0"  nav="1" nav_position="left-right" dots="1" dots_align="center" autoplay="1" autoplay_time="2000" pause_on_hover="1" show_addtocart="0" show_wishlist="1" show_compare="1" show_review="1" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="1" show_stock_status="0" show_in_stock="0" show_swatches="1" products_layout_centered="1" thumb_carousel="1" thumb_carousel_logic="all" thumb_carousel_show_dots="1" banners_enabled="0" bordered_style="disable" quickview_button_style="outline"}}
	</div>
</div>

<div class="spacer-regular">-</div>
{{block class="Magento\Cms\Block\Block" block_id="athlete2-demo-video-banner"}}

<div class="spacer-medium">-</div>
<div class="a-center">
<h2 class="h1 no-margin">Accessories.</h2>
<h3 style="color: #a1a1a1;font-weight:400">Essentials for your devices.</h3>
<div class="spacer-xs">-</div>
</div>
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="0" title_side_line="0" show_pager="1" products_per_page="5" products_count="30" category_ids="2" template="Olegnax_ProductSlider::gridv7.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="0" show_review="1" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="0" quickview_button_style="secondary bordered naked rounded" quickview_position="" show_stock_status="0" show_in_stock="0" show_swatches="1" products_layout_centered="1" thumb_carousel="0" thumb_carousel_logic="all" thumb_carousel_show_dots="1" thumb_carousel_dots_pos="bottom" banners_enabled="0" bordered_style="" show_num="0" page_var_name="pebcre"}}

{{widget type="Olegnax\Athlete2\Block\ISlide" block_id="athlete2-demo-islide-banners" slide_time="35000" clone="1" clones_amount="3" gap="25px" pause_on_hover="1" absolute="0" padding="0" no_overflow="1"}}
<div class="spacer-medium">-</div>

<div class="row">
<div class="col-lg-6">
<h2 >Popular on Sale</h2>
{{widget type="Olegnax\ProductSlider\Block\OnSaleProducts" show_title="0" title_side_line="0" show_pager="0" products_count="5" template="Olegnax_ProductSlider::listv4.phtml" columns_desktop="1" columns_desktop_small="1" columns_tablet="1" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="0" show_wishlist="0" show_compare="0" show_review="1" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="1" quickview_position="" show_stock_status="0" show_in_stock="0" show_swatches="0" products_layout_centered="0" thumb_carousel="0" banners_enabled="0" bordered_style="" show_num="1"}}
</div>
<div class="col-lg-6">
<h2 >Best Selling Products</h2>
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="0" title_side_line="0" show_pager="0" products_count="5"  category_ids="2"  template="Olegnax_ProductSlider::listv3.phtml" columns_desktop="1" columns_desktop_small="1" columns_tablet="1" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="0" show_compare="0" show_review="0" review_count="0" hide_name="0" hide_price="0" show_desc="0" show_quickview="0" quickview_position="" show_stock_status="0" show_in_stock="0" show_swatches="0" products_layout_centered="0" thumb_carousel="0" banners_enabled="0" bordered_style="" show_num="1"}}

</div>
</div>

<div class="spacer-medium">-</div>
{{widget type="Olegnax\BrandSlider\Block\BrandSlider" items_attr="" items_list="" height="200" width="200" auto_scroll="2" scroll_items="1" rewind="1" nav="show" image_hover="default" nolink="0" template="Olegnax_BrandSlider::brandslider.phtml" bordered="1"}}



<div class="spacer-regular">-</div>
{{block class="Magento\Cms\Block\Block" block_id="athlete2-demo-long-banner2"}}
]]></content>
			<sort_order>0</sort_order>
			<layout_update_xml></layout_update_xml>
			<custom_theme></custom_theme>
			<custom_root_template></custom_root_template>
			<custom_layout_update_xml></custom_layout_update_xml>
			<custom_theme_from></custom_theme_from>
			<custom_theme_to></custom_theme_to>
			<meta_title></meta_title>
			<layout_update_selected></layout_update_selected>
		</item>
		<item>
			<title>Categories Widget</title>
			<page_layout>1column</page_layout>
			<meta_keywords></meta_keywords>
			<meta_description></meta_description>
			<identifier>categories-widget</identifier>
			<content_heading></content_heading>
			<content><![CDATA[
<div class="a-center">
<div class="spacer-small">&nbsp;</div>
<span class="small-subtitle">new in 1.8</span>
<h1 class="r-fs-big a-center">Subcategories Widget</h1>
<p class="medium-text">Choose from various layouts, set columns and show/hide different elements to get the desired look.</p>
<div class="spacer-regular">&nbsp;</div>
</div>

<h2>Grid</h2>
<h3>Columns</h3>
{{widget type="Olegnax\Athlete2\Block\Subcategories" categories="289,283,284,286,285,326,287,328,327,331,288,290" template="Olegnax_Athlete2::widgets/subcategories_grid.phtml" show_category_image="1" thumb="custom" thumb_height="100" thumb_width="140" show_product_count="0" show_category_name="1" category_name_tag="span" style="1" vertical="0" custom_width="0" column_width_fit="0" columns_desktop="6" columns_desktop_small="4" columns_tablet="3" columns_mobile="2"}}
<h3>Custom Width with Autofit</h3>
<p>Instead of setting columns you can set min width of the item and it will fill the available space or jump to the next line if there is not enough space for all item.</p>
{{widget type="Olegnax\Athlete2\Block\Subcategories" categories="289,283,284,286,285,326,287" template="Olegnax_Athlete2::widgets/subcategories_grid.phtml" show_category_image="1" thumb="custom" thumb_height="100" thumb_width="140" show_product_count="0" show_category_name="1" category_name_tag="span" style="1" vertical="0" column_width="200" column_width_fit="1"}}
<div class="spacer-regular">&nbsp;</div>
<h2>Vertical Grid</h2>
<div class="row">
<div class="col-lg-6">
<div class="spacer-small">&nbsp;</div>
<h3>Text Right Layout</h3>
{{widget type="Olegnax\Athlete2\Block\Subcategories" template="Olegnax_Athlete2::widgets/subcategories_grid.phtml"  parent_category="283" show_category_image="1" thumb="custom" thumb_height="60" thumb_width="84" show_product_count="1" show_category_name="1" category_name_tag="span" style="5" hover_effect="zoom-in-item" vertical="1" padding="10px 20px" border_radius="4px" text_font_size="16px" num_bg_hover_color="rgb(11, 103, 209)" num_text_hover_color="white"}}
</div>
<div class="col-lg-6">
<div class="spacer-small">&nbsp;</div>
<h3>Text Left Layout</h3>
{{widget type="Olegnax\Athlete2\Block\Subcategories" template="Olegnax_Athlete2::widgets/subcategories_grid.phtml"  parent_category="283" show_category_image="1" thumb="custom" thumb_height="60" thumb_width="84" show_product_count="1" show_category_name="1" category_name_tag="span" style="6" hover_effect="zoom-out-item" vertical="1" padding="10px 20px" border_radius="4px" text_font_size="16px" num_bg_hover_color="black" num_text_hover_color="white"}}

</div>
</div>

<div class="row">
<div class="col-lg-6">
<div class="spacer-regular">&nbsp;</div>
<h3>Text Left Layout, Image disabled, Custom colors</h3>
{{widget type="Olegnax\Athlete2\Block\Subcategories" template="Olegnax_Athlete2::widgets/subcategories_grid.phtml"   parent_category="283"  show_category_image="0" show_product_count="1" show_category_name="1" category_name_tag="span" style="5" vertical="1" custom_width="0"  columns_align_center="0" bg_color="rgb(45 45 45)" text_color="white" num_bg_color="#404040" num_text_color="#cdcdcd"}}

</div>
<div class="col-lg-6">
<div class="spacer-regular">&nbsp;</div>
<h3>Text Left Layout, Image disabled, H2 title tag</h3>
{{widget type="Olegnax\Athlete2\Block\Subcategories" template="Olegnax_Athlete2::widgets/subcategories_grid.phtml"  parent_category="283" show_category_image="0" show_product_count="1" show_category_name="1" category_name_tag="h2" style="5" vertical="1" custom_width="0"  columns_align_center="0" bg_color="transparent"  }}
</div>
</div>

<div class="spacer-big">&nbsp;</div>
<h2>Css Based Slider</h2>
{{widget type="Olegnax\Athlete2\Block\SubcategoriesSlider" template="Olegnax_Athlete2::widgets/subcategories_slider.phtml"  categories="289,283,284,286,285,326,287,328,327,331,288,290" show_category_image="1" thumb="custom" thumb_height="100" thumb_width="140" show_product_count="1" show_category_name="1" category_name_tag="span" style="1" hover_effect="zoom-out-item" columns_align_center="0" nav="1" nav_style="s-fadeover" nav_always="1" scrollbar="1" drag="0" columns_desktop="6" columns_desktop_small="4" columns_tablet="3" columns_mobile="2"}}

<div class="spacer-big">&nbsp;</div>
<h2>Owl Carousel Slider</h2>
{{widget type="Olegnax\Athlete2\Block\SubcategoriesOwl" template="Olegnax_Athlete2::widgets/subcategories_owlcarousel.phtml"  categories="289,283,284,286,285,326,287,328,327,331,288,290" show_category_image="1" thumb="custom" thumb_height="100" thumb_width="140" show_product_count="1" show_category_name="1" category_name_tag="span" style="1" rewind="1" hover_effect="zoom-out-item" columns_align_center="0" nav="1" nav_always="1" dots="1" columns_desktop="6" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" dots_align="center" dots_style="rounded"}}


<div class="spacer-big">&nbsp;</div>
<h2 class="h1 a-center">A few more examples</h2>
<h3>Rounded edges</h3>
{{widget type="Olegnax\Athlete2\Block\Subcategories" template="Olegnax_Athlete2::widgets/subcategories_grid.phtml"  categories="289,283,284,286,285,326" show_category_image="1" thumb="custom" thumb_height="100" thumb_width="140" show_product_count="1" show_category_name="1" category_name_tag="span" style="1" hover_effect="zoom-out-item" vertical="0"  columns_desktop="6" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" border_radius="10px"}}
<div class="spacer-regular">&nbsp;</div>

<h3>Circle Image layout</h3>
{{widget type="Olegnax\Athlete2\Block\Subcategories" template="Olegnax_Athlete2::widgets/subcategories_grid.phtml"  categories="295,301,289,286,307,331" show_category_image="1" thumb="" thumb_height="255" thumb_width="255" show_product_count="1" show_category_name="1" category_name_tag="span" style="3" hover_effect="zoom-out-item" vertical="0"  columns_desktop="6" columns_desktop_small="4" columns_tablet="3" columns_mobile="2"}}
<div class="spacer-regular">&nbsp;</div>
<h3>Circle Image layout, Image Only</h3>
{{widget type="Olegnax\Athlete2\Block\Subcategories" template="Olegnax_Athlete2::widgets/subcategories_grid.phtml"  categories="295,301,289,286,307,331" show_category_image="1" thumb="" thumb_height="255" thumb_width="255" show_product_count="0" show_category_name="0" category_name_tag="span" style="3" hover_effect="zoom-out-item" vertical="0"  columns_desktop="6" columns_desktop_small="4" columns_tablet="3" columns_mobile="2"}}
<div class="spacer-regular">&nbsp;</div>

<h3>Left/Right Layouts with columns</h3>
{{widget type="Olegnax\Athlete2\Block\Subcategories" template="Olegnax_Athlete2::widgets/subcategories_grid.phtml"  categories="289,283,284,286,285" show_category_image="1" thumb="custom" thumb_height="60" thumb_width="84" show_product_count="1" show_category_name="1" category_name_tag="span" style="5" hover_effect="zoom-out-item" vertical="0"  columns_desktop="5" columns_desktop_small="4" columns_tablet="2" columns_mobile="1" padding="10px 20px"}}
{{widget type="Olegnax\Athlete2\Block\Subcategories" template="Olegnax_Athlete2::widgets/subcategories_grid.phtml"  categories="289,283,284,286,285" show_category_image="1" thumb="custom" thumb_height="60" thumb_width="84" show_product_count="1" show_category_name="1" category_name_tag="span" style="6" hover_effect="move-up" vertical="0"  columns_desktop="5" columns_desktop_small="4" columns_tablet="2" columns_mobile="1" padding="10px 20px"}}
<div class="spacer-regular">&nbsp;</div>

<h3>Text only grid, H2 title</h3>
<p>You can hide each element such as image, counter or text. Choose tag and set font size for text.</p>
{{widget type="Olegnax\Athlete2\Block\Subcategories" template="Olegnax_Athlete2::widgets/subcategories_grid.phtml" categories="289,283,284,286,285"  show_category_image="0" show_product_count="1" show_category_name="1" category_name_tag="h2" style="1" vertical="0" column_width="300" column_width_fit="1" columns_align_center="0" bg_color="transparent" }}
{{widget type="Olegnax\Athlete2\Block\Subcategories" template="Olegnax_Athlete2::widgets/subcategories_grid.phtml"  categories="289,283,284,286,285" show_category_image="0" show_product_count="1" show_category_name="1" category_name_tag="span" style="1" hover_effect="move-up" vertical="0"  columns_desktop="5" columns_desktop_small="4" columns_tablet="2" columns_mobile="1" padding="20px"}}

]]></content>
			<sort_order>0</sort_order>
			<layout_update_xml></layout_update_xml>
			<custom_theme></custom_theme>
			<custom_root_template></custom_root_template>
			<custom_layout_update_xml></custom_layout_update_xml>
			<custom_theme_from></custom_theme_from>
			<custom_theme_to></custom_theme_to>
			<meta_title></meta_title>
			<layout_update_selected></layout_update_selected>
		</item>
		<item>
			<title>Infinite Slide</title>
			<page_layout>1column</page_layout>
			<meta_keywords></meta_keywords>
			<meta_description></meta_description>
			<identifier>infinite-slide</identifier>
			<content_heading></content_heading>
			<content><![CDATA[<div class="a-center">
    <div class="spacer-small">-</div>
    <span class="small-subtitle">new in 1.8</span>
    <h1 class="r-fs-big a-center"><em class="hightlighted-text lower">Infinite</em> Slider Widgets</h1>
    <p class="medium-text">Starting from version 1.8 theme comes with horizontal infinitely running slider and vertical text rotator.</p>
    <div class="spacer-regular">-</div>
    </div>
    <div class="ox-max-width-800 a-center">
    <h2 class="r-fs-medium a-center">1. Horizontal Slider</h2>
    <p class="medium-text">You can add a simple text directly in a widget text area or set a cms block as a content source.</p>
    </div>
    <div class="spacer-regular">-</div>
    <h3 class="a-center">Simple Content</h3>
    {{widget type="Olegnax\Athlete2\Block\ISlide" custom_content="Flash Sale" slide_time="900" items_width="auto" clone="1" pause_on_hover="0"  bg_color="#211f20" text_color="white" text_font_size="16" text_font_weight="700" padding="4px" absolute="0" gap="35"}}
    <div class="spacer-regular">-</div>
    <div class="ox-max-width-800 a-center">
    <h3>Cms Block Example</h3>
    <p class="medium-text">Below are couple of examples of a cms blocks as a slider content source with pause on hover enabled.</p>
    </div>
    {{widget type="Olegnax\Athlete2\Block\ISlide" block_id="athlete2-above-footer-banner-islider-fi" slide_time="10000" pause_on_hover="1"  items_width="auto" clone="1" padding="16px 0" bg_color="rgb(225, 238, 98)" text_color="black"}}
    <div class="spacer-regular">-</div>
    {{widget type="Olegnax\Athlete2\Block\ISlide" block_id="athlete2-demo-islide-banners" slide_time="35000" clone="1" clones_amount="3" gap="25px" pause_on_hover="1" absolute="0" padding="0" no_overflow="0"}}
    <div class="spacer-big">-</div>
    <div class="row no-gutters">
        <div class="col-md-6">
            <div class="ox-banner flex-column ox-banner-content-overlay image-cover banner-stretch banner-stretch-v v-top" style="min-height:600px;">
                <a class="ox-banner-link" href="#">
                    {{widget type="Olegnax\Athlete2\Block\Video" video_url="athlete2/Demos/fi/video/sample.mp4" poster_url="" autoplay_video="1" lazy_video="1" show_controls="0" show_play_button="1" button_position_vertical="bottom"  button_color="white" button_bg="black" stretch="1"}}
                    <div class="ox-grad-overlay">-</div>
                    {{widget type="Olegnax\Athlete2\Block\ISlide" block_id="athlete2-demo-Infinite-scroll-line-cherry-picked" slide_time="5000" items_width="auto" clone="1" pause_on_hover="0" rotation="15" bg_color="#4ae4bd" text_color="black" text_font_size="12" text_font_weight="500" padding="8px" absolute="1" left="23%" top="12%" left_mobile="-5%" top_mobile="0" gap="35"}}        
                    <div class="ox-banner-container bottom r-padding-l ox-max-width-600">
                        <h6 style="color: white;">Powered by AI</h6>
                        <h2 class="no-margin" style="color: white;">The gift of following your passion, anywhere.</h2>
                    </div>	
                </a>
            </div>
        </div>
        <div class="col-md-6 r-padding"> 

            <div class="block-align-vertical ox-max-width-500">
                <h2 class="r-fs-medium">Rotation and Position</h2>
                <p class="medium-text">You can set roation and absolute positioning to place slider above other content in an eye-catching way. </p>
            </div>

        </div>
    </div>
    <div class="spacer-big">-</div>
    <div class="ox-max-width-800 a-center">
    <h2 class="r-fs-medium">Allow Overflow - Enabled</h2>
    <p class="medium-text">By default content will be limited to the width of the slider but you can allow it to go out of the "frame".<br>
    On example below content is running from edge to edge of the screen without any limitations.</p>
    </div>
    <div class="spacer-small">-</div>
    {{widget type="Olegnax\Athlete2\Block\ISlide" block_id="athlete2-demo-islide-banners" slide_time="35000" clone="1" clones_amount="3" gap="25px" pause_on_hover="1" absolute="0" padding="0" no_overflow="1"}}
    <div class="spacer-small">-</div>
    <p class="a-center">* Note that this option will only change overflowing behaviour for this particular slider but other content blocks (where you placed the slider) can also hide overflowing content.</p>

    <div class="spacer-big">-</div>
    <div class="ox-max-width-800 a-center">
    <h2 class="r-fs-medium">2. Vertical Text Rotator</h2>
    <p class="medium-text">Add lines of text to rotate, set speed sizes and colors.</p>
    <div class="spacer-small">-</div>
    </div>
    {{widget type="Olegnax\Athlete2\Block\VSlide" content="Appliances||Computers||Tablets||Cell Phones||Audio &amp; Video||Cameras||Furniture||Smart Home||Technology||Fitness||Outdoor||Living" text_color="black" text_font_size="52" text_font_size_mobile="30" bottom_line="1"}}
    <div class="spacer-regular">-</div>
    {{widget type="Olegnax\Athlete2\Block\VSlide" content="Appliances||Computers||Tablets||Cell Phones||Audio &amp; Video||Cameras||Furniture||Smart Home||Technology||Fitness||Outdoor||Living" text_color="black" text_font_size="36" text_font_size_mobile="26" bottom_line="0" bg_color="yellow" text_color="black"  padding="20px"  slide_time="10000"}}]]></content>
			<sort_order>0</sort_order>
			<layout_update_xml></layout_update_xml>
			<custom_theme></custom_theme>
			<custom_root_template></custom_root_template>
			<custom_layout_update_xml></custom_layout_update_xml>
			<custom_theme_from></custom_theme_from>
			<custom_theme_to></custom_theme_to>
			<meta_title></meta_title>
			<layout_update_selected></layout_update_selected>
		</item>
		<item>
			<title>Products List</title>
			<page_layout>1column</page_layout>
			<meta_keywords></meta_keywords>
			<meta_description></meta_description>
			<identifier>products-list</identifier>
			<content_heading></content_heading>
			<content><![CDATA[
<div class="a-center">
<div class="spacer-small">&nbsp;</div>
<span class="small-subtitle">new in 1.8</span>
<h1 class="r-fs-big a-center">Product Widget <em class="hightlighted-text lower">List</em> Layouts</h1>
<p class="medium-text">Choose from various layouts, set columns and show/hide different elements to get the desired look.</p>
<div class="spacer-regular">&nbsp;</div>
</div>

<h2>List Layout 1</h2>
<p>This is a two columns layout where only image is moved to the left and everything else is in one column. Useful for list layout with multiple columns.</p>
{{widget type="Olegnax\ProductSlider\Block\OnSaleProducts" show_title="0" title_side_line="0" show_pager="0" products_count="1" template="Olegnax_ProductSlider::list.phtml" columns_desktop="1" columns_desktop_small="1" columns_tablet="1" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="1" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="1" quickview_position="" show_stock_status="1" show_in_stock="1" show_swatches="0" products_layout_centered="0" thumb_carousel="0" banners_enabled="0" bordered_style="" show_num="0"}}
<h2>List Layout 2</h2>
{{widget type="Olegnax\ProductSlider\Block\OnSaleProducts" show_title="0" title_side_line="0" show_pager="0" products_count="1" template="Olegnax_ProductSlider::listv2.phtml" columns_desktop="1" columns_desktop_small="1" columns_tablet="1" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="1" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="1" quickview_position="" show_stock_status="1" show_in_stock="1" show_swatches="0" products_layout_centered="0" thumb_carousel="0" banners_enabled="0" bordered_style="" show_num="0"}}

<h2>List Layout 3</h2>
{{widget type="Olegnax\ProductSlider\Block\OnSaleProducts" show_title="0" title_side_line="0" show_pager="0" products_count="1" template="Olegnax_ProductSlider::listv3.phtml" columns_desktop="1" columns_desktop_small="1" columns_tablet="1" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="1" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="1" quickview_position="" show_stock_status="1" show_in_stock="1" show_swatches="0" products_layout_centered="0" thumb_carousel="0" banners_enabled="0" bordered_style="" show_num="0"}}

<h2>List Layout 4</h2>
<p>This is basically a four columns layouts: image column, left column with info and a right column with price and action which are also separate to two different columns. This layout is designed to be fullwidth (1 column)</p>
{{widget type="Olegnax\ProductSlider\Block\OnSaleProducts" show_title="0" title_side_line="0" show_pager="0" products_count="1" template="Olegnax_ProductSlider::listv4.phtml" columns_desktop="1" columns_desktop_small="1" columns_tablet="1" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="1" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="1" quickview_position="" show_stock_status="1" show_in_stock="1" show_swatches="0" products_layout_centered="0" thumb_carousel="0" banners_enabled="0" bordered_style="" show_num="0"}}

<h2>Items Count</h2>
<p>You can show product position number in current list left to the image. Can be useful when you want to make accent on the product position lets say when you show top 5 best sellers.</p>
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="0" title_side_line="0" show_pager="0" products_count="3"  category_ids="2"  template="Olegnax_ProductSlider::listv3.phtml" columns_desktop="1" columns_desktop_small="1" columns_tablet="1" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="0" show_compare="0" show_review="0" review_count="0" hide_name="0" hide_price="0" show_desc="0" show_quickview="0" quickview_position="" show_stock_status="0" show_in_stock="0" show_swatches="0" products_layout_centered="0" thumb_carousel="0" banners_enabled="0" bordered_style="" show_num="1"}}

<h2>List Layout Columns</h2>
<p>You can set columns for product list widget same as for products grid but keep in mind that not all layouts will work well with column so choose columns wisely.</p>
{{widget type="Olegnax\ProductSlider\Block\OnSaleProducts" show_title="0" title_side_line="0" show_pager="0" products_count="8" template="Olegnax_ProductSlider::list.phtml" columns_desktop="4" columns_desktop_small="4" columns_tablet="2" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="0" show_wishlist="0" show_compare="0" show_review="0" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="1" quickview_position="" show_stock_status="0" show_in_stock="0" show_swatches="0" products_layout_centered="0" thumb_carousel="0" banners_enabled="0" bordered_style="" show_num="0"}}

{{widget type="Olegnax\ProductSlider\Block\OnSaleProducts" show_title="0" title_side_line="0" show_pager="0" products_count="6" template="Olegnax_ProductSlider::list.phtml" columns_desktop="3" columns_desktop_small="3" columns_tablet="2" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="0" show_wishlist="0" show_compare="0" show_review="0" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="1" quickview_position="" show_stock_status="0" show_in_stock="0" show_swatches="0" products_layout_centered="0" thumb_carousel="0" banners_enabled="0" bordered_style="" show_num="0"}}

{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="0" title_side_line="0" show_pager="0"  category_ids="2"  products_count="6" template="Olegnax_ProductSlider::listv3.phtml" columns_desktop="3" columns_desktop_small="3" columns_tablet="2" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="0" show_compare="0" show_review="0" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="1" quickview_position="" show_stock_status="0" show_in_stock="0" show_swatches="0" products_layout_centered="0" thumb_carousel="0" banners_enabled="0" bordered_style="" show_num="0"}}

{{widget type="Olegnax\ProductSlider\Block\OnSaleProducts" show_title="0" title_side_line="0" show_pager="0" products_count="4" template="Olegnax_ProductSlider::listv4.phtml" columns_desktop="2" columns_desktop_small="2" columns_tablet="1" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="0" show_wishlist="0" show_compare="0" show_review="1" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="1" quickview_position="" show_stock_status="0" show_in_stock="0" show_swatches="0" products_layout_centered="0" thumb_carousel="0" banners_enabled="0" bordered_style="" show_num="0"}}

<div class="spacer-small">-</div>
<h2 class="h1 a-center">A few more examples</h2>
<div class="row">
<div class="col-lg-6">
<div class="spacer-small">-</div>
<h2 >Popular on Sale</h2>
{{widget type="Olegnax\ProductSlider\Block\OnSaleProducts" show_title="0" title_side_line="0" show_pager="0" products_count="3" template="Olegnax_ProductSlider::listv4.phtml" columns_desktop="1" columns_desktop_small="1" columns_tablet="1" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="0" show_wishlist="0" show_compare="0" show_review="1" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="1" quickview_position="" show_stock_status="0" show_in_stock="0" show_swatches="0" products_layout_centered="0" thumb_carousel="0" banners_enabled="0" bordered_style="" show_num="1"}}
</div>
<div class="col-lg-6">
<div class="spacer-small">-</div>
<h2 >Best Selling Products</h2>
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="0" title_side_line="0" show_pager="0" products_count="3"  category_ids="2"  template="Olegnax_ProductSlider::listv3.phtml" columns_desktop="1" columns_desktop_small="1" columns_tablet="1" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="0" show_compare="0" show_review="0" review_count="0" hide_name="0" hide_price="0" show_desc="0" show_quickview="0" quickview_position="" show_stock_status="0" show_in_stock="0" show_swatches="0" products_layout_centered="0" thumb_carousel="0" banners_enabled="0" bordered_style="" show_num="1"}}
</div>
</div>
<div class="spacer-regular">-</div>
<div class="row">
<div class="col-lg-6">
<div class="spacer-small">-</div>
<h2 >Popular on Sale</h2>
{{widget type="Olegnax\ProductSlider\Block\OnSaleProducts" show_title="0" title_side_line="0" show_pager="0" products_count="3" template="Olegnax_ProductSlider::listv4.phtml" columns_desktop="1" columns_desktop_small="1" columns_tablet="1" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="0" show_wishlist="1" show_compare="0" show_review="1" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="1" quickview_position="" show_stock_status="0" show_in_stock="0" show_swatches="0" products_layout_centered="0" thumb_carousel="0" banners_enabled="0" bordered_style="" show_num="0"}}

</div>
<div class="col-lg-6">
<div class="spacer-small">-</div>
<h2 >Best Selling Products</h2>
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="0" title_side_line="0" show_pager="0" products_count="3"  category_ids="2"  template="Olegnax_ProductSlider::listv2.phtml" columns_desktop="1" columns_desktop_small="1" columns_tablet="1" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="0" show_compare="0" show_review="1" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="0" quickview_position="" show_stock_status="0" show_in_stock="0" show_swatches="0" products_layout_centered="0" thumb_carousel="0" banners_enabled="0" bordered_style="" show_num="1"}}
</div>
</div>
<div class="spacer-regular">-</div>
<h2 >Popular on Sale</h2>
{{widget type="Olegnax\ProductSlider\Block\OnSaleProducts" show_title="0" title_side_line="0" show_pager="0" products_count="3" template="Olegnax_ProductSlider::listv4.phtml" columns_desktop="1" columns_desktop_small="1" columns_tablet="1" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="0" show_compare="0" show_review="1" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="1" quickview_position="" show_stock_status="0" show_in_stock="1" show_swatches="0" products_layout_centered="0" thumb_carousel="0" banners_enabled="0" bordered_style="" show_num="1"}}


<div class="spacer-regular">-</div>
<h2 class="h1">Bordered Style</h2>
<p>Grid bordered style is set globally in theme settings but you can also choose to enable/disable it per product widget.</p>
<div class="row">
<div class="col-lg-6">
<div class="spacer-small">-</div>
<h2>Enabled</h2>
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="0" title_side_line="0" show_pager="0" products_count="3"  category_ids="2"  template="Olegnax_ProductSlider::listv2.phtml" columns_desktop="1" columns_desktop_small="1" columns_tablet="1" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="0" show_compare="0" show_review="1" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="0" quickview_position="" show_stock_status="0" show_in_stock="0" show_swatches="0" products_layout_centered="0" thumb_carousel="0" banners_enabled="0" bordered_style="enable" show_num="0"}}
</div>
<div class="col-lg-6">
<div class="spacer-small">-</div>
<h2>Disabled</h2>
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="0" title_side_line="0" show_pager="0" products_count="3"  category_ids="2"  template="Olegnax_ProductSlider::listv2.phtml" columns_desktop="1" columns_desktop_small="1" columns_tablet="1" columns_mobile="1" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="0" show_compare="0" show_review="1" review_count="1" hide_name="0" hide_price="0" show_desc="0" show_quickview="0" quickview_position="" show_stock_status="0" show_in_stock="0" show_swatches="0" products_layout_centered="0" thumb_carousel="0" banners_enabled="0" bordered_style="disable" show_num="0"}}
</div>
</div>]]></content>
			<sort_order>0</sort_order>
			<layout_update_xml></layout_update_xml>
			<custom_theme></custom_theme>
			<custom_root_template></custom_root_template>
			<custom_layout_update_xml></custom_layout_update_xml>
			<custom_theme_from></custom_theme_from>
			<custom_theme_to></custom_theme_to>
			<meta_title></meta_title>
			<layout_update_selected></layout_update_selected>
		</item>
		<item>
			<title>Video</title>
			<page_layout>1column</page_layout>
			<meta_keywords></meta_keywords>
			<meta_description></meta_description>
			<identifier>video</identifier>
			<content_heading></content_heading>
			<content><![CDATA[<div class="a-center">
    <h1 class="r-fs-big" style="font-weight:500">Video Widget</h1>   
    <div class="ox-max-width-800">
    <p class="big-text">Self-hosted video with lazy load and custom controls. Can perfectly work as a background for banners or hero headers but also just as a video itself. You can add various formats for a fallback.</p>
    </div>
    <div class="spacer-regular">-</div>
    <p>Below is an example of a fullwidth responsive video with custom play/pause button.</p>
    {{widget type="Olegnax\Athlete2\Block\Video" poster_url="" video_url="athlete2/Demos/fi/video/sample.mp4" lazy_video="1" autoplay_video="1" show_controls="0" show_play_button="1" button_position_vertical="top" button_color="white" button_bg="black"}}
</div>
<div class="spacer-big">&nbsp;</div>
<div class="row no-gutters">
    <div class="col-md-6">
        <div class="ox-banner flex-column ox-banner-content-overlay image-cover banner-stretch banner-stretch-v v-top" style="min-height:600px;">
            <a class="ox-banner-link" href="#">
                {{widget type="Olegnax\Athlete2\Block\Video" video_url="athlete2/Demos/fi/video/sample.mp4" poster_url="" autoplay_video="1" lazy_video="1" show_controls="0" show_play_button="1" button_position_vertical="bottom"  button_color="white" button_bg="black" stretch="1"}}
                <div class="ox-grad-overlay">-</div>
                <div class="ox-banner-container bottom r-padding-l ox-max-width-600">
                    <h6 style="color: white;">Powered by AI</h6>
                    <h2 class="no-margin" style="color: white;">The gift of following your passion, anywhere.</h2>
                </div>	
            </a>
        </div>
    </div>
    <div class="col-md-6 r-padding"> 
        <div class="block-align-vertical ox-max-width-500">
            <h2 class="r-fs-medium">Vertically stretched banners</h2>
            <p>Example of a video placed as a background of a banner with vertical stretch</p>
        </div>
    </div>
</div>
<div class="spacer-big">&nbsp;</div>


<div class="row no-margin" style="background: linear-gradient(90deg, rgb(234 255 252) 0%, rgb(228 255 228) 100%);">
    <div class="order-2 order-md-0 col-md-6 r-padding-l"> 
        <div class="block-align-vertical ox-max-width-500">
            <h2>Show video as is</h2>
            <p>Self-hosted Video in its original size with a custom play/pause button.</p>
        </div>
    </div>
    <div class="col-md-6 d-flex justify-content-center r-padding-l">
        {{widget type="Olegnax\Athlete2\Block\Video" video_url="athlete2/Demos/fi/video/sample.mp4" width="454px" height="454px" lazy_video="1" autoplay_video="1" show_controls="0" show_play_button="1" button_position_vertical="bottom" button_color="white" button_bg="black"}}
    </div>
</div>

<div class="spacer-big">&nbsp;</div>
<div class="row no-gutters">
    <div class="col-md-3">
        <div class="ox-banner flex-column ox-banner-content-overlay image-cover banner-stretch banner-stretch-v v-top" style="min-height:500px;">
            <a class="ox-banner-link" href="#">
                {{widget type="Olegnax\Athlete2\Block\Video" video_url="athlete2/Demos/fi/video/sample.mp4" poster_url="" width="852" height="852" autoplay_video="1" lazy_video="1" show_controls="0" show_play_button="1" button_position_vertical="top"  button_color="white" button_bg="black"  stretch="1"}}
                <div class="ox-grad-overlay">-</div>
                <div class="ox-banner-container">
                    <div style="display: flex;align-items: center;gap: 8px;">	
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="20px" viewBox="0 0 20 20" xml:space="preserve">
                            <circle fill="#84F4C2" cx="10" cy="10" r="10" opacity="0.22"></circle>
                            <circle fill="#84F4C2" cx="10" cy="10" r="5"></circle>
                        </svg>
                        <strong class="text" style="color: white;">Powered by AI</strong>
                    </div>
                </div>
                <div class="ox-banner-container bottom">
                    <h5 class="title-font no-margin" style="line-height:1.3;color: white;">Bespoke Jet Cordless Stick Vacuum with All-in-One Clean Station</h5>
                </div>	
            </a>
            <a href="#" class="button secondary medium" style="width: 100%;">shop now</a>
        </div>
    </div>
    <div class="col-md-9 r-padding"> 
        <div class="block-align-vertical ox-max-width-500">
            <h2 class="r-fs-medium">Stretchable video to fit any content</h2>
            <p>This video will adapt to the height of content in other columns in case it is longer than the video. Used in products grid in demo, where the height of the product item can vary.</p>
        </div>
    </div>
</div>
<div class="spacer-big">&nbsp;</div>

<div class="a-center">
    <h2 class="r-fs-medium">Simple Video with default controls</h2>
    <p>You can also add video with default controls and custom size.</p>
    {{widget type="Olegnax\Athlete2\Block\Video" video_url="athlete2/Demos/fi/video/sample.mp4" poster_url="" width="800" height="600" stretch="0" lazy_video="1" autoplay_video="0" show_controls="1"}}
</div>]]></content>
			<sort_order>0</sort_order>
			<layout_update_xml></layout_update_xml>
			<custom_theme></custom_theme>
			<custom_root_template></custom_root_template>
			<custom_layout_update_xml></custom_layout_update_xml>
			<custom_theme_from></custom_theme_from>
			<custom_theme_to></custom_theme_to>
			<meta_title></meta_title>
			<layout_update_selected></layout_update_selected>
		</item>
        <item>
			<title>Typography</title>
			<page_layout>1column</page_layout>
			<meta_keywords></meta_keywords>
			<meta_description></meta_description>
			<identifier>typography</identifier>
			<content_heading></content_heading>
			<content><![CDATA[<div class="spacer-regular">&nbsp;</div>
<span class="small-subtitle no-margin">Heading H1 Huge and Huge Spacing:</span>
<h1 class="huge huge-spacing"  style="margin-bottom:12px;">this is huge</h1>
<pre><code>&lt;h1 class="huge huge-spacing"&gt;this is huge&lt;/h1&gt;</code></pre>
<div class="spacer-small">&nbsp;</div>

<h1 class="huge"  style="margin-bottom:12px;">Huge Heading </h1>
<pre><code>&lt;h1 class="huge"&gt;Huge Heading&lt;/h1&gt;</code></pre>
<div class="spacer-small">&nbsp;</div>

<h1 class="big"  style="margin-bottom:12px;">Big Heading</h1>
<pre><code>&lt;h1 class="big "&gtBig Heading&lt;/h1&gt;</code></pre>
<div class="spacer-small">&nbsp;</div>

<h1>Heading H1</h1>
<h2>Heading H2</h2>
<h3>Heading H3</h3>
<h4>Heading H4</h4>
<h5>Heading H5</h5>
<h6>Heading H6</h6>

<span class="small-subtitle">small subtitle</span>
<pre><code>&lt;span class="small-subtitle"&gt;small subtitle&lt;/span&gt;</code></pre>

<div class="spacer-big">&nbsp;</div>

<h2>Heading classes on elements</h2>
<p  style="font-size:16px;">You can add heading style to any element using following classes .h1, .h2, .h3, .h4, .h5, .h6.</p>
<a href="#" class="h5 bg-hover">link h5 heading</a><span href="#" class="h3">span h3 heading</span>

<div class="spacer-big">&nbsp;</div>

<h2>Hightlight</h2>
<div style="font-size:16px;">
<p>Add <span class="at-highlight">at-highlight</span> class to element to wrap it with background</p>
<span class="h5">header with</span> <span class="h5 at-highlight" style="color:white">hightlight</span>
</div>
<div class="spacer-big">&nbsp;</div>

<h2>Alternative Hightlight</h2>
<p style="font-size:16px;">Wrap text in <span class="at-highlight">&lt;em class="hightlighted-text"&gt; ... &lt;/em&gt;</span> class to element to add fat underline. Works best on big headings. Additionally you can add class <span class="at-highlight">lower</span> to move underline lower.</p>
<span class="h3"><em class="hightlighted-text">Highlighted</em> Text</span> and <span class="h1"><em class="hightlighted-text lower">Highlighted</em> Text Lower</span>
<div class="spacer-small">&nbsp;</div>
<pre><code>&lt;span class="h3"&gt;&lt;em class="hightlighted-text"&gt;Highlighted&lt;/em&gt; Text&lt;/span&gt; and &lt;span class="h1"&gt;&lt;em class="hightlighted-text lower"&gt;Highlighted&lt;/em&gt; Text Lower&lt;/span&gt;</code></pre>

<div class="spacer-big">&nbsp;</div>

<h2>Link hover styles</h2>
<div class="spacer-small">&nbsp;</div>
<div style="font-size:16px;">
<p class="no-margin">You can various ways to make link with bg on hover. You can add class <span class="at-highlight">bg-hover</span> directly to the a tag. </p>
<p>Or you can add one of these classes to the wrapper element and all links inside will be with background on hover: <span class="at-highlight">std</span>,<span class="at-highlight">llinks-bg-hover</span>.</p>
<p>You can clear links hover for specific link by applying  <span class="at-highlight">link-clear</span> class to link tag. Add <span class="at-highlight">clean-list</span> class to ul element or wrapper to remove dots and padding from all list elements.</p>
<p>Alternatively you can add double underline on link hover by adding  <span class="at-highlight">underlined-links</span> class to wrapper. </p>
</div>
<div class="spacer-regular">&nbsp;</div>
<div class="row " style="font-size: 14px;">
<div class="col-12 col-sm-6 col-md-3">
<ul class="std clean-list"><li><h6>BG on HOVER</h6></li>
<li><a href="#">Running</a></li>
<li><a href="#">Basketball</a></li>
<li><a href="#">Training</a></li>
<li><a href="#">Soccer</a></li>
</ul></div>
<div class="col-12 col-sm-6 col-md-3">
<ul class="std clean-list"><li><h6>BG on HOVER</h6></li>
<li><a href="#">Shirts</a></li>
<li><a href="#">T-Shirts</a></li>
<li><a href="#">Hoodies</a></li>
<li><a href="#">Jackets &amp; Vests</a></li>
</ul></div>
<div class="col-12 col-sm-6 col-md-3">
<ul class="clean-list underlined-links">
            <li><h6>UNDERLINED LINKS ON HOVER</h6></li>
            <li><a href="#">Where's my order?</a></li>
            <li><a href="#">What payment options can I use?</a></li>
            <li><a href="#">What is personalisation policy?</a></li>
            <li><a href="#">How do I get the latest high-demand sneakers?</a></li>
        </ul></div>
<div class="col-12 col-sm-6 col-md-3">
<ul class="clean-list underlined-links">
            <li><h6>UNDERLINED LINKS ON HOVER</h6></li>
            <li><a href="#">Where's my order?</a></li>
            <li><a href="#">What payment options can I use?</a></li>
            <li><a href="#">What is personalisation policy?</a></li>
            <li><a href="#">How do I get the latest high-demand sneakers?</a></li>
        </ul></div>
</div>

<div class="spacer-big">&nbsp;</div>

<h2>Bigger content text</h2>
<p style="font-size:16px;">You can make content text bigger by adding <span class="at-highlight">big-text</span> class.</p>

<p class="big-text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
<div class="spacer-big">&nbsp;</div>


<h2>Text alignment</h2>
<p style="font-size:16px;">Use following classes to align text<span class="at-highlight">a-center, a-left, a-right</span></p>
<div class="row " style="font-size: 14px;">
<div class="col-sm-4 a-left">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</div>
<div class="col-sm-4 a-center">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</div>
<div class="col-sm-4 a-right">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</div>
</div>

<div class="spacer-big">&nbsp;</div>

<h2>Spacers</h2>
<p style="font-size:16px;">You can easily add some extra space by adding div with following classes: <span class="at-highlight">spacer-big, spacer-medium, spacer-regular, spacer-small</span></p>
<pre><code>&lt;div class="spacer-big"&gt;&amp;nbsp;&lt;/div&gt;</code></pre>

<div class="spacer-big">&nbsp;</div>

<h2>Hide on mobile</h2>
<p style="font-size:16px;">You can hide elements on mobile ot tablet by adding following classes to element: <span class="at-highlight">hide-on-tablet, hide-on-mobile</span></p>

<div class="spacer-big">&nbsp;</div>
<h2>Remove spacing from columns</h2>
<p style="font-size:16px;">Add <span class="at-highlight">no-spacing</span> or <span class="at-highlight">no-gutters</span> class to row to remove padding and margin from row and columns .</p>
<div class="spacer-small">&nbsp;</div>
<div class="row no-spacing">
<div class="col-lg-6"> 
    <div class="ox-banner overlay-hover banner-stretch ox-banner-content-overlay h-center v-center" tabindex="0">
        <div class="ox-banner-link">
            <div class="overlay-layer">&nbsp;</div>
          <img src="{{media url=&quot;athlete2/Demos/greece/banner-blue-one-half-01-1.jpg&quot;}}" alt="" />
            <span class="ox-banner-container">
                <a href="#" class="button medium primary ox-show-hover ox-moveup-hover">shop now</a>
            </span>	
        </div>
    </div>
</div>
<div class="col-lg-6"> 
    <div class="ox-banner overlay-hover banner-stretch ox-banner-content-overlay h-center v-center" tabindex="0">
        <div class="ox-banner-link">
            <div class="overlay-layer">&nbsp;</div>
           <img src="{{media url=&quot;athlete2/Demos/greece/banner-blue-one-half-02.jpg&quot;}}" alt="" />
            <span class="ox-banner-container">
                <a href="#" class="button primary medium ox-show-hover ox-moveup-hover">shop now</a> <a href="#" class="button medium primary ox-show-hover ox-moveup-hover">explore</a>
            </span>	
        </div>
    </div>
</div>
</div>

<div class="spacer-big">&nbsp;</div>
<h2>Align vertical and Max width</h2>
<p style="font-size:16px;">Adding <span class="at-highlight">ox-max-width-500</span> to element will make it centered and set max width to 500. You can add ox-max-width- classes from 500-1000 with step 100. To align content vertically use following classes: <span class="at-highlight">col-align-vertical</span> - on col element. <span class="at-highlight">block-align-vertical</span> - inside col element.</p>
<pre><code>&lt;div class="row"&gt;
    &lt;div class="col-md-6"&gt;
		&lt;div class="block-align-vertical ox-max-width-500"&gt;
		...
		&lt;/div&gt;
	&lt;/div&gt;
&lt;/div&gt;</code></pre>
<p>or</p>
<pre><code>&lt;div class="row"&gt;
    &lt;div class="col-md-6 col-align-vertical"&gt;
		&lt;div class="ox-max-width-500"&gt;
		...
		&lt;/div&gt;
	&lt;/div&gt;
&lt;/div&gt;</code></pre>
<div class="row no-margin">
    <div class="col-md-6 a-center" style="padding: 5%;"> 
        <div class="block-align-vertical ox-max-width-500">
            <span class="small-subtitle">limited time offer</span>
            <h3>SALE UP TO 50% OFF<br>
            on new collection</h3>
            <span class="hide-on-tablet"><p style="font-size:16px; line-height:30px; margin-bottom:35px;">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p></span>
            <p><a class="button primary big" href="http://olegnax.com/"><span><span>shop now</span></span></a></p>
        </div>
    </div>
    <div class="col-md-6 no-padding">
        <a class="link-clear" href="#"><img src="{{media url=&quot;athlete2/Demos/us/collection.jpg&quot;}}" alt="" /></a>
    </div>
</div>

<div class="spacer-big">&nbsp;</div>
<h2>Tables</h2>
<p style="font-size:16px;">Added wrapper for table with following classes to style it. <span class="at-highlight">table-bordered</span> - Add bottom borders for row. <span class="at-highlight">table-header-border</span> - add double border below table header (th) elements. <span class="at-highlight">table-header-bg</span> - add black background for table header (th) elements. <span class="at-highlight">overflow-y</span> - make table scroll-able if it is wider than the page. You need this for small resolutions.</p>
<pre><code>&lt;div class="table-bordered table-header-border overflow-y"&gt; ...your table here... &lt;/div&gt;</code></pre>
<div class="table-bordered table-header-border overflow-y">
<table>
<thead>
<tr>
<th>Size</th>
<th>Bust (cm)</th>
<th>Waist (cm)</th>
<th>Hip (cm)</th>
</tr>
</thead>
<tbody>
<tr>
<td>XS</td>
<td>82,5</td>
<td>62</td>
<td>87,5</td>
</tr>
<tr>
<td>S</td>
<td>85</td>
<td>63,5</td>
<td>89</td>
</tr>
<tr>
<td>M</td>
<td>87,5</td>
<td>67,5</td>
<td>93</td>
</tr>
<tr>
<td>L</td>
<td>90</td>
<td>72,5</td>
<td>98</td>
</tr>
<tr>
<td>XL</td>
<td>93</td>
<td>77,5</td>
<td>103</td>
</tr>
</tbody>
</table>
</div>
<div class="spacer-small">&nbsp;</div>
<div class="table-bordered table-header-bg overflow-y">
<table>
<thead>
<tr>
<th>Size</th>
<th>Bust (cm)</th>
<th>Waist (cm)</th>
<th>Hip (cm)</th>
</tr>
</thead>
<tbody>
<tr>
<td>XS</td>
<td>82,5</td>
<td>62</td>
<td>87,5</td>
</tr>
<tr>
<td>S</td>
<td>85</td>
<td>63,5</td>
<td>89</td>
</tr>
<tr>
<td>M</td>
<td>87,5</td>
<td>67,5</td>
<td>93</td>
</tr>
<tr>
<td>L</td>
<td>90</td>
<td>72,5</td>
<td>98</td>
</tr>
<tr>
<td>XL</td>
<td>93</td>
<td>77,5</td>
<td>103</td>
</tr>
</tbody>
</table>
</div>

<div class="spacer-big">&nbsp;</div>
<h2>Clean margin, padding</h2>
<p style="font-size:16px;"><span class="at-highlight">no-margin</span> - remove margin from element. <span class="at-highlight">no-padding</span> - remove padding from element. <span class="at-highlight">clear-p</span> - remove margin from all p elements.</p>
<p>Additionally add or remove margin to elements depending on screen resolution:</p>
<pre><code>ox-margin-lg, ox-margin-lg-no, ox-margin-md, ox-margin-md-no, ox-margin-sm, ox-margin-sm-no, ox-margin, ox-margin-no</code></pre>


<div class="spacer-big">&nbsp;</div>
<h2>Stick to page footer</h2>
<p style="font-size:16px;">Use this class to remove page bottom spacing<span class="at-highlight">page-bottom-padding</span></p>
<div class="spacer-small">&nbsp;</div>
<div class="page-bottom-padding" style="background:#f5f5f5; padding:70px 50px; text-align:center"><h5 class="no-margin">stick to page bottom</h5></div>

]]></content>
			<sort_order>0</sort_order>
			<layout_update_xml></layout_update_xml>
			<custom_theme></custom_theme>
			<custom_root_template></custom_root_template>
			<custom_layout_update_xml></custom_layout_update_xml>
			<custom_theme_from></custom_theme_from>
			<custom_theme_to></custom_theme_to>
			<meta_title></meta_title>
			<layout_update_selected></layout_update_selected>
		</item>
		<item>
			<title>Products Grid</title>
			<page_layout>1column</page_layout>
			<meta_keywords></meta_keywords>
			<meta_description></meta_description>
			<identifier>products-grid</identifier>
			<content_heading></content_heading>
			<content><![CDATA[<div class="a-center">
<div class="spacer-small">&nbsp;</div>
<span class="small-subtitle">various</span>
<h1 class="big">Product Widget<em class="hightlighted-text lower"> Layouts</em></h1>
<div class="spacer-big">&nbsp;</div>
</div>
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Grid Layout V1, FULL" title_align="center" title_tag="h3" title_side_line="1" products_count="5" category_ids="2" template="Olegnax_ProductSlider::grid.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="1" show_quickview="1" type_name="Olegnax - Products List by Category"}}
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Grid Layout V2, FULL" title_align="center" title_tag="h3" title_side_line="1" products_count="5" category_ids="2" template="Olegnax_ProductSlider::gridv2.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="1" show_quickview="1" type_name="Olegnax - Products List by Category"}}

<div class="a-center">
<div class="spacer-big">&nbsp;</div>
<span class="small-subtitle">from add to cart to reviews</span>
<h1 class="big">Enable/Disable <em class="hightlighted-text lower">Any</em> Element</h1>
<div class="spacer-big">&nbsp;</div>
</div>
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Grid Layout V1, Quickview Only" title_align="center" title_tag="h3" title_side_line="1" products_count="5" category_ids="2" template="Olegnax_ProductSlider::grid.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="0" show_wishlist="0" show_compare="0" show_review="0" show_quickview="1" type_name="Olegnax - Products List by Category"}}
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Grid Layout V2, Quickview Only" title_align="center" title_tag="h3" title_side_line="1" products_count="5" category_ids="2" template="Olegnax_ProductSlider::gridv2.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="0" show_wishlist="0" show_compare="0" show_review="0" show_quickview="1" type_name="Olegnax - Products List by Category"}}

{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Grid Layout V1, Actions Only" title_align="center" title_tag="h3" title_side_line="1" products_count="5" category_ids="2" template="Olegnax_ProductSlider::grid.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="0" show_quickview="0" type_name="Olegnax - Products List by Category"}}
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Grid Layout V2, Actions Only" title_align="center" title_tag="h3" title_side_line="1" products_count="5" category_ids="2" template="Olegnax_ProductSlider::gridv2.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="0" show_quickview="0" type_name="Olegnax - Products List by Category"}}

{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Grid Layout V1, Wishlist and Add to Cart" title_align="center" title_tag="h3" title_side_line="1" products_count="5" category_ids="2" template="Olegnax_ProductSlider::grid.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="0" show_review="1" show_quickview="0" type_name="Olegnax - Products List by Category"}}
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Grid Layout V2, Wishlist and Quickview" title_align="center" title_tag="h3" title_side_line="1" products_count="5" category_ids="2" template="Olegnax_ProductSlider::gridv2.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="0" show_wishlist="1" show_compare="0" show_review="1" show_quickview="1" type_name="Olegnax - Products List by Category"}}

<div class="a-center">
<div class="spacer-big">&nbsp;</div>
<span class="small-subtitle">choose position or remove</span>
<h1 class="big">Title Align, Side Lines</h1>
<div class="spacer-big">&nbsp;</div>
</div>
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Grid Title Left" title_align="left" title_tag="h3" title_side_line="1" products_count="5" category_ids="2" template="Olegnax_ProductSlider::grid.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="0" show_quickview="1" type_name="Olegnax - Products List by Category"}}

{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Grid NO Sidelines" title_align="center" title_tag="h3" title_side_line="0" products_count="5" category_ids="2" template="Olegnax_ProductSlider::grid.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="0" show_quickview="1" type_name="Olegnax - Products List by Category"}}


<div class="a-center">
<div class="spacer-big">&nbsp;</div>
<span class="small-subtitle">from Strong to H1</span>
<h1 class="big">Widget <em class="hightlighted-text lower">Title</em> Size</h1>
<div class="spacer-big">&nbsp;</div>
</div>
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Grid TItle h1" title_align="center" title_tag="h1" title_side_line="1" products_count="5" category_ids="2" template="Olegnax_ProductSlider::grid.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="1" show_quickview="1" type_name="Olegnax - Products List by Category"}}
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Grid TItle h2" title_align="center" title_tag="h2" title_side_line="1" products_count="5" category_ids="2" template="Olegnax_ProductSlider::grid.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="1" show_quickview="1" type_name="Olegnax - Products List by Category"}}
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Grid TItle h3" title_align="center" title_tag="h3" title_side_line="1" products_count="5" category_ids="2" template="Olegnax_ProductSlider::grid.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="1" show_quickview="1" type_name="Olegnax - Products List by Category"}}
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Grid TItle h4" title_align="center" title_tag="h4" title_side_line="1" products_count="5" category_ids="2" template="Olegnax_ProductSlider::grid.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="1" show_quickview="1" type_name="Olegnax - Products List by Category"}}]]></content>
			<sort_order>0</sort_order>
			<layout_update_xml></layout_update_xml>
			<custom_theme></custom_theme>
			<custom_root_template></custom_root_template>
			<custom_layout_update_xml></custom_layout_update_xml>
			<custom_theme_from></custom_theme_from>
			<custom_theme_to></custom_theme_to>
			<meta_title></meta_title>
			<layout_update_selected></layout_update_selected>
		</item>
		<item>
			<title>Product Carousels</title>
			<page_layout>1column</page_layout>
			<meta_keywords></meta_keywords>
			<meta_description></meta_description>
			<identifier>product-carousels</identifier>
			<content_heading></content_heading>
			<content><![CDATA[<div class="a-center">
<div class="spacer-small">&nbsp;</div>
<span class="small-subtitle">wide range of powerful</span>
<h1 class="big">Product <em class="hightlighted-text lower">Carousel</em> Widgets</h1>
<p class="big-text  ox-max-width-900">Show products by Categories, by ID, On Sale, New, Bestsellers, Most Viewed, Wishlist products, Featured or Recently Viewed. Lots of various carousel options, autoplay, rewind, loop, columns, dots, arrows, navigation position and align, title controls, choose layout and show hide different elements.</p>
<div class="spacer-big">&nbsp;</div>
</div>
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Products By Category" title_align="center" title_tag="h3" title_side_line="1" products_count="7" category_ids="2" template="Olegnax_ProductSlider::carousel.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="1" nav="1" nav_position="left-right" dots="1" dots_align="center" autoplay="0" autoplay_time="3000" pause_on_hover="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="1" show_quickview="1" type_name="Olegnax - Products List by Category"}}

<div class="row">
<div class="col-lg-6">
{{widget type="Olegnax\ProductSlider\Block\FeaturedProducts" show_title="1" title="Featured Products" title_align="center" title_tag="h3" title_side_line="1" products_count="5" template="Olegnax_ProductSlider::carouselv2.phtml" columns_desktop="3" columns_desktop_small="2" columns_tablet="4" columns_mobile="2" loop="0" rewind="1" nav="0" dots="0" autoplay="0" show_addtocart="0" show_wishlist="0" show_compare="0" show_review="0" show_quickview="1" type_name="Olegnax - Featured Products List"}}
<div class="spacer-small">&nbsp;</div>
</div>
<div class="col-lg-6">
{{widget type="Olegnax\ProductSlider\Block\BestSellerProducts" show_title="1" title="Best Seller Products" title_align="center" title_tag="h3" title_side_line="1" products_count="5" template="Olegnax_ProductSlider::carousel.phtml" columns_desktop="3" columns_desktop_small="2" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="1" nav_position="left-right" dots="1" dots_align="center" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="0" show_quickview="0" type_name="Olegnax - Best Seller Products List"}}
<div class="spacer-small">&nbsp;</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
{{widget type="Olegnax\ProductSlider\Block\OnSaleProducts" show_title="1" title="Sale Products" title_align="center" title_tag="h3" title_side_line="1" products_count="5" template="Olegnax_ProductSlider::carouselv2.phtml" columns_desktop="3" columns_desktop_small="2" columns_tablet="3" columns_mobile="2" loop="0" rewind="1" nav="0" dots="0" autoplay="0" show_addtocart="0" show_wishlist="0" show_compare="0" show_review="0" show_quickview="1" type_name="Olegnax - On Sale Products List"}}
<div class="spacer-small">&nbsp;</div>
</div>
<div class="col-lg-6">
{{widget type="Olegnax\ProductSlider\Block\NewProducts" show_title="1" title="New Products" title_align="center" title_tag="h3" title_side_line="1" products_count="5" template="Olegnax_ProductSlider::carouselv2.phtml" columns_desktop="3" columns_desktop_small="2" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="1" nav_position="left-right" dots="1" dots_align="center" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="0" show_review="0" show_quickview="1" type_name="Olegnax - New Products List"}}
<div class="spacer-small">&nbsp;</div>
</div>
</div>



<div class="a-center">
<div class="spacer-small">&nbsp;</div>
<span class="small-subtitle">align title and dots, set position for arrows</span>
<h1 class="big"><em class="hightlighted-text lower">Navigation</em> Alignment and Position</h1>
<div class="spacer-big">&nbsp;</div>
</div>
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Arrows near title" title_align="center" title_tag="h3" title_side_line="q" products_count="8" category_ids="2" template="Olegnax_ProductSlider::carousel.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="1" nav_position="title" dots="1" dots_align="center" autoplay="0" show_addtocart="0" show_wishlist="0" show_compare="0" show_review="0" show_quickview="1" type_name="Olegnax - Products List by Category"}}
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Title and Dots Align Left" title_align="left" title_tag="h3" title_side_line="q" products_count="8" category_ids="2" template="Olegnax_ProductSlider::carousel.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="1" nav_position="title" dots="1" dots_align="left" autoplay="0" show_addtocart="0" show_wishlist="0" show_compare="0" show_review="0" show_quickview="1" type_name="Olegnax - Products List by Category"}}
<div class="a-center">
<div class="spacer-small">&nbsp;</div>
<span class="small-subtitle">set time and stop on hover</span>
<h1 class="big">Carousel with <em class="hightlighted-text lower">Autoplay</em></h1>
<div class="spacer-big">&nbsp;</div>
</div>
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="01" title="Carousel with autoplay" title_align="center" title_tag="h3" title_side_line="1" products_count="10" category_ids="2" template="Olegnax_ProductSlider::carousel.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="1" nav="1" nav_position="left-right" dots="1" dots_align="center" autoplay="1" autoplay_time="3000" pause_on_hover="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="1" show_quickview="1" type_name="Olegnax - Products List by Category"}}
]]></content>
			<sort_order>0</sort_order>
			<layout_update_xml></layout_update_xml>
			<custom_theme></custom_theme>
			<custom_root_template></custom_root_template>
			<custom_layout_update_xml></custom_layout_update_xml>
			<custom_theme_from></custom_theme_from>
			<custom_theme_to></custom_theme_to>
			<meta_title></meta_title>
			<layout_update_selected></layout_update_selected>
		</item>
		<item>
			<title>Product Grid Columns</title>
			<page_layout>1column-fullwidth</page_layout>
			<meta_keywords></meta_keywords>
			<meta_description></meta_description>
			<identifier>product-grid-columns</identifier>
			<content_heading></content_heading>
			<content><![CDATA[<div class="a-center">
<div class="spacer-regular">&nbsp;</div>
<span class="small-subtitle">from 2 to 8 products per row</span>
<h1 class="big">Product Grid <em class="hightlighted-text lower">Columns</em></h1>
<p class="big-text">You can set different amount per row for different screen resolutions.</p>
<div class="spacer-big">&nbsp;</div>
</div>
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Eight Columns" title_align="center" title_tag="h3" title_side_line="1" products_count="8" category_ids="2" template="Olegnax_ProductSlider::grid.phtml" columns_desktop="8" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="0" show_review="0" show_quickview="0" type_name="Olegnax - Products List by Category"}}
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Six Columns" title_align="center" title_tag="h3" title_side_line="1" products_count="6" category_ids="2" template="Olegnax_ProductSlider::grid.phtml" columns_desktop="6" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="1" show_quickview="1" type_name="Olegnax - Products List by Category"}}

<div class="container">
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Five Columns" title_align="center" title_tag="h3" title_side_line="1" products_count="5" category_ids="2" template="Olegnax_ProductSlider::grid.phtml" columns_desktop="5" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="1" show_quickview="1" type_name="Olegnax - Products List by Category"}}
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Four Columns" title_align="center" title_tag="h3" title_side_line="1" products_count="4" category_ids="2" template="Olegnax_ProductSlider::grid.phtml" columns_desktop="4" columns_desktop_small="4" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="1" show_quickview="1" type_name="Olegnax - Products List by Category"}}

<div class="row">
<div class="col-md-6">
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Three Columns" title_align="center" title_tag="h3" title_side_line="1" products_count="3" category_ids="2" template="Olegnax_ProductSlider::grid.phtml" columns_desktop="3" columns_desktop_small="2" columns_tablet="3" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="1" show_quickview="1" type_name="Olegnax - Products List by Category"}}
<div class="spacer-small">&nbsp;</div>
</div>
<div class="col-md-6">
{{widget type="Olegnax\ProductSlider\Block\ProductsByCategory" show_title="1" title="Two Columns" title_align="center" title_tag="h3" title_side_line="1" products_count="2" category_ids="2" template="Olegnax_ProductSlider::grid.phtml" columns_desktop="2" olumns_desktop_small="2" columns_tablet="2" columns_mobile="2" loop="0" rewind="0" nav="0" dots="0" autoplay="0" show_addtocart="1" show_wishlist="1" show_compare="1" show_review="1" show_quickview="1" type_name="Olegnax - Products List by Category"}}
<div class="spacer-small">&nbsp;</div>
</div>
</div>
</div>

<div class="spacer-regular">&nbsp;</div>]]></content>
			<sort_order>0</sort_order>
			<layout_update_xml></layout_update_xml>
			<custom_theme></custom_theme>
			<custom_root_template></custom_root_template>
			<custom_layout_update_xml></custom_layout_update_xml>
			<custom_theme_from></custom_theme_from>
			<custom_theme_to></custom_theme_to>
			<meta_title></meta_title>
			<layout_update_selected></layout_update_selected>
		</item>
		<item>
			<title>faq</title>
			<page_layout>1column</page_layout>
			<meta_keywords></meta_keywords>
			<meta_description></meta_description>
			<identifier>faq</identifier>
			<content_heading></content_heading>
			<content><![CDATA[<div class="spacer-medium">&nbsp;</div>
<h6 style=font-weight:800;">have questions?<br>
weвЂ™ve got answers</h6>
<h1 class="huge">frequently asked<br>
    <em class="hightlighted-text ox-animate lower">questions</em></h1>
<div class="spacer-medium">&nbsp;</div>
<div class="ox-max-width-900">
    <h2>SHIPPING & DELIVERY</h2>
    <div class="ox-toggle collapsible medium-left">
        <div class="ox-toggle-title">
            <div class="toggle-minus"><span>&nbsp;</span></div>
            <strong class="h6">q: How Do I Order Internationally?</strong >
        </div>
        <div class="ox-toggle-content"  style="font-size:16px; font-weight:600;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut volutpat tellus, nec posuere metus. Curabitur urna mi, tempor id tempus sed, sollicitudin sagittis odio. Curabitur eu feugiat ipsum. Morbi et mollis nisl. Duis metus sem, pretium vel lacinia sit amet, faucibus sit amet augue. Ut elementum massa at mauris consequat, et euismod neque suscipit. Nullam vel magna at ex dapibus pretium a quis turpis. Nunc justo magna, luctus sit amet accumsan nec, rutrum nec nisl. Nam at pretium tellus, ut placerat felis. Phasellus vitae urna in lectus gravida tincidunt eget eu neque. Vestibulum laoreet est ipsum.</p>

            <p>Sed ut placerat sapien, et ullamcorper lorem. Sed ultrices venenatis sapien, eu molestie leo feugiat ac. Sed finibus ante eu lacinia ornare. Nam rutrum quam non justo bibendum, quis faucibus magna ornare. Curabitur in finibus tortor, a luctus est. Morbi eget metus id libero egestas tempor ut ac risus.</p></div>
    </div>
    <div class="ox-toggle collapsible medium-left">
        <div class="ox-toggle-title">
            <div class="toggle-minus"><span>&nbsp;</span></div>
            <strong class="h6">q: Shipping Options And Timeframes For Borderfree Orders:</strong >
        </div>
        <div class="ox-toggle-content"  style="font-size:16px; font-weight:600;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut volutpat tellus, nec posuere metus. Curabitur urna mi, tempor id tempus sed, sollicitudin sagittis odio. Curabitur eu feugiat ipsum. Morbi et mollis nisl. Duis metus sem, pretium vel lacinia sit amet, faucibus sit amet augue. Ut elementum massa at mauris consequat, et euismod neque suscipit. Nullam vel magna at ex dapibus pretium a quis turpis. Nunc justo magna, luctus sit amet accumsan nec, rutrum nec nisl. Nam at pretium tellus, ut placerat felis. Phasellus vitae urna in lectus gravida tincidunt eget eu neque. Vestibulum laoreet est ipsum.</p>

            <p>Sed ut placerat sapien, et ullamcorper lorem. Sed ultrices venenatis sapien, eu molestie leo feugiat ac. Sed finibus ante eu lacinia ornare. Nam rutrum quam non justo bibendum, quis faucibus magna ornare. Curabitur in finibus tortor, a luctus est. Morbi eget metus id libero egestas tempor ut ac risus.</p></div>
    </div>
    <div class="ox-toggle collapsible medium-left">
        <div class="ox-toggle-title">
            <div class="toggle-minus"><span>&nbsp;</span></div>
            <strong class="h6">q: Can I Use Promo Codes? </strong >
        </div>
        <div class="ox-toggle-content"  style="font-size:16px; font-weight:600;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut volutpat tellus, nec posuere metus. Curabitur urna mi, tempor id tempus sed, sollicitudin sagittis odio. Curabitur eu feugiat ipsum. Morbi et mollis nisl. Duis metus sem, pretium vel lacinia sit amet, faucibus sit amet augue. Ut elementum massa at mauris consequat, et euismod neque suscipit. Nullam vel magna at ex dapibus pretium a quis turpis. Nunc justo magna, luctus sit amet accumsan nec, rutrum nec nisl. Nam at pretium tellus, ut placerat felis. Phasellus vitae urna in lectus gravida tincidunt eget eu neque. Vestibulum laoreet est ipsum.</p>

            <p>Sed ut placerat sapien, et ullamcorper lorem. Sed ultrices venenatis sapien, eu molestie leo feugiat ac. Sed finibus ante eu lacinia ornare. Nam rutrum quam non justo bibendum, quis faucibus magna ornare. Curabitur in finibus tortor, a luctus est. Morbi eget metus id libero egestas tempor ut ac risus.</p></div>
    </div>
    <div class="spacer-medium">&nbsp;</div>
    <h2>ORDERS</h2>
    <div class="ox-toggle collapsible medium-left">
        <div class="ox-toggle-title">
            <div class="toggle-minus"><span>&nbsp;</span></div>
            <strong class="h6">q: How Can I Change Or Cancel My Order?</strong>
        </div>
        <div class="ox-toggle-content"  style="font-size:16px; font-weight:600;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut volutpat tellus, nec posuere metus. Curabitur urna mi, tempor id tempus sed, sollicitudin sagittis odio. Curabitur eu feugiat ipsum. Morbi et mollis nisl. Duis metus sem, pretium vel lacinia sit amet, faucibus sit amet augue. Ut elementum massa at mauris consequat, et euismod neque suscipit. Nullam vel magna at ex dapibus pretium a quis turpis. Nunc justo magna, luctus sit amet accumsan nec, rutrum nec nisl. Nam at pretium tellus, ut placerat felis. Phasellus vitae urna in lectus gravida tincidunt eget eu neque. Vestibulum laoreet est ipsum.</p>

            <p>Sed ut placerat sapien, et ullamcorper lorem. Sed ultrices venenatis sapien, eu molestie leo feugiat ac. Sed finibus ante eu lacinia ornare. Nam rutrum quam non justo bibendum, quis faucibus magna ornare. Curabitur in finibus tortor, a luctus est. Morbi eget metus id libero egestas tempor ut ac risus.</p></div>
    </div>
    <div class="ox-toggle collapsible medium-left">
        <div class="ox-toggle-title">
            <div class="toggle-minus"><span>&nbsp;</span></div>
            <strong class="h6">q: How Can I Track My Borderfree Order?</strong >
        </div>
        <div class="ox-toggle-content"  style="font-size:16px; font-weight:600;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut volutpat tellus, nec posuere metus. Curabitur urna mi, tempor id tempus sed, sollicitudin sagittis odio. Curabitur eu feugiat ipsum. Morbi et mollis nisl. Duis metus sem, pretium vel lacinia sit amet, faucibus sit amet augue. Ut elementum massa at mauris consequat, et euismod neque suscipit. Nullam vel magna at ex dapibus pretium a quis turpis. Nunc justo magna, luctus sit amet accumsan nec, rutrum nec nisl. Nam at pretium tellus, ut placerat felis. Phasellus vitae urna in lectus gravida tincidunt eget eu neque. Vestibulum laoreet est ipsum.</p>

            <p>Sed ut placerat sapien, et ullamcorper lorem. Sed ultrices venenatis sapien, eu molestie leo feugiat ac. Sed finibus ante eu lacinia ornare. Nam rutrum quam non justo bibendum, quis faucibus magna ornare. Curabitur in finibus tortor, a luctus est. Morbi eget metus id libero egestas tempor ut ac risus.</p></div>
    </div>
    <div class="ox-toggle collapsible medium-left">
        <div class="ox-toggle-title">
            <div class="toggle-minus"><span>&nbsp;</span></div>
            <strong class="h6">q: returns & exchanges</strong >
        </div>
        <div class="ox-toggle-content"  style="font-size:16px; font-weight:600;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut volutpat tellus, nec posuere metus. Curabitur urna mi, tempor id tempus sed, sollicitudin sagittis odio. Curabitur eu feugiat ipsum. Morbi et mollis nisl. Duis metus sem, pretium vel lacinia sit amet, faucibus sit amet augue. Ut elementum massa at mauris consequat, et euismod neque suscipit. Nullam vel magna at ex dapibus pretium a quis turpis. Nunc justo magna, luctus sit amet accumsan nec, rutrum nec nisl. Nam at pretium tellus, ut placerat felis. Phasellus vitae urna in lectus gravida tincidunt eget eu neque. Vestibulum laoreet est ipsum.</p>

            <p>Sed ut placerat sapien, et ullamcorper lorem. Sed ultrices venenatis sapien, eu molestie leo feugiat ac. Sed finibus ante eu lacinia ornare. Nam rutrum quam non justo bibendum, quis faucibus magna ornare. Curabitur in finibus tortor, a luctus est. Morbi eget metus id libero egestas tempor ut ac risus.</p></div>
    </div>
    <div class="ox-toggle collapsible medium-left">
        <div class="ox-toggle-title">
            <div class="toggle-minus"><span>&nbsp;</span></div>
            <strong class="h6">q: Billing And Payment Options</strong >
        </div>
        <div class="ox-toggle-content"  style="font-size:16px; font-weight:600;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut volutpat tellus, nec posuere metus. Curabitur urna mi, tempor id tempus sed, sollicitudin sagittis odio. Curabitur eu feugiat ipsum. Morbi et mollis nisl. Duis metus sem, pretium vel lacinia sit amet, faucibus sit amet augue. Ut elementum massa at mauris consequat, et euismod neque suscipit. Nullam vel magna at ex dapibus pretium a quis turpis. Nunc justo magna, luctus sit amet accumsan nec, rutrum nec nisl. Nam at pretium tellus, ut placerat felis. Phasellus vitae urna in lectus gravida tincidunt eget eu neque. Vestibulum laoreet est ipsum.</p>
            <p>Sed ut placerat sapien, et ullamcorper lorem. Sed ultrices venenatis sapien, eu molestie leo feugiat ac. Sed finibus ante eu lacinia ornare. Nam rutrum quam non justo bibendum, quis faucibus magna ornare. Curabitur in finibus tortor, a luctus est. Morbi eget metus id libero egestas tempor ut ac risus.</p>
        </div>
    </div>
    <div class="spacer-medium">&nbsp;</div>
    <div class="ox-banner image-cover ox-img-zoom-out-hover ox-banner-content-overlay h-left v-bottom">
        <a class="ox-banner-link" href="#">
           <img src="{{media url=&athlete2/Demos/ca/banner-green-bg.png&quot;}}" alt="" />
           <span class="ox-banner-container top big-padding">
                <span class="h6" style="font-weight:800;">get in touch</span> 
            </span>
            <span class="ox-banner-container big-padding">
                <span class="row">
                    <span class="col-12 col-sm-8 col-md-6 ox-margin ox-margin-sm-no">
                        <span class="h2">couldnвЂ™t find answers to your questions?</span>
                    </span>
                    <span class="col-12 col-sm-4 col-md-6">
                        <span class="small-line blink" style=" position: absolute; bottom: 0;left: 20px;">&nbsp;</span>
                    </span>
                 </span>
            </span>	
        </a>
    </div>
</div>
<div class="spacer-medium">&nbsp;</div>

]]></content>
			<sort_order>0</sort_order>
			<layout_update_xml></layout_update_xml>
			<custom_theme></custom_theme>
			<custom_root_template></custom_root_template>
			<custom_layout_update_xml></custom_layout_update_xml>
			<custom_theme_from></custom_theme_from>
			<custom_theme_to></custom_theme_to>
			<meta_title></meta_title>
			<layout_update_selected></layout_update_selected>
		</item>
		<item>
			<title>Faq v2</title>
			<page_layout>1column</page_layout>
			<meta_keywords></meta_keywords>
			<meta_description></meta_description>
			<identifier>faq-v2</identifier>
			<content_heading></content_heading>
			<content><![CDATA[<div class="spacer-medium">&nbsp;</div>
<h6 style=font-weight:800;">have questions?<br>
weвЂ™ve got answers</h6>
<h1 class="huge">frequently asked<br>
    <em class="hightlighted-text ox-animate lower">questions</em></h1>
<div class="spacer-medium">&nbsp;</div>
<div class="row">
    <div class="col-md-6">
        <h2>SHIPPING & DELIVERY</h2>
        <div class="ox-toggle collapsible medium-left">
            <div class="ox-toggle-title">
                <div class="toggle-minus"><span>&nbsp;</span></div>
                <strong class="h6">q: How Do I Order Internationally?</strong >
            </div>
            <div class="ox-toggle-content"  style="font-size:16px; font-weight:600;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut volutpat tellus, nec posuere metus. Curabitur urna mi, tempor id tempus sed, sollicitudin sagittis odio. Curabitur eu feugiat ipsum. Morbi et mollis nisl. Duis metus sem, pretium vel lacinia sit amet, faucibus sit amet augue. Ut elementum massa at mauris consequat, et euismod neque suscipit. Nullam vel magna at ex dapibus pretium a quis turpis. Nunc justo magna, luctus sit amet accumsan nec, rutrum nec nisl. Nam at pretium tellus, ut placerat felis. Phasellus vitae urna in lectus gravida tincidunt eget eu neque. Vestibulum laoreet est ipsum.</p>

                <p>Sed ut placerat sapien, et ullamcorper lorem. Sed ultrices venenatis sapien, eu molestie leo feugiat ac. Sed finibus ante eu lacinia ornare. Nam rutrum quam non justo bibendum, quis faucibus magna ornare. Curabitur in finibus tortor, a luctus est. Morbi eget metus id libero egestas tempor ut ac risus.</p></div>
        </div>
        <div class="ox-toggle collapsible medium-left">
            <div class="ox-toggle-title">
                <div class="toggle-minus"><span>&nbsp;</span></div>
                <strong class="h6">q: Shipping Options And Timeframes For Orders:</strong >
            </div>
            <div class="ox-toggle-content"  style="font-size:16px; font-weight:600;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut volutpat tellus, nec posuere metus. Curabitur urna mi, tempor id tempus sed, sollicitudin sagittis odio. Curabitur eu feugiat ipsum. Morbi et mollis nisl. Duis metus sem, pretium vel lacinia sit amet, faucibus sit amet augue. Ut elementum massa at mauris consequat, et euismod neque suscipit. Nullam vel magna at ex dapibus pretium a quis turpis. Nunc justo magna, luctus sit amet accumsan nec, rutrum nec nisl. Nam at pretium tellus, ut placerat felis. Phasellus vitae urna in lectus gravida tincidunt eget eu neque. Vestibulum laoreet est ipsum.</p>

                <p>Sed ut placerat sapien, et ullamcorper lorem. Sed ultrices venenatis sapien, eu molestie leo feugiat ac. Sed finibus ante eu lacinia ornare. Nam rutrum quam non justo bibendum, quis faucibus magna ornare. Curabitur in finibus tortor, a luctus est. Morbi eget metus id libero egestas tempor ut ac risus.</p></div>
        </div>
        <div class="ox-toggle collapsible medium-left">
            <div class="ox-toggle-title">
                <div class="toggle-minus"><span>&nbsp;</span></div>
                <strong class="h6">q: Can I Use Promo Codes? </strong >
            </div>
            <div class="ox-toggle-content"  style="font-size:16px; font-weight:600;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut volutpat tellus, nec posuere metus. Curabitur urna mi, tempor id tempus sed, sollicitudin sagittis odio. Curabitur eu feugiat ipsum. Morbi et mollis nisl. Duis metus sem, pretium vel lacinia sit amet, faucibus sit amet augue. Ut elementum massa at mauris consequat, et euismod neque suscipit. Nullam vel magna at ex dapibus pretium a quis turpis. Nunc justo magna, luctus sit amet accumsan nec, rutrum nec nisl. Nam at pretium tellus, ut placerat felis. Phasellus vitae urna in lectus gravida tincidunt eget eu neque. Vestibulum laoreet est ipsum.</p>

                <p>Sed ut placerat sapien, et ullamcorper lorem. Sed ultrices venenatis sapien, eu molestie leo feugiat ac. Sed finibus ante eu lacinia ornare. Nam rutrum quam non justo bibendum, quis faucibus magna ornare. Curabitur in finibus tortor, a luctus est. Morbi eget metus id libero egestas tempor ut ac risus.</p></div>
        </div>
        <div class="spacer-medium">&nbsp;</div>
        <h2>returns</h2>
        <div class="ox-toggle collapsible medium-left">
            <div class="ox-toggle-title">
                <div class="toggle-minus"><span>&nbsp;</span></div>
                <strong class="h6">q: How Can I Change Or Cancel My Order?</strong>
            </div>
            <div class="ox-toggle-content"  style="font-size:16px; font-weight:600;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut volutpat tellus, nec posuere metus. Curabitur urna mi, tempor id tempus sed, sollicitudin sagittis odio. Curabitur eu feugiat ipsum. Morbi et mollis nisl. Duis metus sem, pretium vel lacinia sit amet, faucibus sit amet augue. Ut elementum massa at mauris consequat, et euismod neque suscipit. Nullam vel magna at ex dapibus pretium a quis turpis. Nunc justo magna, luctus sit amet accumsan nec, rutrum nec nisl. Nam at pretium tellus, ut placerat felis. Phasellus vitae urna in lectus gravida tincidunt eget eu neque. Vestibulum laoreet est ipsum.</p>

                <p>Sed ut placerat sapien, et ullamcorper lorem. Sed ultrices venenatis sapien, eu molestie leo feugiat ac. Sed finibus ante eu lacinia ornare. Nam rutrum quam non justo bibendum, quis faucibus magna ornare. Curabitur in finibus tortor, a luctus est. Morbi eget metus id libero egestas tempor ut ac risus.</p></div>
        </div>
        <div class="ox-toggle collapsible medium-left">
            <div class="ox-toggle-title">
                <div class="toggle-minus"><span>&nbsp;</span></div>
                <strong class="h6">q: returns & exchanges</strong >
            </div>
            <div class="ox-toggle-content"  style="font-size:16px; font-weight:600;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut volutpat tellus, nec posuere metus. Curabitur urna mi, tempor id tempus sed, sollicitudin sagittis odio. Curabitur eu feugiat ipsum. Morbi et mollis nisl. Duis metus sem, pretium vel lacinia sit amet, faucibus sit amet augue. Ut elementum massa at mauris consequat, et euismod neque suscipit. Nullam vel magna at ex dapibus pretium a quis turpis. Nunc justo magna, luctus sit amet accumsan nec, rutrum nec nisl. Nam at pretium tellus, ut placerat felis. Phasellus vitae urna in lectus gravida tincidunt eget eu neque. Vestibulum laoreet est ipsum.</p>

                <p>Sed ut placerat sapien, et ullamcorper lorem. Sed ultrices venenatis sapien, eu molestie leo feugiat ac. Sed finibus ante eu lacinia ornare. Nam rutrum quam non justo bibendum, quis faucibus magna ornare. Curabitur in finibus tortor, a luctus est. Morbi eget metus id libero egestas tempor ut ac risus.</p></div>
        </div>
        <div class="spacer-medium">&nbsp;</div>
    </div>
    <div class="col-md-6">
        <h2>ORDERS</h2>
        <div class="ox-toggle collapsible medium-left">
            <div class="ox-toggle-title">
                <div class="toggle-minus"><span>&nbsp;</span></div>
                <strong class="h6">q: How Can I Change Or Cancel My Order?</strong>
            </div>
            <div class="ox-toggle-content"  style="font-size:16px; font-weight:600;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut volutpat tellus, nec posuere metus. Curabitur urna mi, tempor id tempus sed, sollicitudin sagittis odio. Curabitur eu feugiat ipsum. Morbi et mollis nisl. Duis metus sem, pretium vel lacinia sit amet, faucibus sit amet augue. Ut elementum massa at mauris consequat, et euismod neque suscipit. Nullam vel magna at ex dapibus pretium a quis turpis. Nunc justo magna, luctus sit amet accumsan nec, rutrum nec nisl. Nam at pretium tellus, ut placerat felis. Phasellus vitae urna in lectus gravida tincidunt eget eu neque. Vestibulum laoreet est ipsum.</p>

                <p>Sed ut placerat sapien, et ullamcorper lorem. Sed ultrices venenatis sapien, eu molestie leo feugiat ac. Sed finibus ante eu lacinia ornare. Nam rutrum quam non justo bibendum, quis faucibus magna ornare. Curabitur in finibus tortor, a luctus est. Morbi eget metus id libero egestas tempor ut ac risus.</p></div>
        </div>
        <div class="ox-toggle collapsible medium-left">
            <div class="ox-toggle-title">
                <div class="toggle-minus"><span>&nbsp;</span></div>
                <strong class="h6">q: How Can I Track My Borderfree Order?</strong >
            </div>
            <div class="ox-toggle-content"  style="font-size:16px; font-weight:600;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut volutpat tellus, nec posuere metus. Curabitur urna mi, tempor id tempus sed, sollicitudin sagittis odio. Curabitur eu feugiat ipsum. Morbi et mollis nisl. Duis metus sem, pretium vel lacinia sit amet, faucibus sit amet augue. Ut elementum massa at mauris consequat, et euismod neque suscipit. Nullam vel magna at ex dapibus pretium a quis turpis. Nunc justo magna, luctus sit amet accumsan nec, rutrum nec nisl. Nam at pretium tellus, ut placerat felis. Phasellus vitae urna in lectus gravida tincidunt eget eu neque. Vestibulum laoreet est ipsum.</p>

                <p>Sed ut placerat sapien, et ullamcorper lorem. Sed ultrices venenatis sapien, eu molestie leo feugiat ac. Sed finibus ante eu lacinia ornare. Nam rutrum quam non justo bibendum, quis faucibus magna ornare. Curabitur in finibus tortor, a luctus est. Morbi eget metus id libero egestas tempor ut ac risus.</p></div>
        </div>
        <div class="ox-toggle collapsible medium-left">
            <div class="ox-toggle-title">
                <div class="toggle-minus"><span>&nbsp;</span></div>
                <strong class="h6">q: returns & exchanges</strong >
            </div>
            <div class="ox-toggle-content"  style="font-size:16px; font-weight:600;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut volutpat tellus, nec posuere metus. Curabitur urna mi, tempor id tempus sed, sollicitudin sagittis odio. Curabitur eu feugiat ipsum. Morbi et mollis nisl. Duis metus sem, pretium vel lacinia sit amet, faucibus sit amet augue. Ut elementum massa at mauris consequat, et euismod neque suscipit. Nullam vel magna at ex dapibus pretium a quis turpis. Nunc justo magna, luctus sit amet accumsan nec, rutrum nec nisl. Nam at pretium tellus, ut placerat felis. Phasellus vitae urna in lectus gravida tincidunt eget eu neque. Vestibulum laoreet est ipsum.</p>

                <p>Sed ut placerat sapien, et ullamcorper lorem. Sed ultrices venenatis sapien, eu molestie leo feugiat ac. Sed finibus ante eu lacinia ornare. Nam rutrum quam non justo bibendum, quis faucibus magna ornare. Curabitur in finibus tortor, a luctus est. Morbi eget metus id libero egestas tempor ut ac risus.</p></div>
        </div>
        <div class="ox-toggle collapsible medium-left">
            <div class="ox-toggle-title">
                <div class="toggle-minus"><span>&nbsp;</span></div>
                <strong class="h6">q: Billing And Payment Options</strong >
            </div>
            <div class="ox-toggle-content"  style="font-size:16px; font-weight:600;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut volutpat tellus, nec posuere metus. Curabitur urna mi, tempor id tempus sed, sollicitudin sagittis odio. Curabitur eu feugiat ipsum. Morbi et mollis nisl. Duis metus sem, pretium vel lacinia sit amet, faucibus sit amet augue. Ut elementum massa at mauris consequat, et euismod neque suscipit. Nullam vel magna at ex dapibus pretium a quis turpis. Nunc justo magna, luctus sit amet accumsan nec, rutrum nec nisl. Nam at pretium tellus, ut placerat felis. Phasellus vitae urna in lectus gravida tincidunt eget eu neque. Vestibulum laoreet est ipsum.</p>
                <p>Sed ut placerat sapien, et ullamcorper lorem. Sed ultrices venenatis sapien, eu molestie leo feugiat ac. Sed finibus ante eu lacinia ornare. Nam rutrum quam non justo bibendum, quis faucibus magna ornare. Curabitur in finibus tortor, a luctus est. Morbi eget metus id libero egestas tempor ut ac risus.</p>
            </div>
        </div>
        <div class="spacer-medium">&nbsp;</div>
    </div>    
</div>
<div class="row">
    <div class="col-md-6">        
        <div style="background: #f7f7f7; padding:12%;">
            <div class="small-line" style="margin-bottom:12%;">&nbsp;</div>
            <h2 style="max-width: 400px;    margin-bottom: 40px;">couldnвЂ™t find answers to your questions?</h2>
            <a href="#" class="button long h6 primary">get in touch</a>
        </div>	
    </div>    
</div>
<div class="spacer-medium">&nbsp;</div>

]]></content>
			<sort_order>0</sort_order>
			<layout_update_xml></layout_update_xml>
			<custom_theme></custom_theme>
			<custom_root_template></custom_root_template>
			<custom_layout_update_xml></custom_layout_update_xml>
			<custom_theme_from></custom_theme_from>
			<custom_theme_to></custom_theme_to>
			<meta_title></meta_title>
			<layout_update_selected></layout_update_selected>
		</item>
		<item>
			<title>Instagram Feed</title>
			<page_layout>1column-fullwidth</page_layout>
			<meta_keywords></meta_keywords>
			<meta_description></meta_description>
			<identifier>instagram-feed</identifier>
			<content_heading></content_heading>
			<content><![CDATA[<div class="container a-center">
<div class="spacer-regular">&nbsp;</div>
<h1 class="big"><em class="ox-animate hightlighted-text lower">Instagram</em> Feed</h1>
<p class="big-text">You can add Instagram feed anywhere on website using widget. <br>Adjust amount of images, columns and layout.</p>
<div class="spacer-small">&nbsp;</div>
</div>
{{widget type="Olegnax\InstagramMin\Block\Widget\Instagram" images_count="6" columns_desktop="6" columns_tablet="3" columns_mobile="3" lazy_load="noexclude" template="Olegnax_InstagramMin::widget/instagram_list.phtml" image_resize="square"}}


<div class="container a-center">
<div class="spacer-regular">&nbsp;</div>
<h2>Big First Image Layout </h2>
<div class="spacer-small">&nbsp;</div>
</div>
{{widget type="Olegnax\InstagramMin\Block\Widget\Instagram" images_count="7" columns_desktop="3" columns_tablet="3" columns_mobile="2" lazy_load="noexclude" template="Olegnax_InstagramMin::widget/instagram_list_2.phtml" image_resize="square"}}


]]></content>
			<sort_order>0</sort_order>
			<layout_update_xml></layout_update_xml>
			<custom_theme></custom_theme>
			<custom_root_template></custom_root_template>
			<custom_layout_update_xml></custom_layout_update_xml>
			<custom_theme_from></custom_theme_from>
			<custom_theme_to></custom_theme_to>
			<meta_title></meta_title>
			<layout_update_selected></layout_update_selected>
		</item>
		<item>
			<title>Expand Content</title>
			<page_layout>1column</page_layout>
			<meta_keywords></meta_keywords>
			<meta_description></meta_description>
			<identifier>expand-content</identifier>
			<content_heading></content_heading>
			<content><![CDATA[<div class="a-center ox-max-width-900">
<div class="spacer-small">&nbsp;</div>
<h1 class="big"><em class="ox-animate hightlighted-text ">Expand</em> Long Content</h1>
<p class="big-text">You can wrap any content in ox-expand wrappers and set max-height to it. <br>See examples below.</p>
<div class="spacer-small">&nbsp;</div>
</div>

<div class="a-center">
<div class="spacer-regular">&nbsp;</div>
<h2>Default max height, 90px</h2>
<div class="spacer-small">&nbsp;</div>
</div>
<div class="ox-expand minimized">
	<div class="ox-expand__inner" aria-expanded="false">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et varius ligula. Nulla facilisi. Maecenas at egestas dolor. Mauris sed tellus ultricies, aliquet sem ut, feugiat leo. Sed nec ipsum ut ligula maximus accumsan at eu ante. Proin vel faucibus tortor. Phasellus a rutrum erat, quis pharetra nisi. Morbi auctor diam eu diam aliquet laoreet. Nullam eget mauris ac ex aliquet congue. Mauris semper congue porttitor. Maecenas ullamcorper vestibulum massa, in rhoncus tellus ornare imperdiet.

Curabitur ac diam ut ante maximus pellentesque iaculis eget justo. Praesent non gravida arcu. Nullam massa nunc, egestas nec nisi in, tincidunt venenatis dui. Ut ante purus, suscipit et tempus id, molestie at lacus. Fusce eget elementum tortor, at fermentum nisi. Sed ut turpis mi. Morbi ultricies, nisl malesuada aliquam posuere, tortor lacus lacinia est, non maximus lorem velit at ante. Etiam nisi leo, tincidunt nec lacinia ac, vehicula ut lectus.

Ut ultrices nunc a justo iaculis, eu malesuada ligula molestie. Pellentesque ac pretium arcu, eu tincidunt nibh. Sed posuere mauris ut felis sollicitudin tincidunt. Aliquam ut tortor rutrum, consectetur felis et, scelerisque massa. Vivamus congue magna et convallis tempus. Duis ac dolor sit amet leo pulvinar condimentum eu ut nisl. Proin maximus non nunc eu fringilla. Curabitur eu orci enim. Praesent tincidunt eleifend justo quis hendrerit. Morbi sit amet rutrum massa, a ullamcorper sem. Quisque mollis mi id tortor condimentum, a iaculis tortor eleifend. Donec facilisis efficitur urna at convallis. Curabitur eget urna velit. In pharetra libero eget erat volutpat, sit amet dapibus purus vestibulum. Praesent ultrices sapien vel elit commodo pulvinar.
	</div>
	<div class="ox-expand__link">
		<span class="more">Show more</span>
		<span class="less">Show less</span>
	</div>
</div>


<div class="a-center">
<div class="spacer-regular">&nbsp;</div>
<h2>Max height 200px</h2>
<div class="spacer-small">&nbsp;</div>
</div>
<div class="ox-expand minimized" data-max-height="200">
	<div class="ox-expand__inner" aria-expanded="false" style="max-height:200px">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et varius ligula. Nulla facilisi. Maecenas at egestas dolor. Mauris sed tellus ultricies, aliquet sem ut, feugiat leo. Sed nec ipsum ut ligula maximus accumsan at eu ante. Proin vel faucibus tortor. Phasellus a rutrum erat, quis pharetra nisi. Morbi auctor diam eu diam aliquet laoreet. Nullam eget mauris ac ex aliquet congue. Mauris semper congue porttitor. Maecenas ullamcorper vestibulum massa, in rhoncus tellus ornare imperdiet.

Curabitur ac diam ut ante maximus pellentesque iaculis eget justo. Praesent non gravida arcu. Nullam massa nunc, egestas nec nisi in, tincidunt venenatis dui. Ut ante purus, suscipit et tempus id, molestie at lacus. Fusce eget elementum tortor, at fermentum nisi. Sed ut turpis mi. Morbi ultricies, nisl malesuada aliquam posuere, tortor lacus lacinia est, non maximus lorem velit at ante. Etiam nisi leo, tincidunt nec lacinia ac, vehicula ut lectus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et varius ligula. Nulla facilisi. Maecenas at egestas dolor. Mauris sed tellus ultricies, aliquet sem ut, feugiat leo. Sed nec ipsum ut ligula maximus accumsan at eu ante. Proin vel faucibus tortor. Phasellus a rutrum erat, quis pharetra nisi. Morbi auctor diam eu diam aliquet laoreet. Nullam eget mauris ac ex aliquet congue. Mauris semper congue porttitor. Maecenas ullamcorper vestibulum massa, in rhoncus tellus ornare imperdiet.

Curabitur ac diam ut ante maximus pellentesque iaculis eget justo. Praesent non gravida arcu. Nullam massa nunc, egestas nec nisi in, tincidunt venenatis dui. Ut ante purus, suscipit et tempus id, molestie at lacus. Fusce eget elementum tortor, at fermentum nisi. Sed ut turpis mi. Morbi ultricies, nisl malesuada aliquam posuere, tortor lacus lacinia est, non maximus lorem velit at ante. Etiam nisi leo, tincidunt nec lacinia ac, vehicula ut lectus.

Ut ultrices nunc a justo iaculis, eu malesuada ligula molestie. Pellentesque ac pretium arcu, eu tincidunt nibh. Sed posuere mauris ut felis sollicitudin tincidunt. Aliquam ut tortor rutrum, consectetur felis et, scelerisque massa. Vivamus congue magna et convallis tempus. Duis ac dolor sit amet leo pulvinar condimentum eu ut nisl. Proin maximus non nunc eu fringilla. Curabitur eu orci enim. Praesent tincidunt eleifend justo quis hendrerit. Morbi sit amet rutrum massa, a ullamcorper sem. Quisque mollis mi id tortor condimentum, a iaculis tortor eleifend. Donec facilisis efficitur urna at convallis. Curabitur eget urna velit. In pharetra libero eget erat volutpat, sit amet dapibus purus vestibulum. Praesent ultrices sapien vel elit commodo pulvinar.
Ut ultrices nunc a justo iaculis, eu malesuada ligula molestie. Pellentesque ac pretium arcu, eu tincidunt nibh. Sed posuere mauris ut felis sollicitudin tincidunt. Aliquam ut tortor rutrum, consectetur felis et, scelerisque massa. Vivamus congue magna et convallis tempus. Duis ac dolor sit amet leo pulvinar condimentum eu ut nisl. Proin maximus non nunc eu fringilla. Curabitur eu orci enim. Praesent tincidunt eleifend justo quis hendrerit. Morbi sit amet rutrum massa, a ullamcorper sem. Quisque mollis mi id tortor condimentum, a iaculis tortor eleifend. Donec facilisis efficitur urna at convallis. Curabitur eget urna velit. In pharetra libero eget erat volutpat, sit amet dapibus purus vestibulum. Praesent ultrices sapien vel elit commodo pulvinar.
	</div>
	<div class="ox-expand__link a-center">
		<span class="more">Show more</span>
		<span class="less">Show less</span>
	</div>
</div>

<div class="spacer-regular">&nbsp;</div>]]></content>
			<sort_order>0</sort_order>
			<layout_update_xml></layout_update_xml>
			<custom_theme></custom_theme>
			<custom_root_template></custom_root_template>
			<custom_layout_update_xml></custom_layout_update_xml>
			<custom_theme_from></custom_theme_from>
			<custom_theme_to></custom_theme_to>
			<meta_title></meta_title>
			<layout_update_selected></layout_update_selected>
		</item>
		<item>
			<title>Brands Widget</title>
			<page_layout>1column</page_layout>
			<meta_keywords></meta_keywords>
			<meta_description></meta_description>
			<identifier>brands-widget</identifier>
			<content_heading></content_heading>
			<content><![CDATA[<div class="a-center ox-max-width-900">
<div class="spacer-small">&nbsp;</div>
<h1 class="big"><em class="ox-animate hightlighted-text">Brands</em> Widget</h1>
<p class="big-text">You can add brands as slider or grid anywhere with our widget. You can set brand image size for each widget, grid columns, and set what brands to show exactly by their names. Additionally you can choose hover effect.</p>
<div class="spacer-small">&nbsp;</div>
</div>

<div class="a-center">
<div class="spacer-regular">&nbsp;</div>
<h2>Brands Slider</h2>
<div class="spacer-small">&nbsp;</div>
</div>
{{widget type="Olegnax\BrandSlider\Block\BrandSlider" items_list="" height="140" width="178" auto_scroll="3" scroll_items="1" rewind="1" nav="show" image_hover="default" template="Olegnax_BrandSlider::brandslider.phtml"}}

<div class="a-center">
<div class="spacer-regular">&nbsp;</div>
<h2>Brands Grid</h2>
<div class="spacer-small">&nbsp;</div>
</div>
{{widget type="Olegnax\BrandSlider\Block\BrandSlider" items_list="" height="100" width="100" scroll_items="1" rewind="0" nav="show" image_hover="default" template="Olegnax_BrandSlider::brandsgrid.phtml" columns_desktop="10" columns_desktop_small="8" columns_tablet="6" columns_mobile="4"}}

<div class="a-center">
<div class="spacer-regular">&nbsp;</div>
<h2>Brands Grid with Selected Brands only.</h2>
<div class="spacer-small">&nbsp;</div>
</div>
{{widget type="Olegnax\BrandSlider\Block\BrandSlider" items_list="CC Shoes,Abibas, Athlete2,Holy Haters,Okey,Puma,Salaman" height="140" width="178" scroll_items="1" rewind="0" nav="show" image_hover="overlay" template="Olegnax_BrandSlider::brandsgrid.phtml" columns_desktop="7" columns_desktop_small="7" columns_tablet="4" columns_mobile="4"}}]]></content>
			<sort_order>0</sort_order>
			<layout_update_xml></layout_update_xml>
			<custom_theme></custom_theme>
			<custom_root_template></custom_root_template>
			<custom_layout_update_xml></custom_layout_update_xml>
			<custom_theme_from></custom_theme_from>
			<custom_theme_to></custom_theme_to>
			<meta_title></meta_title>
			<layout_update_selected></layout_update_selected>
		</item>
		<item>
			<title>Buttons</title>
			<page_layout>1column</page_layout>
			<meta_keywords></meta_keywords>
			<meta_description></meta_description>
			<identifier>buttons</identifier>
			<content_heading></content_heading>
			<content><![CDATA[<style>ul.list-wm > li{ margin-bottom:5px; } ul.list-wm { padding:0; list-style:none;}</style>
<div class="a-center ox-max-width-900">
<div class="spacer-small">&nbsp;</div>
<h1 class="big">Theme <em class="ox-animate hightlighted-text">Buttons</em></h1>
<p class="big-text">Athlete 2 Theme comes with 5 button styles, 7 sizes, plus two mobile sizes. Add <span class="at-highlight">medium-s</span> or <span class="at-highlight">small-s </span>class to button to change its size on mobile.</p>
<div class="spacer-small">&nbsp;</div>
</div>
<div class="spacer-regular">&nbsp;</div>
<div class="row">
<div class="col-md-6 col-lg-4">
<h4>Default Button</h4>
<ul class="list-wm">
<li><a href="#" class="button small">Small</a></li>
<li><a href="#" class="button">Normal</a></li>
<li><a href="#" class="button medium">Medium</a></li>
<li><a href="#" class="button big">Big</a></li>
<li><a href="#" class="button big-wide">Big Wider</a></li>
<li><a href="#" class="button long">Long</a></li>
<li><a href="#" class="button slider-long">Longer</a></li>
<ul>
</div>
<div class="col-md-6 col-lg-4">
<h4>Outline Button</h4>
<ul class="list-wm">
<li><a href="#" class="button outline small">Small</a></li>
<li><a href="#" class="button outline ">Normal</a></li>
<li><a href="#" class="button outline medium">Medium</a></li>
<li><a href="#" class="button outline big">Big</a></li>
<li><a href="#" class="button outline big-wide">Big Wider</a></li>
<li><a href="#" class="button outline long">Long</a></li>
<li><a href="#" class="button outline slider-long">Longer</a></li>
<ul>
</div>
<div class="col-md-6 col-lg-4">
<h4>Simple Hover Button</h4>
<ul class="list-wm">
<li><a href="#" class="button simple small">Small</a></li>
<li><a href="#" class="button simple">Normal</a></li>
<li><a href="#" class="button simple medium">Medium</a></li>
<li><a href="#" class="button simple big">Big</a></li>
<li><a href="#" class="button simple big-wide">Big Wider</a></li>
<li><a href="#" class="button simple long">Long</a></li>
<li><a href="#" class="button simple slider-long">Longer</a></li>
<ul>
</div>
</div>
<div class="spacer-regular">&nbsp;</div>
<div class="row">
<div class="col-md-6 col-lg-4">
<h4>Naked Button</h4>
<ul class="list-wm">
<li><a href="#" class="button naked small">Small</a></li>
<li><a href="#" class="button naked ">Normal</a></li>
<li><a href="#" class="button naked medium">Medium</a></li>
<li><a href="#" class="button naked big">Big</a></li>
<li><a href="#" class="button naked big-wide">Big Wider</a></li>
<li><a href="#" class="button naked long">Long</a></li>
<li><a href="#" class="button naked slider-long">Longer</a></li>
<ul>
</div>
<div class="col-md-6 col-lg-4">
<h4>Underlined Button</h4>
<ul class="list-wm">
<li><a href="#" class="button underline small" style="color:black">Small</a></li>
<li><a href="#" class="button underline" style="color:black">Normal</a></li>
<li><a href="#" class="button underline medium" style="color:black">Medium</a></li>
<li><a href="#" class="button underline big" style="color:black">Big</a></li>
<li><a href="#" class="button underline big-wide" style="color:black">Big Wider</a></li>
<li><a href="#" class="button underline long" style="color:black">Long</a></li>
<li><a href="#" class="button underline slider-long" style="color:black">Longer</a></li>
<ul>
</div>
<div class="col-md-6 col-lg-4">
<h4>Secondary Color Button</h4>
<ul class="list-wm">
<li><a href="#" class="button secondary small">Small</a></li>
<li><a href="#" class="button secondary ">Normal</a></li>
<li><a href="#" class="button secondary medium">Medium</a></li>
<li><a href="#" class="button secondary big">Big</a></li>
<li><a href="#" class="button secondary big-wide">Big Wider</a></li>
<li><a href="#" class="button secondary long">Long</a></li>
<li><a href="#" class="button secondary slider-long">Longer</a></li>
<ul>
</div>
</div>]]></content>
			<sort_order>0</sort_order>
			<layout_update_xml></layout_update_xml>
			<custom_theme></custom_theme>
			<custom_root_template></custom_root_template>
			<custom_layout_update_xml></custom_layout_update_xml>
			<custom_theme_from></custom_theme_from>
			<custom_theme_to></custom_theme_to>
			<meta_title></meta_title>
			<layout_update_selected></layout_update_selected>
		</item>
	</pages>
</root>
