{% macro information(name="") %}
<div class="{{ 'dx-widget-footer' if name === 'footer' else 'dx-widget dx-box dx-box-decorated' }}">
    <div class="dx-widget-title">
        Detail Information
    </div>
    <div class="dx-widget-information">
        <div class="dx-widget-information-title">Created</div>
        <span>11 February 2018</span>
    </div>
    <div class="dx-widget-information">
        <div class="dx-widget-information-title">Licenses</div>
        <span>Standard,</span> <span>Extended</span>
    </div>
    <div class="dx-widget-information">
        <div class="dx-widget-information-title">File Types</div>
        <span>PHP Files,</span> <span>CSS Files,</span> <span>JS Files</span>
    </div>
    <div class="dx-widget-information">
        <div class="dx-widget-information-title">Compatible With</div>
        <span>WPML,</span> <span>Visual Composer 4.12.x</span>
    </div>
    <div class="dx-widget-information">
        <div class="dx-widget-information-title">Software Version</div>
        <span>WordPress 4.7.x,</span>
        <span>WordPress 4.6.1,</span>
        <span>WordPress 4.6,</span>
        <span>WordPress 4.5.x,</span>
        <span>WordPress 4.5.2,</span>
        <span>WordPress 4.5.1,</span>
        <span>WordPress 4.5</span>
    </div>
    <div class="dx-widget-information">
        <div class="dx-widget-information-title">Features</div>
        <span>Responsive,</span> <span>Well Documented,</span> <span>Widget Ready</span>
    </div>
</div>
{% endmacro %}
{% macro products(name="") %}
<div class="{{ 'dx-widget-footer' if name === 'footer' else 'dx-widget dx-box dx-box-decorated' }}">
    <div class="dx-widget-title">
        Related Products
    </div>
    <a href="product.html" class="dx-widget-products">
        <span class="dx-widget-products-img"><img src="assets/images/product-1-sm.png" alt=""></span>
        <span class="dx-widget-products-text">
            <span class="dx-widget-products-title">Sensific – Saying Beast Lesser for in Fruitful</span>
            <span class="dx-widget-products-price">$59</span>
        </span>
    </a>
    <a href="product.html" class="dx-widget-products">
        <span class="dx-widget-products-img"><img src="assets/images/product-2-sm.png" alt=""></span>
        <span class="dx-widget-products-text">
            <span class="dx-widget-products-title">Minist – Subdue Above for Signs Dry is Have Great</span>
            <span class="dx-widget-products-price">$39</span>
        </span>
    </a>
    <a href="product.html" class="dx-widget-products">
        <span class="dx-widget-products-img"><img src="assets/images/product-3-sm.png" alt=""></span>
        <span class="dx-widget-products-text">
            <span class="dx-widget-products-title">Desty – She'd Under Light Over Multiply Stars Winged</span>
            <span class="dx-widget-products-price">$99</span>
        </span>
    </a>
    <a href="product.html" class="dx-widget-products">
        <span class="dx-widget-products-img"><img src="assets/images/product-4-sm.png" alt=""></span>
        <span class="dx-widget-products-text">
            <span class="dx-widget-products-title">Silies – Grass Living Fly Subdue After Fruitful</span>
            <span class="dx-widget-products-price">$99</span>
        </span>
    </a>
    <a href="product.html" class="dx-widget-products">
        <span class="dx-widget-products-img"><img src="assets/images/product-5-sm.png" alt=""></span>
        <span class="dx-widget-products-text">
            <span class="dx-widget-products-title">Interra – Evening Were Set Beginning Image That One</span>
            <span class="dx-widget-products-price">$59</span>
        </span>
    </a>
</div>
{% endmacro %}
{% macro subscribe(name="") %}
<div class="{{ 'dx-widget-footer' if name === 'footer' else 'dx-widget dx-box dx-box-decorated' }}">
    <div class="dx-widget-title">
        Subscribe to Newsletter
    </div>
    <div class="dx-widget-subscribe">
        <div class="dx-widget-text">
            <p>Join the newsletter to receive news, updates, new products and freebies in your inbox.</p>
        </div>
        <form action="#" class="dx-form dx-form-group-inputs">
            <input type="email" name="" value="" aria-describedby="emailHelp" class="form-control form-control-style-2" placeholder="Your Email Address">
            <button class="dx-btn dx-btn-lg dx-btn-icon"><span class="icon fas fa-paper-plane"></span></button>
        </form>
    </div>
</div>
{% endmacro %}
{% macro search(name="") %}
<div class="{{ 'dx-widget-footer' if name === 'footer' else 'dx-widget dx-box dx-box-decorated' }}">
    <form action="#" class="dx-form dx-form-group-inputs">
        <input type="text" name="" value="" class="form-control form-control-style-2" placeholder="Search...">
        <button class="dx-btn dx-btn-lg dx-btn-grey dx-btn-grey-style-2 dx-btn-icon"><span class="icon fas fa-search"></span></button>
    </form>
