<header>
             <!-- logog and title --> <a href="https://themehunk.com/wp-themes/shopline/" rel="home" aria-current="page">
                <img width="185" height="44" src="https://themehunk.com/wp-themes/shopline/wp-content/uploads/sites/43/2018/02/shopline-logo-image.png" alt="Shopline">
            </a>
            <!-- Start Mega-Menu       -->
                <a href="#" id="pull"></a>
                <nav>
                    <ul id="menu">
                        <li id="menu-item-1209">
                            <a href="https://themehunk.com/wp-themes/shopline/" aria-current="page">Home</a>
                        </li>
                        <li id="menu-item-1212">
                            <a href="https://themehunk.com/wp-themes/shopline/shop-page/">Shop page</a>
                        </li>
                        <li id="menu-item-1210">
                            <a href="https://themehunk.com/wp-themes/shopline/blog/">Blog</a>
                        </li>
                        <li id="menu-item-1213">
                            <a>Section</a>
                            <ul style="display: none;">
                                <li id="menu-item-1214">
                                    <a href="#category_section">Category Section</a>
                                </li>
                                <li id="menu-item-1215">
                                    <a href="#ribbon_section">Ribbon Section</a>
                                </li>
                                <li id="menu-item-1216">
                                    <a href="#featured_product_section">Woocommerce Product Section</a>
                                </li>
                                <li id="menu-item-1217">
                                    <a href="#testimonial_section">Testimonial</a>
                                </li>
                                <li id="menu-item-1218">
                                    <a href="#featured_product_section1">Product Slider</a>
                                </li>
                                <li id="menu-item-1219">
                                    <a href="#aboutus_section">About Section</a>
                                </li>
                                <li id="menu-item-1220">
                                    <a href="#post_section">Latest Post</a>
                                </li>
                                <li id="menu-item-1221">
                                    <a href="#hot_sell_section">Ads</a>
                                </li>
                            </ul>
                        </li>
                        <li id="menu-item-1222">
                            <a href="https://themehunk.com/wp-themes/shopline/product-category/top-tees/">Top &amp; Tees</a>
                        </li>
                        <li id="menu-item-1223">
                            <a>Templates</a>
                            <ul style="display: none;">
                                <li id="menu-item-1224">
                                    <a href="https://themehunk.com/wp-themes/shopline/blank-template/">Blank Template</a>
                                </li>
                                <li id="menu-item-1225">
                                    <a href="https://themehunk.com/wp-themes/shopline/contact/">Contact</a>
                                </li>
                                <li id="menu-item-1226">
                                    <a href="https://themehunk.com/wp-themes/shopline/default-template/">Default Template</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </nav>
            <!-- End-Menu -->
                <ul>
                    <ul>
                        <li> <a href="https://themehunk.com/wp-themes/shopline-pro/?page_id=770">
                            Wishlist
                        </a>
                        </li>
                        <li><a href="https://themehunk.com/wp-themes/shopline/">
                            Login / Register
                            Register
                        </a>
                        </li>
                        <li>
                                Cart
                                    <a href="https://themehunk.com/wp-themes/shopline">
                                        0
                                    </a>
                                <!-- side menu --> <!-- onmouseover="openNav()" -->
                                            <p>No products in the cart.</p>
                        </li>
                        <li>
                        </li> <!-- serach box overlay -->
                                    <form action="https://themehunk.com/wp-themes/shopline/" id="search-form" method="get" target="_top">
                                        <select name="product_cat" id="product_cat">
                                            <option value="girlytop">Girly top</option>
                                            <option value="gown-2">Gown</option>
                                            <option value="short-dresses">Short Dresses</option>
                                            <option value="top-tees">Top &amp; Tees</option>
                                            <option value="dresses">Trench Dresses</option>
                                            <option value="vests">Vests</option>
                                        </select>
                                        <input id="search-text" name="s" placeholder="search....." value="" type="text" title="Search for:">
                                        <button id="search-button" value="" type="submit">
                                        </button>
                                        <input type="hidden" name="post_type" value="product">
                                    </form>
                         <!-- serach box overlay -->
                    </ul>
                </ul>
</header>		
        <input type="hidden" id="nor_slidespeed" value="5000"><ul>
        <li style="background: url(&quot;https://themehunk.com/wp-themes/shopline/wp-content/uploads/sites/43/2018/02/1.jpeg&quot;) 50% 0px; width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;" data-center="background-position: 50% 0px" data-top-bottom="background-position: 50% -100px;" data-thumb-alt="">
                <h2>
                    <a href="">Welcome to Shopline</a>
                </h2>
                <p> Free WordPress Theme</p>
                <a href="#">VIEW COLLECTION</a>
        </li>
        <li style="background: url(&quot;https://themehunk.com/wp-themes/shopline/wp-content/uploads/sites/43/2017/09/5.jpeg&quot;) 50% 0px; width: 100%; float: left; margin-right: -100%; position: relative; opacity: 1; display: block; z-index: 2;" data-center="background-position: 50% 0px" data-top-bottom="background-position: 50% -100px;" data-thumb-alt="">
                <h2>
                    <a href="">Fashion Trends</a>
                </h2>
                <p>Follow the Mania</p>
                <a href="#">KNOW MORE</a>
        </li>
        <li style="background: url(&quot;https://themehunk.com/wp-themes/shopline/wp-content/uploads/sites/43/2017/09/pexels-photo-443088.jpeg&quot;) 50% 0px; width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;" data-center="background-position: 50% 0px" data-top-bottom="background-position: 50% -100px;" data-thumb-alt="">
                <h2>
                    <a href="">Style Matters</a>
                </h2>
                <p>Latest Newyork fashions</p>
                <a href="#">Shop Now</a>
        </li>
    </ul>
        <ol>
            <li>
                <a href="#">1</a>
            </li>
            <li>
                <a href="#">2</a>
            </li>
            <li>
                <a href="#">3</a>
            </li>
        </ol>
        <ul>
            <li>
                <a href="#"></a>
            </li>
            <li>
                <a href="#">
                </a>
            </li>
        </ul>
    <!-- hero-image --> <!-- hero-image -->