{*
* 2007-2018 PrestaShop
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
* @author    PrestaShop SA <contact@prestashop.com>
* @copyright 2007-2018 PrestaShop SA
* @license   http://addons.prestashop.com/en/content/12-terms-and-conditions-of-use
* International Registered Trademark & Property of PrestaShop SA
*}

<div class="row no-gutter js-wireframe">
    <div class="col-xs-12 js-img-menu" data-module_name="menu">
        <img class="out-element" src="{$moduleImgUri}/wireframe/commons/header.jpg"/>
        <img class="hover-element hide" src="{$moduleImgUri}/wireframe/commons/header-hover.jpg"/>
        <img class="active-element hide" src="{$moduleImgUri}/wireframe/commons/header-selected.jpg"/>
    </div>
    <div class="col-xs-12 js-img-product_management" data-module_name="product_management">
        <img class="out-element" src="{$moduleImgUri}/wireframe/product/product_mgmt.jpg"/>
        <img class="hover-element hide" src="{$moduleImgUri}/wireframe/product/product_mgmt-hover.jpg"/>
        <img class="active-element hide" src="{$moduleImgUri}/wireframe/product/product_mgmt-selected.jpg"/>
    </div>
    <div class="col-xs-12 js-img-product_detail" data-module_name="product_detail">
        <img class="out-element" src="{$moduleImgUri}/wireframe/product/product_detail.jpg"/>
        <img class="hover-element hide" src="{$moduleImgUri}/wireframe/product/product_detail-hover.jpg"/>
        <img class="active-element hide" src="{$moduleImgUri}/wireframe/product/product_detail-selected.jpg"/>
    </div>
    <div class="col-xs-12 js-img-product_block" data-module_name="product_block">
        <img class="out-element" src="{$moduleImgUri}/wireframe/product/products_block.jpg"/>
        <img class="hover-element hide" src="{$moduleImgUri}/wireframe/product/products_block-hover.jpg"/>
        <img class="active-element hide" src="{$moduleImgUri}/wireframe/product/products_block-selected.jpg"/>
    </div>
    <div class="col-xs-12 js-img-social_newsletter" data-module_name="social_newsletter">
        <img class="out-element" src="{$moduleImgUri}/wireframe/commons/newsletter.jpg"/>
        <img class="hover-element hide" src="{$moduleImgUri}/wireframe/commons/newsletter-hover.jpg"/>
        <img class="active-element hide" src="{$moduleImgUri}/wireframe/commons/newsletter-selected.jpg"/>
    </div>
    <div class="col-xs-12 js-img-footer" data-module_name="footer">
        <img class="out-element" src="{$moduleImgUri}/wireframe/commons/footer.jpg"/>
        <img class="hover-element hide" src="{$moduleImgUri}/wireframe/commons/footer-hover.jpg"/>
        <img class="active-element hide" src="{$moduleImgUri}/wireframe/commons/footer-selected.jpg"/>
    </div>
</div>