</div>
{% endmacro %}
{% macro categories(name="") %}
<div class="{{ 'dx-widget-footer' if name === 'footer' else 'dx-widget dx-box dx-box-decorated' }}">
    <div class="dx-widget-title">Categories</div>
    <ul class="dx-widget-categories">
        <li>
            <a href="single-article-category.html">
                <span class="icon pe-7s-angle-right"></span>
                <span class="dx-widget-categories-category">Design & Coding</span>
                <span class="dx-widget-categories-badge">(12)</span>
            </a>
        </li>
        <li>
            <a href="single-article-category.html">
                <span class="icon pe-7s-angle-right"></span>
                <span class="dx-widget-categories-category">News</span>
                <span class="dx-widget-categories-badge">(8)</span>
            </a>
        </li>
        <li>
            <a href="single-article-category.html">
                <span class="icon pe-7s-angle-right"></span>
                <span class="dx-widget-categories-category">Inspirations</span>
                <span class="dx-widget-categories-badge">(2)</span>
            </a>
        </li>
        <li>
            <a href="single-article-category.html">
                <span class="icon pe-7s-angle-right"></span>
                <span class="dx-widget-categories-category">Theme Reviews</span>
                <span class="dx-widget-categories-badge">(14)</span>
            </a>
        </li>
    </ul>
</div>
{% endmacro %}
{% macro categoriesArticles(name="") %}
<div class="{{ 'dx-widget-footer' if name === 'footer' else 'dx-widget dx-box dx-box-decorated' }}">
    <div class="dx-widget-title">Articles Categories</div>
    <ul class="dx-widget-categories">
        <li>
            <a href="single-article.html">
                <span class="icon pe-7s-angle-right"></span>
                <span class="dx-widget-categories-category">Quantial</span>
                <span class="dx-widget-categories-badge">(4)</span>
            </a>
        </li>
        <li>
            <a href="single-article.html">
                <span class="icon pe-7s-angle-right"></span>
                <span class="dx-widget-categories-category">Sensific</span>
                <span class="dx-widget-categories-badge">(4)</span>
            </a>
        </li>
        <li>
            <a href="single-article.html">
                <span class="icon pe-7s-angle-right"></span>
                <span class="dx-widget-categories-category">Minist</span>
                <span class="dx-widget-categories-badge">(8)</span>
            </a>
        </li>
        <li>
            <a href="single-article.html">
                <span class="icon pe-7s-angle-right"></span>
                <span class="dx-widget-categories-category">Desty</span>
                <span class="dx-widget-categories-badge">(2)</span>
            </a>
        </li>
        <li>
            <a href="single-article.html">
                <span class="icon pe-7s-angle-right"></span>
                <span class="dx-widget-categories-category">Silies</span>
                <span class="dx-widget-categories-badge">(3)</span>
            </a>
        </li>
    </ul>
</div>
{% endmacro %}
{% macro latestPosts(name="") %}
<div class="{{ 'dx-widget-footer' if name === 'footer' else 'dx-widget dx-box dx-box-decorated' }}">
    <div class="dx-widget-title">
        Latest Posts
    </div>
    <a href="single-post.html" class="dx-widget-post">
        {% if name === 'footer' %}
        <span class="dx-widget-post-text">
            <span class="dx-widget-post-title">The Big Thing in Design</span>
            <span class="dx-widget-post-date">25 Sep 2018</span>
        </span>
        {% else %}
        <span class="dx-widget-post-img"><img src="assets/images/blog-3-sm.png" alt=""></span>
        <span class="dx-widget-post-text">
            <span class="dx-widget-post-title">The Big Thing in Design</span>
            <span class="dx-widget-post-date">25 Sep 2018</span>
        </span>
        {% endif %}
    </a>
    <a href="single-post.html" class="dx-widget-post">
        {% if name === 'footer' %}
        <span class="dx-widget-post-text">
            <span class="dx-widget-post-title">Will Coding Ever Rule the World?</span>
            <span class="dx-widget-post-date">24 Sep 2018</span>
        </span>
        {% else %}
        <span class="dx-widget-post-img"><img src="assets/images/blog-1-sm.png" alt=""></span>
        <span class="dx-widget-post-text">
            <span class="dx-widget-post-title">Will Coding Ever Rule the World?</span>
            <span class="dx-widget-post-date">24 Sep 2018</span>
        </span>
        {% endif %}
    </a>
</div>
{% endmacro %}
{% macro latestArticles(name="") %}
<div class="{{ 'dx-widget-footer' if name === 'footer' else 'dx-widget dx-box dx-box-decorated' }}">
    <div class="dx-widget-title">
        Latest Articles
    </div>
    <a href="single-article.html" class="dx-widget-link">
        <span class="dx-widget-link-text">How to manually import Demo data (if you faced with problems in one-click demo import)</span>
        <span class="dx-widget-link-date">6 Sep 2018</span>
    </a>
    <a href="single-article.html" class="dx-widget-link">
        <span class="dx-widget-link-text">Make menu dropdown working without JavaScript</span>
        <span class="dx-widget-link-date">2 Sep 2018</span>
    </a>
    <a href="single-article.html" class="dx-widget-link">
        <span class="dx-widget-link-text">Add top menu link inside dropdown on mobile devices</span>
        <span class="dx-widget-link-date">27 Aug 2018</span>
    </a>
