asp.net Materpage breaks when the page body is wrapped around a FORM

sanjeewa
Offline
Last seen: 10 months 3 weeks ago
Sat, 07/02/2016 - 10:07
#1
asp.net Materpage breaks when the page body is wrapped around a FORM

The top navigation menu logo, search and the cart/login and the footer areas break when the page is wrapped around within FORM tags as follows.

I was able to replicate this with and without the master pages in asp.net

<body>
<form id="myform" runat="server">

Top Navigation Menu

<asp:ContentPlaceHolder ID="MainContent" runat="server">

other HTML/ASP.NET items

</asp:ContentPlaceHolder>

</form>
</body>

sanjeewa
Offline
Last seen: 10 months 3 weeks ago
Sat, 07/02/2016 - 10:13

Top Navigation Error

Footer error

hattt13
Offline
Last seen: 1 day 5 hours ago
Sat, 07/02/2016 - 14:26

hi, please you can send your site to me, I can see more detail, thanks

sanjeewa
Offline
Last seen: 10 months 3 weeks ago
Sat, 07/02/2016 - 16:36

Hi it's not yet hosted in a producation server. 

Im testing this in localhost.

I've manged to fix the top margin issue, however I havent been able to figureout what is causing the below behavour.

Image title

sanjeewa
Offline
Last seen: 10 months 3 weeks ago
Sat, 07/02/2016 - 16:38

<%@ Page Language="C#">

<!DOCTYPE html>

