Created
December 17, 2016 10:34
-
-
Save SahajRana/45d8f5a31c57f365dbc3b8764cf73a2f to your computer and use it in GitHub Desktop.
SublimeWebpage
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>peachVolt</title> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<link rel="stylesheet" src="//normalize-css.googlecode.com/svn/trunk/normalize.css" /> | |
<link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet"> | |
<link rel="stylesheet" type="text/css" href="main.css"> | |
<!-- Latest compiled and minified CSS --> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | |
<!-- Optional theme --> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> | |
</head> | |
<body> | |
<header> | |
<nav role="navigation"> | |
<div class="topPageTitle"> | |
<h1>peachvolt.</h1> | |
</div> | |
</nav> | |
</header> | |
<!--search--> | |
<div class="container"> | |
<div class="row"> | |
<div id="custom-search-input"> | |
<div class="input-group col-md-12"> | |
<input type="text" class=" search-query form-control" placeholder="Search" /> | |
<span class="input-group-btn"> | |
<button class="btn btn-danger" type="button"> | |
<span class=" glyphicon glyphicon-search"></span> | |
</button> | |
</span> | |
</div> | |
</div> | |
</div> | |
</div> | |
<!--dropdown--> | |
<div class="container"> | |
<nav class="navbar navbar"> | |
<div class="navbar-header"> | |
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".js-navbar-collapse"> | |
<span class="sr-only">Toggle navigation</span> | |
<span class="icon-bar"></span> | |
<span class="icon-bar"></span> | |
<span class="icon-bar"></span> | |
</button> | |
<a class="navbar-brand" href="#">Home</a> | |
</div> | |
<div class="collapse navbar-collapse js-navbar-collapse"> | |
<ul class="nav navbar-nav"> | |
<li class="dropdown mega-dropdown"> | |
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Tags <span class="caret"></span></a> | |
<ul class="dropdown-menu mega-dropdown-menu"> | |
<li class="col-sm-3"> | |
<ul> | |
<li class="dropdown-header">Men Collection</li> | |
<div id="menCollection" class="carousel slide" data-ride="carousel"> | |
<div class="carousel-inner"> | |
<div class="item active"> | |
<a href="#"><img src="http://placehold.it/254x150/ff3546/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 1"></a> | |
<h4><small>Summer dress floral prints</small></h4> | |
<button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button> | |
</div><!-- End Item --> | |
<div class="item"> | |
<a href="#"><img src="http://placehold.it/254x150/3498db/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 2"></a> | |
<h4><small>Gold sandals with shiny touch</small></h4> | |
<button class="btn btn-primary" type="button">9,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button> | |
</div><!-- End Item --> | |
<div class="item"> | |
<a href="#"><img src="http://placehold.it/254x150/2ecc71/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 3"></a> | |
<h4><small>Denin jacket stamped</small></h4> | |
<button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button> | |
</div><!-- End Item --> | |
</div><!-- End Carousel Inner --> | |
<!-- Controls --> | |
<a class="left carousel-control" href="#menCollection" role="button" data-slide="prev"> | |
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> | |
<span class="sr-only">Previous</span> | |
</a> | |
<a class="right carousel-control" href="#menCollection" role="button" data-slide="next"> | |
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> | |
<span class="sr-only">Next</span> | |
</a> | |
</div><!-- /.carousel --> | |
<li class="divider"></li> | |
<li><a href="#">View all Collection <span class="glyphicon glyphicon-chevron-right pull-right"></span></a></li> | |
</ul> | |
</li> | |
<li class="col-sm-3"> | |
<ul> | |
<li class="dropdown-header">Features</li> | |
<li><a href="#">Auto Carousel</a></li> | |
<li><a href="#">Carousel Control</a></li> | |
<li><a href="#">Left & Right Navigation</a></li> | |
<li><a href="#">Four Columns Grid</a></li> | |
<li class="divider"></li> | |
<li class="dropdown-header">Fonts</li> | |
<li><a href="#">Glyphicon</a></li> | |
<li><a href="#">Google Fonts</a></li> | |
</ul> | |
</li> | |
<li class="col-sm-3"> | |
<ul> | |
<li class="dropdown-header">Plus</li> | |
<li><a href="#">Navbar Inverse</a></li> | |
<li><a href="#">Pull Right Elements</a></li> | |
<li><a href="#">Coloured Headers</a></li> | |
<li><a href="#">Primary Buttons & Default</a></li> | |
</ul> | |
</li> | |
<li class="col-sm-3"> | |
<ul> | |
<li class="dropdown-header">Much more</li> | |
<li><a href="#">Easy to Customize</a></li> | |
<li><a href="#">Calls to action</a></li> | |
<li><a href="#">Custom Fonts</a></li> | |
<li><a href="#">Slide down on Hover</a></li> | |
</ul> | |
</li> | |
</ul> | |
</li> | |
<li class="dropdown mega-dropdown"> | |
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Women <span class="caret"></span></a> | |
<ul class="dropdown-menu mega-dropdown-menu"> | |
<li class="col-sm-3"> | |
<ul> | |
<li class="dropdown-header">Features</li> | |
<li><a href="#">Auto Carousel</a></li> | |
<li><a href="#">Carousel Control</a></li> | |
<li><a href="#">Left & Right Navigation</a></li> | |
<li><a href="#">Four Columns Grid</a></li> | |
<li class="divider"></li> | |
<li class="dropdown-header">Fonts</li> | |
<li><a href="#">Glyphicon</a></li> | |
<li><a href="#">Google Fonts</a></li> | |
</ul> | |
</li> | |
<li class="col-sm-3"> | |
<ul> | |
<li class="dropdown-header">Plus</li> | |
<li><a href="#">Navbar Inverse</a></li> | |
<li><a href="#">Pull Right Elements</a></li> | |
<li><a href="#">Coloured Headers</a></li> | |
<li><a href="#">Primary Buttons & Default</a></li> | |
</ul> | |
</li> | |
<li class="col-sm-3"> | |
<ul> | |
<li class="dropdown-header">Much more</li> | |
<li><a href="#">Easy to Customize</a></li> | |
<li><a href="#">Calls to action</a></li> | |
<li><a href="#">Custom Fonts</a></li> | |
<li><a href="#">Slide down on Hover</a></li> | |
</ul> | |
</li> | |
<li class="col-sm-3"> | |
<ul> | |
<li class="dropdown-header">Women Collection</li> | |
<div id="womenCollection" class="carousel slide" data-ride="carousel"> | |
<div class="carousel-inner"> | |
<div class="item active"> | |
<a href="#"><img src="http://placehold.it/254x150/3498db/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 1"></a> | |
<h4><small>Summer dress floral prints</small></h4> | |
<button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button> | |
</div><!-- End Item --> | |
<div class="item"> | |
<a href="#"><img src="http://placehold.it/254x150/ff3546/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 2"></a> | |
<h4><small>Gold sandals with shiny touch</small></h4> | |
<button class="btn btn-primary" type="button">9,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button> | |
</div><!-- End Item --> | |
<div class="item"> | |
<a href="#"><img src="http://placehold.it/254x150/2ecc71/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 3"></a> | |
<h4><small>Denin jacket stamped</small></h4> | |
<button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button> | |
</div><!-- End Item --> | |
</div><!-- End Carousel Inner --> | |
<!-- Controls --> | |
<a class="left carousel-control" href="#womenCollection" role="button" data-slide="prev"> | |
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> | |
<span class="sr-only">Previous</span> | |
</a> | |
<a class="right carousel-control" href="#womenCollection" role="button" data-slide="next"> | |
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> | |
<span class="sr-only">Next</span> | |
</a> | |
</div><!-- /.carousel --> | |
<li class="divider"></li> | |
<li><a href="#">View all Collection <span class="glyphicon glyphicon-chevron-right pull-right"></span></a></li> | |
</ul> | |
</li> | |
</ul> | |
</li> | |
<li><a href="#">Store locator</a></li> | |
</ul> | |
<ul class="nav navbar-nav navbar-right"> | |
<li class="dropdown"> | |
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">My account <span class="caret"></span></a> | |
<ul class="dropdown-menu" role="menu"> | |
<li><a href="#">Action</a></li> | |
<li><a href="#">Another action</a></li> | |
<li><a href="#">Something else here</a></li> | |
<li class="divider"></li> | |
<li><a href="#">Separated link</a></li> | |
</ul> | |
</li> | |
<li><a href="#">My cart (0) items</a></li> | |
</ul> | |
</div><!-- /.nav-collapse --> | |
</nav> | |
</div> | |
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> | |
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> | |
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> | |
<script type="text/javascript" src="jsmain.js" class="dropdown"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment