<!DOCTYPE html>
<html>
<head>
<!--<link rel="stylesheet" type="text/css" href="file:///D:/Prince/My%20Projects/clikky/mvs/public/default/business/standard/styles/common.css" media="screen" />-->
<link rel="stylesheet" type="text/css" href="file:///D:/Prince/My%20Projects/clikky/mvs/public/default/business/standard/styles/styleguide.css" media="screen" />

<link href='https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700' rel='stylesheet' type='text/css'>

</head>
<body>

    <p>Typography - font family: Raleway</p>
    <h1>HEADING 1, FONT FAMILY:Font size:17, color:#000000, weight:bold</h1>
    <h2>HEADING 2, size:26, color:#25a249, weight:light</h2>
    <h3>HEADING 3, size:15, color:#494949, weight:Regular</h3>
    <h4>HEADING 4, size:19, color:#000000, weight:Medium</h4>
    <h5>HEADING 5, size:11, color:#909090, weight:Regular</h5>
    <h6>HEADING 6, size:15,  color:#282828, weight:light</h6>
    <hr>
    <p><strong>Buttons</strong></p>
    <div class="subscription-blk">
        <input type="text" class="subscribe-field" placeholder="Enter your email address"><button class="btn1 subscribe-btn" type="button">Subscribe</button>
    </div>
    <a href="#" class="btn1 btn-default1">buy now</a>
    <a href="#" class="btn1 btn-primary1">buy now</a>
    <a href="#" class="btn1 btn-primary2">Open Your Store</a>
    <hr>
    <p><strong>TABS</strong></p>
    <div class="sort-view">
        <div class="sort-items">
            <span>Sorty by</span>
            <ul>
                <li><a href="#">Popularity</a></li>
                <li><a href="#">Newly Listed</a></li>
                <li  class="active"><a href="#">Price - High to Low</a></li>
                <li><a href="#">Price - Low to High</a></li>
                <li><a href="#">Discount</a></li>
            </ul>
        </div>
    </div>
    <hr>
    <p><strong>CATEGORIES</strong></p>
    <ul class="refineSearch">

                	<li class="main-item">
						<input type="hidden" id="selectedCategory" value="" name="selectedCategory">
							<h4>Browse<span class="gear"></span></h4>
							<h5>Winter Wear</h5> 
                       <ul>
                            <li><a href="#">Coats</a> </li>
                            <li><a href="#">Hoodies</a></li>
                            <li><a href="#">Jacket</a></li>
                            <li><a href="#">Over Coats</a></li>
                            <li><a href="#">Scarves</a></li>
                            <li><a href="#">Sweaters</a></li>
                            <li><a href="#">Waist Coats</a></li>   
                        </ul>
                        <a href="#" class="btn1 btn-default pull-right">View More</a>
                         <div class="ps-scrollbar-x" style="left: 0px; width: 0px;"></div><div class="ps-scrollbar-y" style="top: 0px; right: 0px; height: 74px;"></div>
                    
					   </li>
                        <li class="search-by-brands">
                           <h4>Brands</h4>
                           <input type="text" placeholder="Search By Brand" class="srch-field">
                            <ul class="check-box">
                                <li>
                                    <label class="checked"><input type="checkbox" class="">Leather Madness</label>
                                </li>
                                <li>
                                    <label><input type="checkbox" class="">Tags n Tags</label>                                    
                                </li>
                            </ul>
                        </li>
    </ul>
    
    
    <div class="refineSearch">
       <div class="category">
            <h4>Occation</h4>
            <ul class="check-box">
                <li><label class=""><input type="checkbox" class="">Casual</label></li>
            </ul>
        </div>
        <div class="category">
            <h4>Pattern</h4>
            <ul class="check-box">
                <li><label class=""><input type="checkbox" class="">Check</label></li>
                <li><label class=""><input type="checkbox" class="">Printed</label></li>
                <li><label class=""><input type="checkbox" class="">Solid</label></li>
            </ul>
        </div>
        <div class="category">
            <h4>Sleeve</h4>
            <ul class="check-box">
                <li><label class=""><input type="checkbox" class="">Full Sleeve</label></li>
                <li><label class=""><input type="checkbox" class="">Sleevless</label></li>
            </ul>
        </div>
        <div class="category">
            <h4>Sleeve</h4>
            <ul class="check-box">
                <li><label class=""><input type="checkbox" class="">Summer</label></li>
                <li><label class=""><input type="checkbox" class="">Winter</label></li>
            </ul>
        </div>
    </div>
    
    
    <hr>
    <p><strong>Forms</strong></p>
    <div class="search-blk">
    <input type="text" class="srch-field" placeholder="I am looking for.."><input type="button" class="btn1 srch-btn" value="Search">
    </div>
    <hr>
    
    <p><strong>BREADCRUMB</strong></p>
    <div class="bread-crump">
       <a href="#">Home</a> > <a href="#">Mens Fashion</a> > <a href="#">Mens clothing</a> > <span>Winter Wear</span> 
    </div>
    
</body>
</html>