<html class="no-js" lang="">

    <head>        

        <meta charset="utf-8">

        <meta>        <title>Hosoren · Homepage</title>

        <meta name="description">        <meta name="viewport" maximum-scale=1,>

        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Montserrat:400,700"/>

        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,700,400italic,700i..."/>

        <!-- build:css html/css/bootstrap.css -->

        <link rel="stylesheet" href="html/css/bootstrap.css"/>

        <!-- endbuild -->

        <!-- build:css html/css/plugins.css -->

        <link rel="stylesheet" href="html/css/awe-icon.css"/>

        <link rel="stylesheet" href="html/css/font-awesome.css"/>

        <link rel="stylesheet" href="html/css/magnific-popup.css"/>

        <link rel="stylesheet" href="html/css/owl.carousel.css"/>

        <link rel="stylesheet" href="html/css/awemenu.css"/>

        <link rel="stylesheet" href="html/css/swiper.css"/>

        <link rel="stylesheet" href="html/css/easyzoom.css"/>

        <link rel="stylesheet" href="html/css/nanoscroller.css"/>

        <!-- endbuild -->

        <!-- build:css html/css/styles.css -->

        <link rel="stylesheet" href="html/css/awe-background.css"/>

        <link rel="stylesheet" href="html/css/main.css"/>

        <link rel="stylesheet" href="html/css/docs.css"/>

        <!-- endbuild -->

           <!-- build:js html/js/vendor.js -->

       <script src="html/js/vendor/modernizr-2.8.3.min.js"></script>

        <script src="html/js/vendor/jquery-1.11.3.min.js"></script>

          <%--<script src="http://maps.google.com/maps/api/js?sensor=true"></script>--%>

    <script src="html/js/vendor/jquery-ui.min.js"></script>

    <script>$.widget.bridge('uitooltip', $.ui.tooltip);</script>

    <!-- build:js html/js/plugins.js -->

    <script src="html/js/plugins/bootstrap.min.js"></script>

    <script src="html/js/plugins/awemenu.min.js"></script>

    <script src="html/js/plugins/headroom.min.js"></script>

    <script src="html/js/plugins/hideshowpassword.min.js"></script>

    <script src="html/js/plugins/jquery.parallax-1.1.3.min.js"></script>

    <script src="html/js/plugins/jquery.magnific-popup.min.js"></script>

    <script src="html/js/plugins/jquery.nanoscroller.min.js"></script>

    <script src="html/js/plugins/swiper.min.js"></script>

    <script src="html/js/plugins/owl.carousel.min.js"></script>

    <script src="html/js/plugins/jquery.countdown.min.js"></script>

    <script src="html/js/plugins/easyzoom.js"></script>

    <script src="html/js/plugins/masonry.pkgd.min.js"></script>

    <script src="html/js/plugins/isotope.pkgd.min.js"></script>

    <script src="html/js/plugins/imagesloaded.pkgd.min.js"></script>

    <script src="html/js/plugins/gmaps.min.js"></script>

    <!-- endbuild -->

    <!-- build:js html/js/main.js -->

    <script src="html/js/awe/awe-carousel-branch.js"></script>

    <script src="html/js/awe/awe-carousel-blog.js"></script>

    <script src="html/js/awe/awe-carousel-products.js"></script>

    <script src="html/js/awe/awe-carousel-testimonial.js"></script>

    <script src="html/js/awe-hosoren.js"></script>

    <script src="html/js/main.js"></script>

    <!-- endbuild -->

    <!-- build:js html/js/docs.js -->

    <script src="html/js/plugins/list.min.js"></script>

    <script src="html/js/docs.js"></script>

    <!-- endbuild -->

        <!-- endbuild -->

        <script>window.SHOW_LOADING = false;</script>

    </head>

    <body>

       <form>

        <!--[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]-->

        <!-- // LOADING -->

        <div class="awe-page-loading">

            <div class="awe-loading-wrapper">

                <div class="awe-loading-icon">

                    <span class="icon icon-logo"></span>

                </div>

                <div class="progress">

                    <div class="progress-bar progress-bar-success">                </div>

            </div>

        </div>

        <!-- // END LOADING -->

        <div class="main-wrapper ">

    <header class="awe-menubar-header">

        <nav class="awemenu-nav headroom" data-responsive-width="1200">

            <div class="container">

                <div class="awemenu-container">

                    <div class="navbar-header">

                                                <ul class="navbar-icons">

                        <li class="menubar-account">

                            <a href="#" title="" class="awemenu-icon">

                                <i class="icon icon-user-circle"></i>

                                <span class="awe-hidden-text">Account</span>

                            </a>

                            <ul class="submenu megamenu">

                                <li>

                                    <div class="container-fluid">

                                        <div class="header-account">

                                            <div class="header-account-avatar">

                                                <a href="#" title="">

                                                    <img src="html/img/samples/avatars/customers/1.jpg" alt="" class="img-circle"/>

                                                </a>

                                            </div>

                                            <div class="header-account-username">

                                                <h4><a href="#">Jessica Alba</a></h4>

                                            </div>

                                            <ul>

                                                <li><a href="#">Invite Friends</a></li>

                                                <li><a href="#">Account Infomation</a></li>

                                                <li><a href="#">Logout</a></li>

                                            </ul>

                                        </div>

                                    </div>

                                </li>

                            </ul>

                        </li>

                        <li class="menubar-wishlist">

                            <a href="#" title="" class="awemenu-icon">

                                <i class="icon icon-star"></i>

                                <span class="awe-hidden-text">Wishlist</span>

                            </a>

                            <ul class="submenu megamenu">

                                <li>

                                    <div class="container-fluid">

                                        <ul class="whishlist">

                                            <li>

                                                <div class="whishlist-item">

                                                    <div class="product-image">

                                                        <a href="#" title="">

                                                            <img src="html/img/samples/products/cart/1.jpg" alt=""/>

                                                        </a>

                                                    </div>

                                                    <div class="product-body">

                                                        <div class="whishlist-name">

                                                            <h3><a href="#" title="">Gin Lane Greenport Cotton Shirt</a></h3>

                                                        </div>

                                                        <div class="whishlist-price">

                                                            <span>Price:</span>

                                                            <strong>$120</strong>

                                                        </div>

                                                    </div>

                                                </div>

                                                <a href="#" title="" class="remove">

                                                    <i class="icon icon-remove"></i>

                                                </a>

                                            </li>

                                            <li>

                                                <div class="whishlist-item">

                                                    <div class="product-image">

                                                        <a href="#" title="">

                                                            <img src="html/img/samples/products/cart/2.jpg" alt=""/>

                                                        </a>

                                                    </div>

                                                    <div class="product-body">

                                                        <div class="whishlist-name">

                                                            <h3><a href="#" title="">Gin Lane Greenport Cotton Shirt</a></h3>

                                                        </div>

                                                        <div class="whishlist-price">

                                                            <span>Price:</span>

                                                            <strong>$120</strong>

                                                        </div>

                                                    </div>

                                                </div>

                                                <a href="#" title="" class="remove">

                                                    <i class="icon icon-remove"></i>

                                                </a>

                                            </li>

                                            <li>

                                                <div class="whishlist-item">

                                                    <div class="product-image">

                                                        <a href="#" title="">

                                                            <img src="html/img/samples/products/cart/3.jpg" alt="">

                                                        </a>

                                                    </div>

                                                    <div class="product-body">

                                                        <div class="whishlist-name">

                                                            <h3><a href="#" title="">Gin Lane Greenport Cotton Shirt</a></h3>

                                                        </div>

                                                        <div class="whishlist-price">

                                                            <span>Price:</span>

                                                            <strong>$120</strong>

                                                        </div>

                                                    </div>

                                                </div>

                                                <a href="#" title="" class="remove">

                                                    <i class="icon icon-remove"></i>

                                                </a>

                                            </li>

                                        </ul>

                                        <hr>

                                        <div class="whishlist-action">

                                            <a href="#" title="" class="btn btn-dark btn-lg btn-outline btn-block">View Wishlist</a>

                                        </div>

                                    </div>

                                </li>

                            </ul>

                        </li>

                        <li class="menubar-cart">

                            <a href="#" title="" class="awemenu-icon menu-shopping-cart">

                                <i class="icon icon-shopping-bag"></i>

                                <span class="awe-hidden-text">Cart</span>

                                <span class="cart-number">2</span>

                            </a>

                            <ul class="submenu megamenu">

                                <li>

                                    <div class="container-fluid">

                                        <ul class="whishlist">

                                            <li>

                                                <div class="whishlist-item">

                                                    <div class="product-image">

                                                        <a href="#" title="">

                                                            <img src="html/img/samples/products/cart/1.jpg" alt="">

                                                        </a>

                                                    </div>

                                                    <div class="product-body">

                                                        <div class="whishlist-name">

                                                            <h3><a href="#" title="">Gin Lane Greenport Cotton Shirt</a></h3>

                                                        </div>

                                                        <div class="whishlist-price">

                                                            <span>Price:</span>

                                                            <strong>$120</strong>

                                                        </div>

                                                        <div class="whishlist-quantity">

                                                            <span>Quantity:</span>

                                                            <span>1</span>

                                                        </div>

                                                    </div>

                                                </div>

                                                <a href="#" title="" class="remove">

                                                    <i class="icon icon-remove"></i>

                                                </a>

                                            </li>

                                            <li>

                                                <div class="whishlist-item">

                                                    <div class="product-image">

                                                        <a href="#" title="">

                                                            <img src="html/img/samples/products/cart/2.jpg" alt="">

                                                        </a>

                                                    </div>

                                                    <div class="product-body">

                                                        <div class="whishlist-name">

                                                            <h3><a href="#" title="">Gin Lane Greenport Cotton Shirt</a></h3>

                                                        </div>

                                                        <div class="whishlist-price">

                                                            <span>Price:</span>

                                                            <strong>$120</strong>

                                                        </div>

                                                        <div class="whishlist-quantity">

                                                            <span>Quantity:</span>

                                                            <span>1</span>

                                                        </div>

                                                    </div>

                                                </div>

                                                <a href="#" title="" class="remove">

                                                    <i class="icon icon-remove"></i>

                                                </a>

                                            </li>

                                        </ul>

                                        <div class="menu-cart-total">

                                            <span>Total</span>

                                            <span class="price">$180</span>

                                        </div>

                                        <div class="cart-action">

                                            <a href="cart.html" title="" class="btn btn-lg btn-dark btn-outline btn-block">View cart</a>

                                            <a href="checkout.html" title="" class="btn btn-lg btn-primary btn-block">Proceed To Checkout</a>

                                        </div>

                                    </div>

                                </li>

                            </ul>

                        </li>

                        </ul>

                                                <ul class="navbar-search">

                            <li>

                                <a href="#" title="" class="awemenu-icon awe-menubar-search">                                    <span class="sr-only">Search</span>

                                    <span class="icon icon-search"></span>

                                </a>

                                <div class="menubar-search-form">                                   <%-- <form action="index.html" method="GET">--%>

                                        <input type="text" name="s" class="form-control" placeholder="Search your entry here..."/>

                                        <div class="menubar-search-buttons">

                                            <button type="submit" class="btn btn-sm btn-white">Search</button>

                                            <button type="button" class="btn btn-sm btn-white">                                                <span class="icon icon-remove"></span>

                                            </button>

                                        </div>

                                   <%-- </form>--%>

                                </div><!-- /.menubar-search-form -->

                            </li>

                        </ul>

                    </div>

                                        <div class="awe-logo">

                        <a href="index.html" title=""><img src="html/img/logo.png" alt=""/></a>

                    </div><!-- /.awe-logo -->

                    <ul class="awemenu awemenu-right">

                                                <li class="awemenu-item">

                            <a href="#" title="">

                                <span>Clothing</span>

                            </a>

                            <ul class="awemenu-submenu awemenu-megamenu" data-width="100%" data-animation="fadeup">

                                <li class="awemenu-megamenu-item">

                                    <div class="container-fluid">

                                        <div class="awemenu-megamenu-wrapper">

                                            <div class="row">

                                                <div class="col-lg-3">

                                                    <h2 class="upper">Clothing</h2>

                                                    <ul class="super">

                                                        <li><a href="#" title="">Bestseller</a></li>

                                                        <li><a href="#" title="">New Arrivals</a></li>

                                                    </ul>

                                                </div>

                                                <div class="col-lg-3">

                                                    <ul class="sublist">

                                                        <li><a href="#" title="">Blazers & Vests</a></li>

                                                        <li><a href="#" title="">Graphics Tees</a></li>

                                                        <li><a href="#" title="">Jeans</a></li>

                                                        <li><a href="#" title="">Jackets & Outerwear</a></li>

                                                        <li><a href="#" title="">Pants</a></li>

                                                    </ul>

                                                </div>

                                                <div class="col-lg-3">

                                                    <ul class="sublist">

                                                        <li><a href="#" title="">Shirts</a></li>

                                                        <li><a href="#" title="">Short & Swim</a></li>

                                                        <li><a href="#" title="">Tees</a></li>

                                                        <li><a href="#" title="">Underwear & Socks</a></li>

                                                    </ul>

                                                </div>

                                                <div class="col-lg-3">

                                                    <div class="awe-media inline margin-bottom-25">

                                                        <div class="awe-media-image">

                                                            <a href="#" title="">

                                                                <img src="html/img/samples/menu/trending-shop.jpg" alt="">

                                                            </a>

                                                        </div>

                                                        <h4 class="awe-media-title medium upper center">

                                                            <a href="#" title="">The trend shop</a>

                                                        </h4>

                                                    </div>

                                                    <div class="awe-media inline">

                                                        <div class="awe-media-image">

                                                            <a href="#" title="">

                                                                <img src="html/img/samples/menu/shirt-shop.jpg" alt="">

                                                            </a>

                                                            <div class="awe-media-overlay overlay-dark-50 fullpage">

                                                                <div class="fp-table">

                                                                    <div class="fp-table-cell center">

                                                                        <a href="#" class="btn btn-white">Show now</a>

                                                                    </div>

                                                                </div>

                                                            </div>

                                                        </div>

                                                        <h4 class="awe-media-title medium upper center">

                                                            <a href="#" title="">Shirt shop</a>

                                                        </h4>

                                                    </div>

                                                </div>

                                            </div>

                                            <div class="bottom-link">

                                                <a href="#" class="btn btn-lg btn-dark btn-outline">

                                                    <span>Shop All Clothing</span>

                                                </a>

                                            </div>

                                        </div>

                                    </div>

                                </li>

                            </ul>

                        </li>

                        <li class="awemenu-item">

                            <a href="#" title="">

                               <span>Shoes</span>

                            </a>

                            <ul class="awemenu-submenu awemenu-megamenu" data-width="100%" data-animation="fadeup">

                                <li class="awemenu-megamenu-item">

                                    <div class="container-fluid">

                                        <div class="awemenu-megamenu-wrapper">

                                            <div class="row">

                                                <div class="col-lg-3">

                                                    <h2 class="upper">Shoes</h2>

                                                    <ul class="super">

                                                        <li><a href="#" title="">Bestseller</a></li>

                                                        <li><a href="#" title="">New Arrivals</a></li>

                                                    </ul>

                                                </div>

                                                <div class="col-lg-3">

                                                    <ul class="sublist">

                                                        <li><a href="#">Boat Shoes</a></li>

                                                        <li><a href="#">Boots</a></li>

                                                        <li><a href="#">Casual Shoes</a></li>

                                                        <li><a href="#">Dress Shoes</a></li>

                                                        <li><a href="#">Sneakers</a></li>

                                                    </ul>

                                                </div>

                                                <div class="col-lg-3">

                                                    <div class="sublist">

                                                        <p>Shop Size</p>

                                                        <ul class="numbers-list">

                                                            <li><a href="#">7</a></li>

                                                            <li><a href="#">7.5</a></li>

                                                            <li><a href="#">7.5</a></li>

                                                            <li><a href="#">8</a></li>

                                                            <li><a href="#">8.5</a></li>

                                                            <li><a href="#">9</a></li>

                                                            <li><a href="#">10</a></li>

                                                            <li><a href="#">10.5</a></li>

                                                            <li><a href="#">11</a></li>

                                                            <li><a href="#">11.5</a></li>

                                                            <li><a href="#">12</a></li>

                                                            <li><a href="#">13</a></li>

                                                        </ul>

                                                    </div>

                                                </div>

                                                <div class="col-lg-3">

                                                    <div class="awe-media inline margin-bottom-25">

                                                        <div class="awe-media-image">

                                                            <a href="#" title="">

                                                                <img src="html/img/samples/menu/trending-shoes.jpg" alt="">

                                                            </a>

                                                        </div>

                                                        <h4 class="awe-media-title medium upper center">

                                                            <a href="#" title="">Hot trend shoes</a>

                                                        </h4>

                                                    </div>

                                                    <div class="awe-media inline">

                                                        <div class="awe-media-image">

                                                            <a href="#" title="">

                                                                <img src="html/img/samples/menu/dress-shoes.jpg" alt="">

                                                            </a>

                                                        </div>

                                                        <h4 class="awe-media-title medium upper center">

                                                            <a href="#" title="">Dress shoes shop</a>

                                                        </h4>

                                                    </div>

                                                </div>

                                            </div>

                                            <div class="bottom-link">

                                                <a href="#" class="btn btn-lg btn-dark btn-outline">

                                                    <span>Shop All Shoes</span>

                                                </a>

                                            </div>

                                        </div>

                                    </div>

                                </li>

                            </ul>

                        </li>

                        <li class="awemenu-item">

                            <a href="#" title="">

                                <span>Accessories</span>

                            </a>

                            <ul class="awemenu-submenu awemenu-megamenu" data-width="100%" data-animation="fadeup">

                                <li class="awemenu-megamenu-item">

                                    <div class="container-fluid">

                                        <div class="awemenu-megamenu-wrapper">

                                            <div class="row">

                                                <div class="col-lg-3">

                                                    <h2 class="upper">Shoes</h2>

                                                    <ul class="super">

                                                        <li><a href="#" title="">Bestseller</a></li>

                                                        <li><a href="#" title="">New Arrivals</a></li>

                                                    </ul>

                                                </div>

                                                <div class="col-lg-3">

                                                    <ul class="sublist">

                                                        <li><a href="#" title="#">Bags</a></li>

                                                        <li><a href="#" title="#">Belts</a></li>

                                                        <li><a href="#" title="#">Grooming</a></li>

                                                        <li><a href="#" title="#">Hats</a></li>

                                                        <li><a href="#" title="#">Jewelry</a></li>

                                                    </ul>

                                                </div>

                                                <div class="col-lg-3">

                                                    <ul class="sublist">

                                                        <li><a href="#" title="">Scarves & Glovers</a></li>

                                                        <li><a href="#" title="">Wallets</a></li>

                                                        <li><a href="#" title="">Watches</a></li>

                                                        <li><a href="#" title="">Glasses</a></li>

                                                        <li><a href="#" title="">Zippo</a></li>

                                                    </ul>

                                                </div>

                                                <div class="col-lg-3">

                                                    <div class="awe-media inline margin-bottom-25">

                                                        <div class="awe-media-image">

                                                            <a href="#" title="">

                                                                <img src="html/img/samples/menu/trending-accessories.jpg" alt="">

                                                            </a>

                                                        </div>

                                                        <h4 class="awe-media-title medium upper center">

                                                            <a href="#" title="">Hot Trend Accessories</a>

                                                        </h4>

                                                    </div>

                                                    <div class="awe-media inline">

                                                        <div class="awe-media-image">

                                                            <a href="#" title="">

                                                                <img src="html/img/samples/menu/new-arrivals.jpg" alt="">

                                                            </a>

                                                        </div>

                                                        <h4 class="awe-media-title medium upper center">

                                                            <a href="#" title="">New Arrivals Swatch</a>

                                                        </h4>

                                                    </div>

                                                </div>

                                            </div>

                                            <div class="bottom-link">

                                                <a href="#" class="btn btn-lg btn-dark btn-outline">

                                                    <span>Shop All Accessories</span>

                                                </a>

                                            </div>

                                        </div>

                                    </div>

                                </li>

                            </ul>

                        </li>

                        <li class="awemenu-item">

                            <a href="#" title="">

                                <span>Brand</span>

                            </a>

                            <ul class="awemenu-submenu awemenu-megamenu" data-width="100%" data-animation="fadeup">

                                <li class="awemenu-megamenu-item">

                                    <div class="container-fluid">

                                        <div class="awemenu-megamenu-wrapper">

                                            <div class="row">

                                                <div class="col-lg-3">

                                                    <h2 class="upper">Brand</h2>

                                                </div>

                                                <div class="col-lg-3">

                                                    <ul class="sublist">

                                                        <li><a href="#" title="">Dr.Matten</a></li>

                                                        <li><a href="#" title="">The Police</a></li>

                                                        <li><a href="#" title="">Adidas</a></li>

                                                        <li><a href="#" title="">Like</a></li>

                                                        <li><a href="#" title="">The Sandiago</a></li>

                                                        <li><a href="#" title="">Pollo</a></li>

                                                    </ul>

                                                </div>

                                                <div class="col-lg-3">

                                                    <div class="sublist">

                                                        <p>Brand</p>

                                                        <ul class="numbers-list">

                                                            <li><a href="#" title="">A</a></li>

                                                            <li><a href="#" title="">B</a></li>

                                                            <li><a href="#" title="">C</a></li>

                                                            <li><a href="#" title="">D</a></li>

                                                            <li><a href="#" title="">E</a></li>

                                                            <li><a href="#" title="">F</a></li>

                                                            <li><a href="#" title="">G</a></li>

                                                            <li><a href="#" title="">H</a></li>

                                                            <li><a href="#" title="">I</a></li>

                                                            <li><a href="#" title="">J</a></li>

                                                            <li><a href="#" title="">K</a></li>

                                                            <li><a href="#" title="">L</a></li>

                                                            <li><a href="#" title="">M</a></li>

                                                            <li><a href="#" title="">N</a></li>

                                                            <li><a href="#" title="">O</a></li>

                                                            <li><a href="#" title="">P</a></li>

                                                            <li><a href="#" title="">Q</a></li>

                                                            <li><a href="#" title="">R</a></li>

                                                            <li><a href="#" title="">S</a></li>

                                                            <li><a href="#" title="">T</a></li>

                                                            <li><a href="#" title="">U</a></li>

                                                            <li><a href="#" title="">V</a></li>

                                                            <li><a href="#" title="">W</a></li>

                                                            <li><a href="#" title="">X</a></li>

                                                            <li><a href="#" title="">Y</a></li>

                                                            <li><a href="#" title="">Z</a></li>

                                                        </ul>

                                                    </div>

                                                </div>

                                                <div class="col-lg-3">

                                                    <div class="awe-media inline margin-bottom-25">

                                                        <div class="awe-media-image">

                                                            <a href="#" title="">

                                                                <img src="html/img/samples/menu/horosen-shop.jpg" alt="">

                                                            </a>

                                                        </div>

                                                        <h4 class="awe-media-title medium upper center">

                                                            <a href="#" title="">Horosen shop</a>

                                                        </h4>

                                                    </div>

                                                    <div class="awe-media inline">

                                                        <div class="awe-media-image">

                                                            <a href="#" title="">

                                                                <img src="html/img/samples/menu/police-shop.jpg" alt="">

                                                            </a>

                                                        </div>

                                                        <h4 class="awe-media-title medium upper center">

                                                            <a href="#" title="">The police shop</a>

                                                        </h4>

                                                    </div>

                                                </div>

                                            </div>

                                            <div class="bottom-link">

                                                <a href="#" class="btn btn-lg btn-dark btn-outline">

                                                    <span>Shop All Accessories</span>

                                                </a>

                                            </div>

                                        </div>

                                    </div>

                                </li>

                            </ul>

                        </li>

                        <li class="awemenu-item">

                            <a href="#" title="">Pages</a>

                            <ul class="awemenu-submenu awemenu-megamenu" data-width="100%" data-animation="fadeup">

                                <li class="awemenu-megamenu-item">

                                    <div class="container-fluid">

                                        <div class="row">

                                            <div class="col-lg-3">

                                                <ul class="list-unstyled">

                                                    <li class="awemenu-item">

                                                        <a href="index.html" title="">Home Page</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="index2.html" title="">Home Page 2</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="index3.html" title="">Home Page 3</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="index4.html" title="">Home Page 4</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="index-header-1.html" title="">Home with header style 1</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="index-header-2.html" title="">Home with header style 2</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="index-header-3.html" title="">Home with header style 3</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="index-header-4.html" title="">Home with header style 4</a>

                                                    </li>

                                                </ul>

                                            </div>

                                            <div class="col-lg-3">

                                                <ul class="list-unstyled">

                                                    <li class="awemenu-item">

                                                        <a href="index-empty.html" title="">Home with empty cart</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="index-footer-style.html" title="">Home with footer style</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="about-us.html" title="">About us</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="blog-left.html" title="">Blog left</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="blog-right.html" title="">Blog right</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="blog-nobar.html" title="">Blog nobar</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="blog-masonry.html" title="">Blog masonry</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="blog-detail.html" title="">Blog details</a>

                                                    </li>

                                                </ul>

                                            </div>

                                            <div class="col-lg-3">

                                                <ul class="list-unstyled">

                                                    <li class="awemenu-item">

                                                        <a href="404.html" title="">404</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="comming-soon.html" title="">Comming soon</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="contact.html" title="">Contact</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="portfolio-main-style1.html" title="">Portfolio 1</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="portfolio-main-style2.html" title="">Portfolio 2</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="portfolio-main-stylepicture-grid.html" title="">Portfolio 3</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="portfolio-main-stylepicture-masonry.html" title="">Portfolio 4</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="portfolio-detail.html" title="">Portfolio details</a>

                                                    </li>

                                                </ul>

                                            </div>

                                            <div class="col-lg-3">

                                                <ul class="list-unstyled">

                                                    <li class="awemenu-item">

                                                        <a href="customers-say.html" title="">Customers Say</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="lookbook.html" title="">Lookbook</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="lookbook-details.html" title="">Lookbook details</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="products-grid.html" title="">Product grid</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="products-list.html" title="">Product list</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="product-detail.html" title="">Product detail</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="product-fullwidth.html" title="">Product detail 2</a>

                                                    </li>

                                                    <li class="awemenu-item">

                                                        <a href="checkout.html" title="">Checkout</a>

                                                    </li>

                                                </ul>

                                            </div>

                                        </div>

                                    </div>

                                </li>

                            </ul>

                        </li>

                        <li class="awemenu-item">

                            <a href="#">Elements</a>

                            <ul class="awemenu-submenu awemenu-megamenu" data-width="650px" data-animation="fadeup">

                                <li class="awemenu-megamenu-item">

                                    <div class="container-fluid">

                                        <div class="row">

                                            <div class="col-lg-6">

                                                <ul class="list-unstyled">

                                                    <li class="awemenu-item"><a href="./elements-alert.html">Alert</a></li>

                                                    <li class="awemenu-item"><a href="./elements-background.html">Background</a></li>

                                                    <li class="awemenu-item"><a href="./elements-bar.html">Bar (Progress)</a></li>

                                                    <li class="awemenu-item"><a href="./elements-box.html">Box</a></li>

                                                    <li class="awemenu-item"><a href="./elements-buttons.html">Buttons</a></li>

                                                    <li class="awemenu-item"><a href="./elements-forms.html">Form Fields</a></li>

                                                    <li class="awemenu-item"><a href="./elements-grid.html">Grid</a></li>

                                                    <li class="awemenu-item"><a href="./elements-page-title.html">Page Title</a></li>

                                                    <li class="awemenu-item"><a href="./elements-maps.html">Maps</a></li>

                                                </ul>

                                            </div>

                                            <div class="col-lg-6">

                                                <ul class="list-unstyled">

                                                    <li class="awemenu-item"><a href="./elements-aweicon.html">Icons (Aweicon)</a></li>

                                                    <li class="awemenu-item"><a href="./elements-glyphicon.html">Icons (Glyphicon)</a></li>

                                                    <li class="awemenu-item"><a href="./elements-fontawesome.html">Icons (FontAwesome)</a></li>

                                                    <li class="awemenu-item"><a href="./elements-carousel.html">Carousel</a></li>

                                                    <li class="awemenu-item"><a href="./elements-tabs.html">Tabs</a></li>

                                                    <li class="awemenu-item"><a href="./elements-typography.html">Typography</a></li>

                                                    <li class="awemenu-item"><a href="./elements-video-sound.html">Video / Sound</a></li>

                                                    <li class="awemenu-item"><a href="./elements-divider.html">Divider</a></li>

                                                    <li class="awemenu-item"><a href="./elements-counter.html">Counter</a></li>

                                                </ul>

                                            </div>

                                        </div>

                                    </div>

                                </li>

                            </ul>

                        </li>

                    </ul><!-- /.awemenu -->

                </div>

            </div><!-- /.container -->

        </nav><!-- /.awe-menubar -->

    </header><!-- /.awe-menubar-header -->

            <div>                

