{% load static %} 
<!doctype html>
<html class="no-js" lang="zxx">
    <!-- index-331:38  -->
      

<head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>ECommerce Site || Demo by Digitalroomz</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Favicon -->
        <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
        <!-- Material Design Iconic Font-V2.2.0 -->
        <link rel="stylesheet" href="{% static 'css/material-design-iconic-font.min.css'%}">
        <link rel="stylesheet" href="{% static 'css/file.css'%}">

        <!-- Font Awesome -->
        <link rel="stylesheet" href="{% static 'css/font-awesome.min.css'%}">
        <!-- Font Awesome Stars-->
        <link rel="stylesheet" href="{% static 'css/fontawesome-stars.css'%}">
        <!-- Meanmenu CSS -->
        <link rel="stylesheet" href="{% static 'css/meanmenu.css'%}">
        <!-- owl carousel CSS -->
        <link rel="stylesheet" href="{% static 'css/owl.carousel.min.css'%}">
        <!-- Slick Carousel CSS -->
        <link rel="stylesheet" href="{% static 'css/slick.css'%}">
        <!-- Animate CSS -->
        <link rel="stylesheet" href="{% static 'css/animate.css'%}">
        <!-- Jquery-ui CSS -->
        <link rel="stylesheet" href="{% static 'css/jquery-ui.min.css'%}">
        <!-- Venobox CSS -->
        <link rel="stylesheet" href="{% static 'css/venobox.css'%}">
        <!-- Nice Select CSS -->
        <link rel="stylesheet" href="{% static 'css/nice-select.css'%}">
        <!-- Magnific Popup CSS -->
        <link rel="stylesheet" href="{% static 'css/magnific-popup.css'%}">
        <!-- Bootstrap V4.1.3 Fremwork CSS -->
        <link rel="stylesheet" href="{% static 'css/bootstrap.min.css'%}">
        <!-- Helper CSS -->
        <link rel="stylesheet" href="{% static 'css/helper.css'%}">
        <!-- Main Style CSS -->
        <link rel="stylesheet" href="{% static 'css/style.css'%}">
        <!-- Responsive CSS -->
        <link rel="stylesheet" href="{% static 'css/responsive.css'%}">
        <!-- Modernizr js -->
        <link rel="stylesheet" href="{% static 'css/zoom.css' %}">

        <script src="{% static 'js/vendor/modernizr-2.8.3.min.js' %}"></script>
    </head>
    <body>
    <!--[if lt IE 8]>
		<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
	<![endif]-->
        <!-- Begin Body Wrapper -->
        <div class="body-wrapper">
            <!-- Begin Header Area -->
            <header>
                <!-- Begin Header Top Area -->
                <div class="header-top">
                    <div class="container">
                        <div class="row">
                            <!-- Begin Header Top Left Area -->
                            <div class="col-lg-3 col-md-4">
                                <div class="header-top-left">
                                    <ul class="phone-wrap">
                                        <li><span>Telephone Enquiry:</span><a href="#">(+91) 8590 633 849</a></li>
                                    </ul>
                                </div>
                            </div>
                            <!-- Header Top Left Area End Here -->
                            <!-- Begin Header Top Right Area -->
                            <div class="col-lg-9 col-md-8">
                                <div class="header-top-right">
                                    <ul class="ht-menu">
                                        <!-- Begin Setting Area -->
                                        <li>
                                            <div class="ht-setting-trigger"><span>Setting</span></div>
                                            <div class="setting ht-setting">
                                                <ul class="ht-setting-list">
                                                    <li><a href="#">My Account</a></li>
                                                    <li><a href="#">Checkout</a></li>
                                                    <li><a href="#">Sign In</a></li>
                                                </ul>
                                            </div>
                                        </li>
                                        <!-- Setting Area End Here -->
                                        <!-- Begin Currency Area -->
                                        <li>
                                            <span class="currency-selector-wrapper">Currency :</span>
                                            <div class="ht-currency-trigger"><span>INR &#8377;</span></div>
                                            <div class="currency ht-currency">
                                                <ul class="ht-setting-list">
                                                    <li><a href="#">EUR €</a></li>
                                                    <li class="active"><a href="#">INR &#8377;</a></li>
                                                </ul>
                                            </div>
                                        </li>
                                        <!-- Currency Area End Here -->
                                        <!-- Begin Language Area -->
                                        <li>
                                            <span class="language-selector-wrapper">Language :</span>
                                            <div class="ht-language-trigger"><span>English</span></div>
                                            <div class="language ht-language">
                                                <ul class="ht-setting-list">
                                                    <li class="active"><a href="#"><img src="{% static 'images/menu/flag-icon/1.jpg' %}" alt="">English</a></li>
                                                    <li><a href="#"><img src="{% static 'images/menu/flag-icon/2.jpg' %}" alt="">Français</a></li>
                                                </ul>
                                            </div>
                                        </li>
                                        <!-- Language Area End Here -->
                                    </ul>
                                </div>
                            </div>
                            <!-- Header Top Right Area End Here -->
                        </div>
                    </div>
                </div>
                <!-- Header Top Area End Here -->
                <!-- Begin Header Middle Area -->
                <div class="header-middle pl-sm-0 pr-sm-0 pl-xs-0 pr-xs-0">
                    <div class="container">
                        <div class="row">
                            <!-- Begin Header Logo Area -->
                            <div class="col-lg-3">
                                <div class="logo pb-sm-30 pb-xs-30">
                                    <a href="index-3.html">
                                        <img src="{% static 'images/menu/logo/1.jpg' %}" alt="">
                                    </a>
                                </div>
                            </div>
                            <!-- Header Logo Area End Here -->
                            <!-- Begin Header Middle Right Area -->
                            <div class="col-lg-9">
                                <!-- Begin Header Middle Searchbox Area -->
                                <form action="#" class="hm-searchbox">
                                    <select class="nice-select select-search-category">
                                        <option value="0">All</option>                         
                                                       
                                        <option value="17">Tshirts</option>                    
                                        <option value="20">Shirts</option>                     
                                        <option value="21">Jeans</option>                        
                                        <option value="22">Trousers</option>                
                                        <option value="23">Kurtas</option>                     
                                        <option value="24">Sherwanis</option>                       
                                        <option value="25">Nehru Jackets</option>                        
                                        <option value="26">Dhoti & Lungi</option>                     
                                        <option value="27">Jackets</option>                     
                                        <option value="28">Sweaters & Cardigans</option>         
                                        <option value="18">Hoodies & Sweatshirts</option>                      
                                        <option value="29">Tracksuits</option>         
                                                        
                                        <option value="11">Footwear</option>                  
                                        <option value="42">Formal Shoes</option>                        
                                        <option value="45">Casual Shoes</option>                     
                                        <option value="47">Sneakers</option>                 
                                        <option value="48">Slippers & Flip-Flops</option>                     
                                        <option value="49">Ethnic Footwear</option>                    
                                                                       
                                       
                                    </select>
                                    <input type="text" placeholder="Enter your search key ...">
                                    <button class="li-btn" type="submit"><i class="fa fa-search"></i></button>
                                </form>
                                <!-- Header Middle Searchbox Area End Here -->
                                <!-- Begin Header Middle Right Area -->
                                <div class="header-middle-right">
                                    <ul class="hm-menu">
                                        <!-- Begin Header Middle Wishlist Area -->
                                        <li class="hm-wishlist">
                                            <a href="{% url 'wishlist' %}">
                                                <span class="cart-item-count wishlist-item-count">0</span>
                                                <i class="fa fa-heart-o"></i>
                                            </a>
                                        </li>
                                        <!-- Header Middle Wishlist Area End Here -->
                                        <!-- Begin Header Mini Cart Area -->
                                        <li class="hm-minicart">
                                            <div class="hm-minicart-trigger">
                                                <span class="item-icon"></span>
                                                <span class="item-text">&#8377;90.00
                                                    <span class="cart-item-count">2</span>
                                                </span>
                                            </div>
                                            <span></span>
                                            <div class="minicart">
                                                <ul class="minicart-product-list">
                                                    <li>
                                                        <a href="#" class="minicart-product-image">
                                                            <img src="{% static 'images/product/small-size/1.jpg' %}" alt="cart products">
                                                        </a>
                                                        <div class="minicart-product-details">
                                                            <h6><a href="#">Party Wear Shirt</a></h6>
                                                            <span>&#8377;299 x 1</span>
                                                        </div>
                                                        <button class="close">
                                                            <i class="fa fa-close"></i>
                                                        </button>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="minicart-product-image">
                                                            <img src="{% static 'images/product/small-size/2.jpg' %}" alt="cart products">
                                                        </a>
                                                        <div class="minicart-product-details">
                                                            <h6><a href="#">Us polo Tshirts</a></h6>
                                                            <span>&#8377;349 x 1</span>
                                                        </div>
                                                        <button class="close">
                                                            <i class="fa fa-close"></i>
                                                        </button>
                                                    </li>
                                                </ul>
                                                <p class="minicart-total">SUBTOTAL: <span>&#8377;648.00</span></p>
                                                <div class="minicart-button">
                                                    <a href="{% url 'cart' %}" class="li-button li-button-dark li-button-fullwidth li-button-sm">
                                                        <span>View Full Cart</span>
                                                    </a>
                                                    <a href="{% url 'checkout' %}" class="li-button li-button-fullwidth li-button-sm">
                                                        <span>Checkout</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </li>
                                        <!-- Header Mini Cart Area End Here -->
                                    </ul>
                                </div>
                                <!-- Header Middle Right Area End Here -->
                            </div>
                            <!-- Header Middle Right Area End Here -->
                        </div>
                    </div>
                </div>
                <!-- Header Middle Area End Here -->
                <!-- Begin Header Bottom Area -->
                <div class="header-bottom header-sticky stick d-none d-lg-block d-xl-block">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-12">
                                <!-- Begin Header Bottom Menu Area -->
                                <div class="hb-menu hb-menu-2">
                                    <nav>
                                        <ul>
                                        
                                            <li><a href="{% url 'digital_app' %}">Home</a></li>
                                            <li class="megamenu-holder"><a href="#">Shop / Products</a>
                                                <ul class="megamenu hb-megamenu">
                                                    <li><a href="#">Categories</a>
                                                        <ul>
                                                            <li><a href="{% url 'New_Collection' %}"><b>New Collections</a></li></b>
                                                            <li><a href="#">Mens</a></li>
                                                            <li><a href="#">Womens</a></li>
                                                            <li><a href="#">Kids</a></li>
                                                            <li><a href="#">Footwear</a></li>
                                                            <li><a href="#">Accessories</a></li>
                                                           
                                                        </ul>
                                                    </li>
                                                    <li><a href="#">Offers & Discounts</a>
                                                        <ul>
                                                            <li><a href="#">Clearance Sale</a></li>
                                                            <li><a href="#">Up to 50% Off</a></li>
                                                            <li><a href="#">Seasonal Discounts</a></li>
                                                          
                                                        </ul>
                                                    </li>
                                                    <li><a href="#">Shop by Price</a>
                                                        <ul>
                                                            <li><a href="#">Under &#8377;10</a></li>
                                                            <li><a href="#">&#8377;10 - &#8377;50</a></li>
                                                            <li><a href="#">Above &#8377;50</a></li>
                                                          
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="dropdown-holder"><a href="#">Trending</a>
                                                <ul class="hb-dropdown">
                                                    <li class="sub-dropdown-holder"><a href="#">Best Sellers</a>
                                                        <ul class="hb-dropdown hb-sub-dropdown">
                                                            <li><a href="#">Best-Selling Clothing</a></li>
                                                            <li><a href="#">Best-Selling Electronics</a></li>
                                                            <li><a href="#">Best-Selling Home Essentials
                                                            </a></li>
                                                            <li><a href="#">Best-Selling Beauty Products</a></li>
                                                        </ul>
                                                    </li>
                                                    <li class="sub-dropdown-holder"><a href="#">Most Loved</a>
                                                        <ul class="hb-dropdown hb-sub-dropdown">
                                                            <li><a href="#">Top Rated Products</a></li>
                                                            <li><a href="#">4.5 Stars & Up</a></li>
                                                            <li><a href="#">Most Reviewed Items</a></li>
                                                        </ul>
                                                    </li>
                                                   
                                                    <li class="sub-dropdown-holder"><a href="#">New This Week</a>
                                                        <ul class="hb-dropdown hb-sub-dropdown">
                                                            <li><a href="#">Limited Edition New Items</a></li>
                                                            <li><a href="#">Exclusive This Week Only</a></li>
                                                            
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="megamenu-static-holder"><a href="#">Offers/Deals</a>
                                                <ul class="megamenu hb-megamenu">
                                                    <li><a href="#">Current Discounts</a>
                                                        <ul>
                                                            <li><a href="#">Up to 50% Off</a></li>
                                                            <li><a href="#">Limited-Time Discounts</a></li>
                                                            <li><a href="#">Shop Sale Items</a></li>
                                                            
                                                        </ul>
                                                    </li>
                                                    <li><a href="#">Buy One Get One Free</a>
                                                        <ul>
                                                            <li><a href="#">Buy One, Get One Free</a></li>
                                                            <li><a href="#">Buy More, Save More</a></li>
                                                          
                                                        </ul>
                                                    </li>
                                                    
                                                    <li><a href="#">Exclusive Member Deals</a>
                                                        <ul>
                                                            <li><a href="#">Exclusive Member Discounts</a></li>
                                                            <li><a href="#">Sign Up & Get 15% Off</a></li>
                                                            <li><a href="#">Join & Save</a></li>
                                                            <li><a href="#">FAQ</a></li>
                                                        </ul>
                                                    </li>
                                                    <li><a href="#">My Account</a>
                                                        <ul>
                                                            <li><a href="#">My Account</a></li>
                                                            <li><a href="#">Checkout</a></li>
                                                            <li><a href="#">Compare</a></li>
                                                            <li><a href="#">Wishlist</a></li>
                                                            <li><a href="#">Shopping Cart</a></li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li><a href="{% url 'about_us' %}">About Us</a></li>
                                            <li><a href="{% url 'contact' %}">Contact</a></li>
                                            <!-- Begin Header Bottom Menu Information Area -->
                                            <li class="hb-info f-right p-0 d-sm-none d-lg-block">
                                                <span>Kalamassery, Kochi, kerala </span>
                                            </li>
                                            <!-- Header Bottom Menu Information Area End Here -->
                                        </ul>
                                    </nav>
                                </div>
                                <!-- Header Bottom Menu Area End Here -->
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Header Bottom Area End Here -->
                <!-- Begin Mobile Menu Area -->
                <div class="mobile-menu-area d-lg-none d-xl-none col-12">
                    <div class="container"> 
                        <div class="row">
                            <div class="mobile-menu">
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Mobile Menu Area End Here -->
            </header>
            <!-- Header Area End Here -->
            <!-- Begin Slider With Category Menu Area -->