</div>
{% endmacro %}
{% macro latestForums(name="") %}
<div class="{{ 'dx-widget-footer' if name === 'footer' else 'dx-widget dx-box dx-box-decorated' }}">
    <div class="dx-widget-title">
        Latest Forum Topics
    </div>
    <a href="single-article.html" class="dx-widget-link">
        <span class="dx-widget-link-text">Need help with customization. Some options are not appearing...</span>
        <span class="dx-widget-link-date">6 Sep 2018</span>
    </a>
    <a href="single-article.html" class="dx-widget-link">
        <span class="dx-widget-link-text">My images on profile and item pages doesnt show up?! Whats the matter?</span>
        <span class="dx-widget-link-date">2 Sep 2018</span>
    </a>
    <a href="single-article.html" class="dx-widget-link">
        <span class="dx-widget-link-text">Theme not updating in downloads</span>
        <span class="dx-widget-link-date">27 Aug 2018</span>
    </a>
</div>
{% endmacro %}
{% macro latestProducts(name="") %}
<div class="{{ 'dx-widget-footer' if name === 'footer' else 'dx-widget dx-box dx-box-decorated' }}">
    <div class="dx-widget-title">
        Latest Products
    </div>
    <div class="dx-widget-portfolio">
        <a href="product.html">Quantial – Moving Upon Signs Moveth Lesser</a>
        <a href="product.html">Sensific – Saying Beast Lesser for in Fruitful</a>
        <a href="product.html">Minist – Subdue Above for Signs Dry is Have Great</a>
    </div>
</div>
{% endmacro %}
{% macro tags(name="") %}
<div class="{{ 'dx-widget-footer' if name === 'footer' else 'dx-widget dx-box dx-box-decorated' }}">
    <div class="dx-widget-title">
        Tags Widget
    </div>
    <ul class="dx-widget-tags">
        <li><a href="#">Art</a></li>
        <li><a href="#">People</a></li>
        <li><a href="#">Branding</a></li>
        <li><a href="#">City</a></li>
        <li><a href="#">Design</a></li>
        <li><a href="#">Nature</a></li>
        <li><a href="#">Lifestyle</a></li>
        <li><a href="#">Photography</a></li>
    </ul>
</div>
{% endmacro %}
{% macro copyright(name="") %}
<div class="{{ 'dx-widget-footer' if name === 'footer' else 'dx-widget dx-box dx-box-decorated' }}">
    <div class="dx-widget-title">
        <a href="index.html" class="dx-widget-logo">
            <img src="assets/images/logo.svg" alt="" width="88px">
        </a>
    </div>
    <div class="dx-widget-text">
        <p class="mb-0">&copy; 2019 <span class="dib">All rights reserved.</span> <span class="dib">Dexad &amp; nK.</span></p>
    </div>
    <div class="dx-widget-text">
        <ul class="dx-social-links mnt-3">
            <li><a href="#"><span class="fab fa-behance-square"></span></a></li>
            <li><a href="#"><span class="fab fa-instagram"></span></a></li>
            <li><a href="#"><span class="fab fa-dribbble"></span></a></li>
            <li><a href="#"><span class="fab fa-github"></span></a></li>
        </ul>
    </div>
</div>
{% endmacro %}
{% macro list(name="") %}
<div class="{{ 'dx-widget-footer' if name === 'footer' else 'dx-widget dx-box dx-box-decorated' }}">
    <div class="dx-widget-title">
        Useful Links
    </div>
    <ul class="dx-widget-list">
        <li><a href="store.html">Store</a></li>
        <li><a href="checkout.html">Checkout</a></li>
        <li><a href="forums.html">Forums</a></li>
        <li><a href="blog.html">Blog</a></li>
    </ul>
    <ul class="dx-widget-list">
        <li><a href="help-center.html">Help Center</a></li>
        <li>
            <a data-fancybox data-touch="false" data-close-existing="true" data-src="#signup" href="javascript:;">Sign Up</a>
        </li>
        <li>
            <a data-fancybox data-touch="false" data-close-existing="true" data-src="#login" href="javascript:;">Log In</a>
        </li>
    </ul>
</div>
{% endmacro %}
{% macro twitter(name="") %}
<div class="{{ 'dx-widget-footer' if name === 'footer' else 'dx-widget dx-box dx-box-decorated' }}">
    <div class="dx-widget-title">
        Our Twitter
    </div>
    <div class="dx-twitter-list" data-twitter-count="3"></div>
</div>
{% endmacro %}