<section>

    <div class="container">

        <div class="margin-vertical-30">

    <div class="main-slider-wrapper">

        <div class="main-slider owl-carousel owl-carousel-inset">

            <div class="main-slider-item">

                <div class="main-slider-image">

                    <img src="html/img/samples/sliders-box/1.jpg" alt="">

                </div>

                <div class="main-slider-text">

                    <div class="fp-table">

                        <div class="fp-table-cell center">

                            <div class="container">

                                <h3>The Shoes For Summer</h3>

                                <h2>Shoes Vans<br>$160.00</h2>

                                <div class="button">

                                    <a href="#" class="btn btn-lg btn-primary margin-right-15">Shop now</a>

                                    <a href="#" class="btn btn-lg btn-white btn-outline">Browse category</a>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

            <div class="main-slider-item">

                <div class="main-slider-image">

                    <img src="html/img/samples/sliders-box/2.jpg" alt="">

                </div>

                <div class="main-slider-text">

                    <div class="fp-table">

                        <div class="fp-table-cell center">

                            <div class="container">

                                <h3 class="small">New Fashion For Winter</h3>

                                <h2 class="small">New Jacket <br> only $60</h2>

                                <div class="button">

                                    <a href="#" class="btn btn-lg btn-primary margin-right-15">Shop now</a>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

            <div class="main-slider-item">

                <div class="main-slider-image">

                    <img src="html/img/samples/sliders-box/3.jpg" alt="">

                </div>

                <div class="main-slider-text">

                    <div class="fp-table">

                        <div class="fp-table-cell center">

                            <div class="container">

                                <h3 class="light">New T-shirt</h3>

                                <h2 class="small margin-bottom-25">Vintage Raglan</h2>

                                <div class="dots-color center margin-bottom-35">

                                    <span class="orange"></span>

                                    <span class="blue"></span>

                                    <span class="green"></span>

                                    <span class="red"></span>

                                    <span class="black"></span>

                                </div>

                                <div class="button">

                                    <a href="#" class="btn btn-lg btn-primary">Shop now</a>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

            <div class="main-slider-item">

                <div class="main-slider-image">

                    <img src="html/img/samples/sliders-box/4.jpg" alt="">

                </div>

                <div class="main-slider-text">

                    <div class="fp-table">

                        <div class="fp-table-cell center">

                            <div class="container">

                                <h3 class="small">What's Trending</h3>

                                <h2 class="small">Look Book<br>fashion 2015</h2>

                                <div class="button">

                                    <a href="#" class="btn btn-lg btn-primary margin-right-15">View now</a>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

    <script>

        $(function() {  aweMainSlider(); });

    </script>

        </div>

    </div><!-- /.container -->

