<!DOCTYPE html>
<html style="overflow-x: hidden;">

<head>
    <title>Grade Knit</title>
    <!-- for-mobile-apps -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <script type="application/x-javascript">
        addEventListener("load", function() {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }

    </script>
    <!-- //for-mobile-apps -->
    <link rel="icon" href="images/favicon.png" type="image/png" sizes="16x16">
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/fasthover.css" rel="stylesheet" type="text/css" media="all" />
    <!-- js -->
    <script src="js/jquery.min.js"></script>
    <!-- //js -->
    <!-- countdown -->
    <link rel="stylesheet" href="css/jquery.countdown.css" />
    <link rel="stylesheet" href="fonts/icomoon.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <!-- //countdown -->
    <!-- cart -->
    <script src="js/simpleCart.min.js"></script>
    <!-- cart -->
    <!-- for bootstrap working -->
    <script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>
    <!-- //for bootstrap working 
<link href='//fonts.googleapis.com/css?family=Glegoo:400,700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- start-smooth-scrolling -->
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event) {
                event.preventDefault();
                $('html,body').animate({
                    scrollTop: $(this.hash).offset().top
                }, 1000);
            });
        });

    </script>
    <!-- //end-smooth-scrolling -->
</head>

<body style="overflow-x: hidden;">
    <!-- header -->
    <div class="modal fade" id="myModal88" tabindex="-1" role="dialog" aria-labelledby="myModal88" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;</button>
                    <h4 class="modal-title" id="myModalLabel">
                        Don't Wait, Login now!</h4>
                </div>
                <div class="modal-body modal-body-sub">
                    <div class="row">
                        <div class="col-md-8 modal_body_left modal_body_left1" style="border-right: 1px dotted #C2C2C2;padding-right:3em;">
                            <div class="sap_tabs">
                                <div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
                                    <ul>
                                        <li class="resp-tab-item" aria-controls="tab_item-0"><span>Sign in</span></li>
                                        <li class="resp-tab-item" aria-controls="tab_item-1"><span>Sign up</span></li>
                                    </ul>
                                    <div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0">
                                        <div class="facts">
                                            <div class="register">
                                                <form action="#" method="post">
                                                    <input name="Email" placeholder="Email Address" type="text" required>
                                                    <input name="Password" placeholder="Password" type="password" required>
                                                    <div class="sign-up">
                                                        <input type="submit" value="Sign in" />
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="tab-2 resp-tab-content" aria-labelledby="tab_item-1">
                                        <div class="facts">
                                            <div class="register">
                                                <form action="#" method="post">
                                                    <input placeholder="Name" name="Name" type="text" required>
                                                    <input placeholder="Email Address" name="Email" type="email" required>
                                                    <input placeholder="Password" name="Password" type="password" required>
                                                    <input placeholder="Confirm Password" name="Password" type="password" required>
                                                    <div class="sign-up">
                                                        <input type="submit" value="Create Account" />
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
                            <script type="text/javascript">
                                $(document).ready(function() {
                                    $('#horizontalTab').easyResponsiveTabs({
                                        type: 'default', //Types: default, vertical, accordion           
                                        width: 'auto', //auto or any width like 600px
                                        fit: true // 100% fit in a container
                                    });
                                });

                            </script>
                            <div id="OR" class="hidden-xs">
                                OR</div>
                        </div>
                        <div class="col-md-4 modal_body_right modal_body_right1">
                            <div class="row text-center sign-with">
                                <div class="col-md-12">
                                    <h3 class="other-nw">
                                        Sign in with</h3>
                                </div>
                                <div class="col-md-12">
                                    <ul class="social">
                                        <li class="social_facebook"><a href="#" class="entypo-facebook"></a></li>
                                        <li class="social_dribbble"><a href="#" class="entypo-dribbble"></a></li>
                                        <li class="social_twitter"><a href="#" class="entypo-twitter"></a></li>
                                        <li class="social_behance"><a href="#" class="entypo-behance"></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--<script>
		$('#myModal88').modal('show');
	</script>-->
    <div class="header" style="border-bottom: 1px solid #000;">
        <div class="container">
            <div class="row">

                <div class="col-sm-2">
                    <div class="w3l_login">
                        <h1><a href="index.php"> <img src="images/logo.png" alt="" title="" /> </a></h1>
                    </div>
                </div>


                <div class="col-sm-9">
                    <div class="row">
                        <div class="col-xs-12 s-links">
                            <div class="w3l_logo login-h">
                                <a href="#" style="border: none;"><span style="color: #fff0;" class="glyphicon glyphicon-user" aria-hidden="true"></span></a>
                            </div>
                            <div class="search">
                                <input class="search_box" type="checkbox" id="search_box">

                                <label for="#">

                                    <a href="#" data-toggle="modal" data-target="#myModal88"><span class="icon-user" aria-hidden="true" style="color: #333333;"></span></a>

                                </label>
                                <label for="#"><span class="icon-envelope" aria-hidden="true"></span></label>

                                <label for="#"><span class="icon-facebook-f" aria-hidden="true"></span></label>

                                <label for="#"><span class="icon-twitter" aria-hidden="true"></span></label>

                                <label for="#"><span class="icon-instagram" aria-hidden="true"></span></label>

                                <label for="search_box"><span class="icon-search" aria-hidden="true"></span></label>

                                <div class="search_form">
                                    <form action="#" method="post">
                                        <input type="text" name="Search" placeholder="Search...">
                                        <input type="submit" value="Send">
                                    </form>
                                </div>

                            </div>
                        </div>
                        <div class="col-xs-12">
                            <div class="navigation">
                                <div class="container">
                                    <nav class="navbar navbar-default">
                                        <!-- Brand and toggle get grouped for better mobile display -->
                                        <div class="navbar-header nav_2">
                                            <button type="button" class="navbar-toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-megadropdown-tabs">
                                                <span class="sr-only">Toggle navigation</span>
                                                <span class="icon-bar"></span>
                                                <span class="icon-bar"></span>
                                                <span class="icon-bar"></span>
                                            </button>
                                        </div>
                                        <div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
                                            <ul class="nav navbar-nav">
                                                <li class="active"><a href="index.php" class="act">Home</a></li>
                                                <!-- Mega Menu -->
                                                <li class="dropdown">
                                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">New Arrivals<b class="caret"></b></a>
                                                    <ul class="dropdown-menu multi-column columns-3">
                                                        <div class="row">
                                                            <div class="col-sm-3">
                                                                <ul class="multi-column-dropdown">
                                                                    <h6>Round Neck </h6>
                                                                    <li><a href="products.php">Designer<span>New</span></a></li>
                                                                    <li><a href="products.php">Custom Made</a></li>
                                                                    <li><a href="products.php">Printed</a></li>
                                                                    <li><a href="products.php">Offers</a></li>
                                                                </ul>
                                                            </div>
                                                            <div class="col-sm-3">
                                                                <ul class="multi-column-dropdown">
                                                                    <h6>Collar T-Shirt</h6>
                                                                    <li><a href="products.php">Designer<span>New</span></a></li>
                                                                    <li><a href="products.php">Custom Made</a></li>
                                                                    <li><a href="products.php">Printed</a></li>
                                                                    <li><a href="products.php">Offers</a></li>
                                                                </ul>
                                                            </div>
                                                            <div class="col-sm-3">
                                                                <ul class="multi-column-dropdown">
                                                                    <h6>Printed T-Shirt</h6>
                                                                    <li><a href="products.php">Customize</a></li>
                                                                </ul>
                                                            </div>
                                                            <div class="col-sm-3">
                                                                <div class="w3ls_products_pos">
                                                                    <h4>50%<i>Off/-</i></h4>
                                                                    <img src="images/1.jpg" alt=" " class="img-responsive" />
                                                                </div>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </ul>
                                                </li>
                                                <li><a href="best-seller.php">Best Sellers</a></li>
                                                <li><a href="bulk-order.php">Bulk Orders</a></li>
                                                <li><a href="contact.php">Contact</a></li>
                                                <!--
                                                <li>
                                                    <div class="w3l_logo login-h">
                                                        <a href="#" data-toggle="modal" data-target="#myModal88"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></a>
                                                    </div>

                                                </li>
-->
                                            </ul>
                                        </div>
                                    </nav>
                                </div>
                            </div>
                            <!-- //header -->
                        </div>
                    </div>
                </div>


                <div class="col-sm-1" id="home1">

                    <div class="w3l_logo login-h">
                        <a href="checkout.php">
                            <span class="icon-shopping-cart"></span>

                            <!--
                            <div class="cart box_1">
                                <a href="checkout.html">
                                    <div class="total">
                                        <span class="simpleCart_total"></span>
                                        (<span id="simpleCart_quantity" class="simpleCart_quantity"></span> items)
                                    </div>
                                    <span class="icon-shopping-cart"></span>
                                </a>
                                <p>
                                    <a href="javascript:;" class="simpleCart_empty">
                                        Empty Cart
                                    </a>
                                </p>
                                <div class="clearfix"> </div>
                            </div>
                            <div class="clearfix"> </div>
-->



                        </a>
                    </div>



                </div>
            </div>



        </div>
    </div>