</section><!-- /section -->

<section>

    <div class="container">

        <div class="padding-bottom-30">

            <div class="row">

                <div class="col-md-3">

                    <div class="policy policy-block">

                        <div class="policy-icon">

                            <i class="icon icon-dolar-circle"></i>

                        </div>

                        <div class="policy-text">

                            <h4>100% Money Back Guarantee</h4>

                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

                        </div>

                    </div>

                </div>

                <div class="col-md-3">

                    <div class="policy policy-block">

                        <div class="policy-icon">

                            <i class="icon icon-car"></i>

                        </div>

                        <div class="policy-text">

                            <h4>Free Shipping On Order Over 500$</h4>

                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

                        </div>

                    </div>

                </div>

                <div class="col-md-3">

                    <div class="policy policy-block">

                        <div class="policy-icon">

                            <i class="icon icon-telephone"></i>

                        </div>

                        <div class="policy-text">

                            <h4>24-Hour Active Support</h4>

                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

                        </div>

                    </div>

                </div>

                <div class="col-md-3">

                    <div class="subscible-wrapper subscible-block">

                        <h3 class="subscribe-title">Subscribe newsletter</h3>

                        <div class="subscribe-comment">

                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

                        </div>

                       <%-- <form method="GET" action="index.html" class="subscible-form">--%>

                            <div class="form-group">

                                <label class="sr-only" for="subscribe-email">Email</label>

                                <input type="email" placeholder="Enter your email address" class="form-control">                            </div>

                            <div class="form-submit">

                                <button class="btn btn-lg btn-primary" type="submit">Subscribe email</button>

                            </div>

                        <%--</form>--%>

                    </div>

                </div>

            </div>

        </div>

    </div>

</section>

<div class="container">

    <div class="divider"></div>

</div>

<section>

    <div class="container">

        <div class="home-trending padding-vertical-50">

            <div class="section-header center">

                <h2 class="upper margin-bottom-20">What's Trending</h2>

                <p>All trend style for man</p>

            </div><!-- ./section-header -->

            <div class="row">

                <div class="col-md-3 col-sm-6 col-xs-6">

                    <div class="awe-media">

                        <div class="awe-media-image">

                            <a href="#" title="New Collection For Man">

                                <img src="html/img/samples/collections/trending/1.jpg" alt="">

                            </a>

                        </div><!-- /.awe-media-image -->

                        <div class="awe-media-body center margin-vertical-20">

                            <a href="#" title="New Collection For Man">New Collection For Man</a>

                        </div><!-- /.awe-media-body -->

                    </div><!-- /.awe-media -->

                </div>

                <div class="col-md-3 col-sm-6 col-xs-6">

                    <div class="awe-media">

                        <div class="awe-media-image">

                            <a href="#" title="New Trending Shop">

                                <img src="html/img/samples/collections/trending/2.jpg" alt="">

                            </a>

                        </div><!-- /.awe-media-image -->

                        <div class="awe-media-body center margin-vertical-20">

                            <a href="#" title="New Trending Shop">New Trending Shop</a>

                        </div><!-- /.awe-media-body -->

                    </div><!-- /.awe-media -->

                </div>

                <div class="col-md-3 col-sm-6 col-xs-6">

                    <div class="awe-media">

                        <div class="awe-media-image">

                            <a href="#" title="New Fashion for Cafe Racer Boy">

                                <img src="html/img/samples/collections/trending/3.jpg" alt="">

                            </a>

                        </div><!-- /.awe-media-image -->

                        <div class="awe-media-body center margin-vertical-20">

                            <a href="#" title="New Fashion for Cafe Racer Boy">New Fashion for Cafe Racer Boy</a>

                        </div><!-- /.awe-media-body -->

                    </div><!-- /.awe-media -->

                </div>

                <div class="col-md-3 col-sm-6 col-xs-6">

                    <div class="awe-media">

                        <div class="awe-media-image">

                            <a href="#" title="New Watch Style">

                                <img src="html/img/samples/collections/trending/4.jpg" alt="">

                            </a>

                        </div><!-- /.awe-media-image -->

                        <div class="awe-media-body center margin-vertical-20">

                            <a href="#" title="New Watch Style">New Watch Style</a>

                        </div><!-- /.awe-media-body -->

                    </div><!-- /.awe-media -->

                </div>

            </div><!-- /.row -->

        </div><!-- /.home-trending -->

    </div><!-- /.container -->

</section><!-- /section -->

<div class="container">

    <div class="divider"></div>

</div>

<section>

    <div class="container">

        <div class="padding-vertical-50">

            <div class="section-header center">

                <h2 class="margin-bottom-20">SHOP CATEGORIES</h2>

                <p>Best of category shop for you</p>

            </div><!-- /.section-header -->

            <div class="cate-section-gutter-wrapper">

                <div class="row">

                    <div class="col-md-4 col-sm-4">

                        <div class="cate-section-gutter cate-overlay">

                            <div class="category-text">

                                <h3>CLOTHING</h3>

                                <p>Lorem Ipsum is simply dummy text of the printing</p>

                                <a href="#" title="" class="btn btn-dark btn-outline">VIEW ALL</a>

                            </div>

                            <div class="awe-media block">

                                <div class="awe-media-image">

                                    <a href="#" title="">

                                        <img src="html/img/samples/collections/categories/collection-category-2.jpg" alt="">

                                    </a>

                                </div>

                            </div>

                        </div><!-- /.cate-section-gutter -->

                    </div>

                    <div class="col-md-4 col-sm-4">

                        <div class="cate-section-gutter cate-overlay">

                            <div class="awe-media block">

                                <div class="awe-media-image">

                                    <a href="#" title="">

                                        <img src="html/img/samples/collections/categories/collection-category-1.jpg" alt="">

                                    </a>

                                </div>

                            </div>

                            <div class="category-text">

                                <h3>SHOES</h3>

                                <p>Lorem Ipsum is simply dummy text of the printing</p>

                                <a href="#" title="" class="btn btn-dark btn-outline">VIEW ALL</a>

                            </div>

                        </div><!-- /.cate-section-gutter -->

                    </div>

                    <div class="col-md-4 col-sm-4">

                        <div class="cate-section-gutter cate-overlay">

                            <div class="awe-media block">

                                <div class="awe-media-image">

                                    <a href="#" title="">

                                        <img src="html/img/samples/collections/categories/collection-category-3.jpg" alt="">

                                    </a>

                                </div>

                            </div>

                            <div class="category-text">

                                <h3>ACCESSORIES</h3>

                                <p>Lorem Ipsum is simply dummy text of the printing</p>

                                <a href="#" title="" class="btn btn-dark btn-outline">VIEW ALL</a>

                            </div>

                        </div><!-- /.cate-section-gutter -->

                    </div>

                </div><!-- /.row -->

            </div>

        </div>

    </div><!-- /.container -->

</section><!-- /section -->

<div class="container">

    <div class="divider"></div>

</div>

<section>

    <div class="container">

        <div class="padding-vertical-50">

    <div class="arrivals">

        <div class="section-header center">

            <h2>New Arrivals</h2>

        </div><!-- /.section-header -->

        <div class="products home-products owl-carousel" data-items="4">

                        <div class="product product-grid">

                            <div class="product-media">

                                <div class="product-thumbnail">

                                    <a href="product-fullwidth.html" title="">

                                        <img src="html/img/samples/products/index/arrivals/1.jpg" alt="" class="current">

                                        <img src="html/img/samples/products/index/clothing/2.jpg" alt="">

                                    </a>

                                </div><!-- /.product-thumbnail -->

                                <div class="product-hover">

                                    <div class="product-actions">

                                        <a href="#" class="awe-button product-add-cart" data-toggle="tooltip" title="Add to cart">

                                            <i class="icon icon-shopping-bag"></i>

                                        </a>

                                        <a href="#" class="awe-button product-quick-whistlist" data-toggle="tooltip" title="Add to whistlist">

                                            <i class="icon icon-star"></i>

                                        </a>

                                        <a href="product-quick-view.html" class="awe-button product-quick-view" data-toggle="tooltip" title="Quickview">

                                            <i class="icon icon-eye"></i>

                                        </a>

                                    </div>

                                </div><!-- /.product-hover -->

                            </div><!-- /.product-media -->

                            <div class="product-body">

                                <h2 class="product-name">

                                    <a href="#" title="Gin Lane Greenport Cotton Shirt">Gin Lane Greenport Cotton Shirt</a>

                                </h2><!-- /.product-product -->

                                <div class="product-category">

                                    <span>Short</span>

                                </div><!-- /.product-category -->

                                <div class="product-price">

                                    <span class="amount">$80</span>

                                </div><!-- /.product-price -->

                            </div><!-- /.product-body -->

                        </div><!-- /.product -->

                        <div class="product product-grid">

                            <div class="product-media">

                                <div class="product-thumbnail">

                                    <a href="product-fullwidth.html" title="">

                                        <img src="html/img/samples/products/index/arrivals/2.jpg" alt="" class="current">

                                        <img src="html/img/samples/products/index/clothing/2.jpg" alt="">

                                    </a>

                                </div><!-- /.product-thumbnail -->

                                <div class="product-hover">

                                    <div class="product-actions">

                                        <a href="#" class="awe-button product-add-cart" data-toggle="tooltip" title="Add to cart">

                                            <i class="icon icon-shopping-bag"></i>

                                        </a>

                                        <a href="#" class="awe-button product-quick-whistlist" data-toggle="tooltip" title="Add to whistlist">

                                            <i class="icon icon-star"></i>

                                        </a>

                                        <a href="product-quick-view.html" class="awe-button product-quick-view" data-toggle="tooltip" title="Quickview">

                                            <i class="icon icon-eye"></i>

                                        </a>

                                    </div>

                                </div><!-- /.product-hover -->

                            </div><!-- /.product-media -->

                            <div class="product-body">

                                <h2 class="product-name">

                                    <a href="#" title="Goodale Rutledge Navy/White">Goodale Rutledge Navy/White</a>

                                </h2><!-- /.product-product -->

                                <div class="product-category">

                                    <span>Shirt</span>

                                </div><!-- /.product-category -->

                                <div class="product-price">

                                    <span class="amount">$50</span>

                                </div><!-- /.product-price -->

                            </div><!-- /.product-body -->

                        </div><!-- /.product -->

                        <div class="product product-grid">

                            <div class="product-media">

                                <div class="product-thumbnail">

                                    <a href="product-fullwidth.html" title="">

                                        <img src="html/img/samples/products/index/arrivals/3.jpg" alt="" class="current">

                                        <img src="html/img/samples/products/index/clothing/2.jpg" alt="">

                                    </a>

                                </div><!-- /.product-thumbnail -->

                                <div class="product-hover">

                                    <div class="product-actions">

                                        <a href="#" class="awe-button product-add-cart" data-toggle="tooltip" title="Add to cart">

                                            <i class="icon icon-shopping-bag"></i>

                                        </a>

                                        <a href="#" class="awe-button product-quick-whistlist" data-toggle="tooltip" title="Add to whistlist">

                                            <i class="icon icon-star"></i>

                                        </a>

                                        <a href="product-quick-view.html" class="awe-button product-quick-view" data-toggle="tooltip" title="Quickview">

                                            <i class="icon icon-eye"></i>

                                        </a>

                                    </div>

                                </div><!-- /.product-hover -->

                            </div><!-- /.product-media -->

                            <div class="product-body">

                                <h2 class="product-name">

                                    <a href="#" title="Gin Lane Greenport Cotton Shirt">Gin Lane Greenport Cotton Shirt</a>

                                </h2><!-- /.product-product -->

                                <div class="product-category">

                                    <span>Shirt</span>

                                </div><!-- /.product-category -->

                                <div class="product-price">

                                    <span class="amount">$60</span>

                                </div><!-- /.product-price -->

                            </div><!-- /.product-body -->

                        </div><!-- /.product -->

                        <div class="product product-grid">

                            <div class="product-media">

                                <div class="product-thumbnail">

                                    <a href="product-fullwidth.html" title="">

                                        <img src="html/img/samples/products/index/arrivals/4.jpg" alt="" class="current">

                                        <img src="html/img/samples/products/index/clothing/2.jpg" alt="">

                                    </a>

                                </div><!-- /.product-thumbnail -->

                                <div class="product-hover">

                                    <div class="product-actions">

                                        <a href="#" class="awe-button product-add-cart" data-toggle="tooltip" title="Add to cart">

                                            <i class="icon icon-shopping-bag"></i>

                                        </a>

                                        <a href="#" class="awe-button product-quick-whistlist" data-toggle="tooltip" title="Add to whistlist">

                                            <i class="icon icon-star"></i>

                                        </a>

                                        <a href="product-quick-view.html" class="awe-button product-quick-view" data-toggle="tooltip" title="Quickview">

                                            <i class="icon icon-eye"></i>

                                        </a>

                                    </div>

                                </div><!-- /.product-hover -->

                            </div><!-- /.product-media -->

                            <div class="product-body">

                                <h2 class="product-name">

                                    <a href="#" title="Gin Lane Greenport Cotton Shirt">Gin Lane Greenport Cotton Shirt</a>

                                </h2><!-- /.product-product -->

                                <div class="product-category">

                                    <span>Shirt</span>

                                </div><!-- /.product-category -->

                                <div class="product-price">

                                    <span class="amount">$50</span>

                                </div><!-- /.product-price -->

                            </div><!-- /.product-body -->

                        </div><!-- /.product -->

                        <div class="product product-grid">

                            <div class="product-media">

                                <div class="product-thumbnail">

                                    <a href="product-fullwidth.html" title="">

                                        <img src="html/img/samples/products/index/arrivals/5.jpg" alt="" class="current">

                                        <img src="html/img/samples/products/index/clothing/2.jpg" alt="">

                                    </a>

                                </div><!-- /.product-thumbnail -->

                                <div class="product-hover">

                                    <div class="product-actions">

                                        <a href="#" class="awe-button product-add-cart" data-toggle="tooltip" title="Add to cart">

                                            <i class="icon icon-shopping-bag"></i>

                                        </a>

                                        <a href="#" class="awe-button product-quick-whistlist" data-toggle="tooltip" title="Add to whistlist">

                                            <i class="icon icon-star"></i>

                                        </a>

                                        <a href="product-quick-view.html" class="awe-button product-quick-view" data-toggle="tooltip" title="Quickview">

                                            <i class="icon icon-eye"></i>

                                        </a>

                                    </div>

                                </div><!-- /.product-hover -->

                            </div><!-- /.product-media -->

                            <div class="product-body">

                                <h2 class="product-name">

                                    <a href="#" title="Gin Lane Greenport Cotton Shirt">Gin Lane Greenport Cotton Shirt</a>

                                </h2><!-- /.product-product -->

                                <div class="product-category">

                                    <span>Shirt</span>

                                </div><!-- /.product-category -->

                                <div class="product-price">

                                    <span class="amount">$50</span>

                                </div><!-- /.product-price -->

                            </div><!-- /.product-body -->

                        </div><!-- /.product -->

        </div><!-- /.products -->

    </div><!-- /.arrivals -->

        </div>

    </div><!-- /.container -->

</section><!-- /section -->

<div class="container">

    <div class="divider"></div>

</div>

<section>

    <div class="container">

    <div class="padding-vertical-50 border-bottom">

        <div class="section-header center">

            <h2>Featured Items</h2>

        </div><!-- /.section-header -->

        <div class="products scroll">

            <div class="row">

                <div class="col-md-3 col-sm-6 col-xs-6">

                        <div class="product product-grid">

                            <div class="product-media">

                                <div class="product-thumbnail">

                                    <a href="product-fullwidth.html" title="">

                                        <img src="html/img/samples/products/index/featured/1.jpg" alt="" class="current">

                                        <img src="html/img/samples/products/index/clothing/2.jpg" alt="">

                                    </a>

                                </div><!-- /.product-thumbnail -->

                                <div class="product-hover">

                                    <div class="product-actions">

                                        <a href="#" class="awe-button product-add-cart" data-toggle="tooltip" title="Add to cart">

                                            <i class="icon icon-shopping-bag"></i>

                                        </a>

                                        <a href="#" class="awe-button product-quick-whistlist" data-toggle="tooltip" title="Add to whistlist">

                                            <i class="icon icon-star"></i>

                                        </a>

                                        <a href="product-quick-view.html" class="awe-button product-quick-view" data-toggle="tooltip" title="Quickview">

                                            <i class="icon icon-eye"></i>

                                        </a>

                                    </div>

                                </div><!-- /.product-hover -->

                                <span class="product-label hot">

                                    <span>hot</span>

                                </span>

                            </div><!-- /.product-media -->

                            <div class="product-body">

                                <h2 class="product-name">

                                    <a href="#" title="Gin Lane Greenport Cotton Shirt">Gin Lane Greenport Cotton Shirt</a>

                                </h2><!-- /.product-product -->

                                <div class="product-category">

                                    <span>Jackets</span>

                                </div><!-- /.product-category -->

                                <div class="product-price">

                                    <span class="amount">$260</span>

                                </div><!-- /.product-price -->

                            </div><!-- /.product-body -->

                        </div><!-- /.product -->

                </div>

                <div class="col-md-3 col-sm-6 col-xs-6">

                        <div class="product product-grid">

                            <div class="product-media">

                                <div class="product-thumbnail">

                                    <a href="product-fullwidth.html" title="">

                                        <img src="html/img/samples/products/index/featured/2.jpg" alt="" class="current">

                                        <img src="html/img/samples/products/index/clothing/2.jpg" alt="">

                                    </a>

                                </div><!-- /.product-thumbnail -->

                                <div class="product-hover">

                                    <div class="product-actions">

                                        <a href="#" class="awe-button product-add-cart" data-toggle="tooltip" title="Add to cart">

                                            <i class="icon icon-shopping-bag"></i>

                                        </a>

                                        <a href="#" class="awe-button product-quick-whistlist" data-toggle="tooltip" title="Add to whistlist">

                                            <i class="icon icon-star"></i>

                                        </a>

                                        <a href="product-quick-view.html" class="awe-button product-quick-view" data-toggle="tooltip" title="Quickview">

                                            <i class="icon icon-eye"></i>

                                        </a>

                                    </div>

                                </div><!-- /.product-hover -->

                                <span class="product-label new">

                                    <span>new</span>

                                </span>

                            </div><!-- /.product-media -->

                            <div class="product-body">

                                <h2 class="product-name">

                                    <a href="#" title="Goodale Rutledge Navy/White">Goodale Rutledge Navy/White</a>

                                </h2><!-- /.product-product -->

                                <div class="product-category">

                                    <span>Shorts</span>

                                </div><!-- /.product-category -->

                                <div class="product-price">

                                    <span class="amount">$150</span>

                                </div><!-- /.product-price -->

                            </div><!-- /.product-body -->

                        </div><!-- /.product -->

                </div>

                <div class="col-md-3 col-sm-6 col-xs-6">

                        <div class="product product-grid">

                            <div class="product-media">

                                <div class="product-thumbnail">

                                    <a href="product-fullwidth.html" title="">

                                        <img src="html/img/samples/products/index/featured/3.jpg" alt="" class="current">

                                        <img src="html/img/samples/products/index/clothing/2.jpg" alt="">

                                    </a>

                                </div><!-- /.product-thumbnail -->

                                <div class="product-soldout">

                                    <div class="fp-table">

                                        <div class="fp-table-cell">

                                            <span class="soldout">Sold Out</span>

                                        </div>

                                    </div>

                                </div><!-- /.product-hover -->

                            </div><!-- /.product-media -->

                            <div class="product-body">

                                <h2 class="product-name">

                                    <a href="#" title="Gin Lane Greenport Cotton Shirt">Gin Lane Greenport Cotton Shirt</a>

                                </h2><!-- /.product-product -->

                                <div class="product-category">

                                    <span>Shirt</span>

                                </div><!-- /.product-category -->

                                <div class="product-price">

                                    <span class="amount">$60</span>

                                </div><!-- /.product-price -->

                            </div><!-- /.product-body -->

                        </div><!-- /.product -->

                </div>

                <div class="col-md-3 col-sm-6 col-xs-6">

                        <div class="product product-grid">

                            <div class="product-media">

                                <div class="product-thumbnail">

                                    <a href="product-fullwidth.html" title="">

                                        <img src="html/img/samples/products/index/featured/4.jpg" alt="" class="current">

                                        <img src="html/img/samples/products/index/clothing/2.jpg" alt="">

                                    </a>

                                </div><!-- /.product-thumbnail -->

                                <div class="product-hover">

                                    <div class="product-actions">

                                        <a href="#" class="awe-button product-add-cart" data-toggle="tooltip" title="Add to cart">

                                            <i class="icon icon-shopping-bag"></i>

                                        </a>

                                        <a href="#" class="awe-button product-quick-whistlist" data-toggle="tooltip" title="Add to whistlist">

                                            <i class="icon icon-star"></i>

                                        </a>

                                        <a href="product-quick-view.html" class="awe-button product-quick-view" data-toggle="tooltip" title="Quickview">

                                            <i class="icon icon-eye"></i>

                                        </a>

                                    </div>

                                </div><!-- /.product-hover -->

                                <span class="product-label sale">

                                    <span>sale</span>

                                </span>

                            </div><!-- /.product-media -->

                            <div class="product-body">

                                <h2 class="product-name">

                                    <a href="#" title="Goodale Rutledge Navy/White">Goodale Rutledge Navy/White</a>

                                </h2><!-- /.product-product -->

                                <div class="product-category">

                                    <span>Vests</span>

                                </div><!-- /.product-category -->

                                <div class="product-price">

                                    <span class="amount">$630</span>

                                    <del class="amount">$230</del>

                                </div><!-- /.product-price -->

                            </div><!-- /.product-body -->

                        </div><!-- /.product -->

                </div>

            </div><!-- /.row -->

        </div><!-- /.products -->

        <div class="center">

            <a href="#" class="btn btn-lg btn-dark btn-outline">

                <span>View More Products</span>

            </a>

        </div><!-- /.margin-top-50 -->

    </div><!-- /.padding-vertical-50 -->

    </div><!-- /.container -->

</section><!-- /section -->

<section class="background background-color-dark background-image-section-customers-say">

        <div class="container">

        <div class="padding-top-60">

            <div class="section-header center">

                <h2>Customer Say</h2>

            </div><!-- /.section-header -->

            <div class="section-customers">

                <div class="row">

                    <div class="col-md-8 col-md-offset-2">

                        <div class="customers-carousel owl-carousel" data-toggle="carousel" data-dots="true" data-nav="0">

                            <div class="center">

                                <h4>Natasha Roson</h4>

                                <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. If you are going to use a passage of Lorem Ipsum“</p>

                            </div><!-- /.center -->

                            <div class="center">

                                <h4>Natasha Roson</h4>

                                <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. If you are going to use a passage of Lorem Ipsum“</p>

                            </div><!-- /.center -->

                            <div class="center">

                                <h4>Natasha Roson</h4>

                                <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. If you are going to use a passage of Lorem Ipsum“</p>

                            </div><!-- /.center -->

                        </div><!-- /.customers-say-carousel -->

                    </div>

                </div>

            </div><!-- /.section-content -->

        </div>

    </div><!-- /.container -->

    <div class="section-brands">

        <div class="container">

            <div class="brands-carousel owl-carousel">                

                    <div class="center">

                        <img src="html/img/samples/brands/brand-1.png" alt="">

                    </div><!-- /.center -->

                    <div class="center">

                        <img src="html/img/samples/brands/brand-2.png" alt="">

                    </div><!-- /.center -->

                    <div class="center">

                        <img src="html/img/samples/brands/brand-3.png" alt="">

                    </div><!-- /.center -->

                    <div class="center">

                        <img src="html/img/samples/brands/brand-4.png" alt="">

                    </div><!-- /.center -->

                    <div class="center">

                        <img src="html/img/samples/brands/brand-1.png" alt="">

                    </div><!-- /.center -->

                    <div class="center">

                        <img src="html/img/samples/brands/brand-2.png" alt="">

                    </div><!-- /.center -->

                    <div class="center">

                        <img src="html/img/samples/brands/brand-3.png" alt="">

                    </div><!-- /.center -->

                    <div class="center">

                        <img src="html/img/samples/brands/brand-4.png" alt="">

                    </div><!-- /.center -->

            </div><!-- /.brands-carousel -->

        </div><!-- /.container -->

    </div><!-- /.section-brands -->

</section><!-- /section -->

<section>

    <div class="container">

            <div class="padding-vertical-60">

        <div class="section-header">

            <h2>News</h2>

        </div>

        <div class="section-content">

            <div class="home-section-posts owl-carousel">

                    <div class="section-post">

                        <div class="section-post-media">

                            <a href="#" title="San Francisco Felt Pennant">

                                <img src="html/img/samples/posts/index/1.jpg" alt="">

                            </a>

                        </div>

                        <div class="section-post-body">

                            <div class="section-post-time">

                                <span>26</span> <small>August</small>

                            </div>

                            <h4 class="section-post-title">

                                <a href="#" title="San Francisco Felt Pennant">San Francisco Felt Pennant</a>

                            </h4>

                            <p class="section-post-excerpt">Lorem Ipsum is simply dummy text of the printing and typeseting industry.</p>

                            <a href="#" title="" class="read-more">Read more</a>

                        </div>

                    </div>

                    <div class="section-post">

                        <div class="section-post-media">

                            <a href="#" title="San Francisco Felt Pennant">

                                <img src="html/img/samples/posts/index/2.jpg" alt="">

                            </a>

                        </div>

                        <div class="section-post-body">

                            <div class="section-post-time">

                                <span>18</span> <small>August</small>

                            </div>

                            <h4 class="section-post-title">

                                <a href="#" title="San Francisco Felt Pennant">San Francisco Felt Pennant</a>

                            </h4>

                            <p class="section-post-excerpt">Lorem Ipsum is simply dummy text of the printing and typeseting industry.</p>

                            <a href="#" title="" class="read-more">Read more</a>

                        </div>

                    </div>

                    <div class="section-post">

                        <div class="section-post-media">

                            <a href="#" title="San Francisco Felt Pennant">

                                <img src="html/img/samples/posts/index/1.jpg" alt="">

                            </a>

                        </div>

                        <div class="section-post-body">

                            <div class="section-post-time">

                                <span>26</span> <small>August</small>

                            </div>

                            <h4 class="section-post-title">

                                <a href="#" title="San Francisco Felt Pennant">San Francisco Felt Pennant</a>

                            </h4>

                            <p class="section-post-excerpt">Lorem Ipsum is simply dummy text of the printing and typeseting industry.</p>

                            <a href="#" title="" class="read-more">Read more</a>

                        </div>

                    </div>

                    <div class="section-post">

                        <div class="section-post-media">

                            <a href="#" title="San Francisco Felt Pennant">

                                <img src="html/img/samples/posts/index/2.jpg" alt="">

                            </a>

                        </div>

                        <div class="section-post-body">

                            <div class="section-post-time">

                                <span>18</span> <small>August</small>

                            </div>

                            <h4 class="section-post-title">

                                <a href="#" title="San Francisco Felt Pennant">San Francisco Felt Pennant</a>

                            </h4>

                            <p class="section-post-excerpt">Lorem Ipsum is simply dummy text of the printing and typeseting industry.</p>

                            <a href="#" title="" class="read-more">Read more</a>

                        </div>

                    </div>

            </div>

        </div>

    </div>

    </div><!-- /.container -->

</section><!-- /section -->

<section>

    <div class="container">

        <div class="row">

            <div class="col-md-6 col-sm-6">

                <div class="awe-media margin-bottom-20">

                    <div class="awe-media-image">

                        <a href="#">

                            <img src="html/img/samples/banners/home/home-banner-1.png" alt="">

                        </a>

                    </div>

                </div><!-- /.awe-media -->

            </div>

            <div class="col-md-6 col-sm-6">

                <div class="awe-media margin-bottom-20">

                    <div class="awe-media-image">

                        <a href="#">

                            <img src="html/img/samples/banners/home/home-banner-2.png" alt="">

                        </a>

                    </div><!-- /.awe-media -->

                </div>

            </div>

        </div><!-- /.row -->

    </div><!-- /.container -->

</section><!-- /section -->

            </div>

        <footer class="footer">

            <div class="footer-wrapper">

                <div class="footer-widgets">

        <div class="container">

            <div class="row">

                <div class="col-md-4">

                    <div class="row">

                        <div class="col-md-12 col-sm-6">

                            <div class="widget">

                                <h3 class="widget-title">ABOUT HOSOREN</h3>

                                <div class="widget-content">

                                    <p>Lorem ipsum dolor sit amet isse potenti. Vesquam ante aliquet lacusemper elit. Cras neque nulla, convallis non commodo et, euismod nonsese.</p>

                                </div>

                            </div>

                        </div>

                        <div class="col-md-12 col-sm-6">

                            <div class="widget">

                                <h3 class="widget-title">WE CAN HELP YOU?</h3>

                                <div class="widget-content">

                                    <p>Phone 1: 8 (495) 989—20—11</p>

                                    <p>Phone 2: 8 (800) 875—05—26</p>

                                    <p>Open - Close: 09:00-21:00</p>

                                    <p>Mail: [email protected]</p>

                                </div>

                            </div><!-- /.widget -->

                        </div>

                    </div>

                </div>

                <div class="col-md-2 col-sm-6">

                           <div class="widget">

                                <h3 class="widget-title">Shopping</h3>

                                <ul>

                                    <li><a href="#" title="">Your Cart</a></li>

                                    <li><a href="#" title="">Your Orders</a></li>

                                    <li><a href="#" title="">Compared Items</a></li>

                                    <li><a href="#" title="">Wishlist Items</a></li>

                                    <li><a href="#" title="">Shipping Detail</a></li>

                                </ul>

                            </div><!-- /.widget -->

                </div>

                <div class="col-md-2 col-sm-6">

                            <div class="widget">

                                <h3 class="widget-title">MORE LINK</h3>

                                <ul>

                                    <li><a href="#" title="">Blog</a></li>

                                    <li><a href="#" title="">Gift Center</a></li>

                                    <li><a href="#" title="">Buying Guides</a></li>

                                    <li><a href="#" title="">New Arrivals</a></li>

                                    <li><a href="#" title="">Clearance</a></li>

                                </ul>

                            </div><!-- /.widget -->

                </div>

                <div class="col-md-4">

                            <div class="widget">

                                <h3 class="widget-title">Are You Like Me</h3>

                                <ul class="list-socials">

                                    <li><a href="#" title=""><i class="icon icon-twitter"></i></a></li>

                                    <li><a href="#" title=""><i class="icon icon-facebook"></i></a></li>

                                    <li><a href="#" title=""><i class="icon icon-google-plus"></i></a></li>

                                    <li><a href="#" title=""><i class="icon icon-pinterest"></i></a></li>

                                </ul>

                            </div>

                            <div class="widget">

                                <h3 class="widget-title">PAYMENT ACCEPT</h3>

                                <ul class="list-socials">

                                    <li>

                                        <a href="#" title="">

                                            <i class="fa fa-cc-paypal"></i>

                                        </a>

                                    </li>

                                    <li>

                                        <a href="#" title="">

                                            <i class="fa fa-cc-visa"></i>

                                        </a>

                                    </li>

                                    <li>

                                        <a href="#" title="">

                                            <i class="fa fa-cc-amex"></i>

                                        </a>

                                    </li>

                                </ul>

                            </div><!-- /.widget -->

                </div>

            </div>

        </div>

                </div><!-- /.footer-widgets -->

                <div class="footer-copyright">

                    <div class="container">

                        <div class="copyright">

                            <p>Copyright © 2015 Hosoren - All Rights Reserved.</p>

                        </div>

                        <div class="footer-nav">

                            <nav>

                                <ul>

                                    <li><a href="#" title="">Contact Us</a></li>

                                    <li><a href="#" title="">Term of Use</a></li>

                                    <li><a href="#" title="">Privacy Policy</a></li>

                                    <li><a href="#" title="">Site Map</a></li>

                                </ul>

                            </nav>

                            <nav>

                                <ul>

                                    <li class="dropdown dropup">

                                        <div class="language-select">

                                            <span class="select-title">Language:</span>

                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                                                <span>ENG</span>

                                                <span class="icon icon-arrow-down"></span>

                                            </a>

                                            <ul class="dropdown-menu">                                                <li><a href="#">English</a></li>

                                                <li><a href="#">Vietnamese</a></li>

                                            </ul>

                                        </div>

                                    </li>

                                    <li class="dropdown dropup">

                                        <div class="price-select">

                                            <span class="select-title">Price:</span>

                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                                                <span>USD</span>

                                                <span class="icon icon-arrow-down"></span>

                                            </a>

                                            <ul class="dropdown-menu">                                                <li><a href="#">USD</a></li>

                                                <li><a href="#">VND</a></li>

                                            </ul>

                                        </div>

                                    </li>

                                </ul>

                            </nav>

                        </div>

                    </div>

                </div><!-- /.footer-copyright -->

            </div><!-- /.footer-wrapper -->

            <a href="#" class="back-top" title="">

                <span class="back-top-image">

                    <img src="html/img/back-top.png" alt="">

                </span>

                <small>Back top top</small>

            </a><!-- /.back-top -->

        </footer><!-- /footer -->

        </div><!-- /#wrapper -->

</form>

<div class="white-popup login-popup mfp-hide">

    <div>        <!-- Nav tabs -->

        <ul class="nav nav-tabs">            <li class="active">

                <a href="#account-login" data-toggle="tab">Account Login</a>

            </li>

            <li>                <a href="#account-register" data-toggle="tab">Register</a>

            </li>

        </ul><!-- /.nav -->

        <!-- Tab panes -->

        <div class="tab-content">

            <div class="tab-pane active">               <%-- <form action="index.html" method="POST" >--%>

                    <div class="form-group">

                        <label for="login-account">Account</label>

                        <input type="text" class="form-control">                    </div><!-- /.form-group -->

                    <div class="form-group">

                        <label for="login-password">Password</label>

                        <input type="password" class="form-control" data-show-password="true">

                    </div><!-- /.form-group -->

                    <div class="forgot-passwd">

                        <a href="#" title="">

                            <i class="icon icon-key"></i>

                            <span>Forgot your password?</span>

                        </a>

                    </div><!-- /.forgot-passwd -->

                    <div class="form-button">

                        <button type="submit" class="btn btn-lg btn-primary btn-block">Login</button>

                    </div><!-- /.form-group -->

                <%--</form>--%>

            </div><!-- /.tab-pane -->

            <div class="tab-pane">                <%--<form action="index.html" method="POST" >--%>

                    <div class="form-group">

                        <label for="register-username">Username <sup>*</sup></label>

                        <input type="text" class="form-control">                    </div><!-- /.form-group -->

                    <div class="form-group">

                        <label for="register-email">Email <sup>*</sup></label>

                        <input type="text" class="form-control">                    </div><!-- /.form-group -->

                    <div class="form-group">

                        <label for="register-password">Password <sup>*</sup></label>

                        <input type="password" class="form-control">                    </div><!-- /.form-group -->

                    <div class="form-group">

                        <label for="register-confirm-password">Confirm Password <sup>*</sup></label>

                        <input type="password" class="form-control">                    </div><!-- /.form-group -->

                    <div class="form-button">

                        <button type="submit" class="btn btn-lg btn-warning btn-block">Register</button>

                    </div><!-- /.form-button -->

                <%--</form>--%>

            </div><!-- /.tab-pane -->

        </div><!-- /.tab-content -->

    </div>

</div><!-- /.login-popup -->

<script>

    $(function() {

        $('a[href="#login-popup"]').magnificPopup({

            type:'inline',

            midClick: false,

            closeOnBgClick: false

        });

    });

</script>

    </body>

</html>

sanjeewa
Offline
Last seen: 10 months 3 weeks ago
Mon, 07/04/2016 - 15:25

Hi,

Do you have any updates regarding my issue, this is heppening on any asp.net aspx page.

hattt13
Offline
Last seen: 1 day 5 hours ago
Tue, 07/05/2016 - 09:29

please, you need to send me the link demo online, I can help you fix

hattt13
Offline
Last seen: 1 day 5 hours ago
Tue, 07/05/2016 - 09:42

you can extract the full source code and send file to me so I can download and support, thanks

linhpeter0508
linhpeter0508's picture
Offline
Last seen: 1 month 1 week ago
Wed, 07/06/2016 - 16:15

Hi there,

Edit form search:

- Step 1: Change FORM tag > DIV tag, and add class in DIV tag. Ex. <div class="div-form">

- Step 2: Open file main.css

- Step 3: Search keys: 

               .menubar-search-form > form

               .menubar-search-form > form .form-control

               .menubar-search-form > form .menubar-search-buttons

               .menubar-search-form > form .menubar-search-buttons button:hover

               .menubar-search-form > form .menubar-search-buttons button:focus

- Step 4: Change ( > form )    >>>>>>>>    ( > .div-form )

Do the same another form. Good luck!

sanjeewa
Offline
Last seen: 10 months 3 weeks ago
Wed, 07/06/2016 - 17:02

Hi,

It worked!

Thanks for your awsome support.

Log in or register to post comments