Difference between revisions of "Team:SVCE Chennai"

Line 12: Line 12:
 
<nav class="navBarIGEM navbar navbar-default navbar-fixed-top hide">
 
<nav class="navBarIGEM navbar navbar-default navbar-fixed-top hide">
  
−
 
+
  <div class="navbar-header">
−
<div class="container-fluid">
+
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".js-navbar-collapse">
−
    <!-- Brand and toggle get grouped for better mobile display -->
+
<span class="sr-only">Toggle navigation</span>
−
    <div class="navbar-header">
+
<span class="icon-bar"></span>
−
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-megadropdown-tabs">
+
<span class="icon-bar"></span>
−
        <span class="sr-only">Toggle navigation</span>
+
<span class="icon-bar"></span>
−
        <span class="icon-bar"></span>
+
</button>
−
        <span class="icon-bar"></span>
+
<a class="navbar-brand" href="#">MegaMenu</a>
−
        <span class="icon-bar"></span>
+
</div>
−
      </button>
+
−
      <a class="navbar-brand" href="#"></a>
+
−
    </div>
+
<div class="collapse navbar-collapse js-navbar-collapse">
−
 
+
<ul class="nav navbar-nav">
−
    <!-- Collect the nav links, forms, and other content for toggling -->
+
<li class="dropdown mega-dropdown">
−
    <div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Collection <span class="glyphicon glyphicon-chevron-down pull-right"></span></a>
−
        <ul class="nav navbar-nav">
+
−
            <li><a href="#">Link</a></li>
+
<ul class="dropdown-menu mega-dropdown-menu row">
−
            <li><a href="#">Link</a></li>
+
<li class="col-sm-3">
−
    <li class="dropdown mega-dropdown active">
+
<ul>
−
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
+
<li class="dropdown-header">New in Stores</li>                           
−
<div class="dropdown-menu mega-dropdown-menu">
+
                            <div id="myCarousel" class="carousel slide" data-ride="carousel">
−
                    <div class="container-fluid">
+
                              <div class="carousel-inner">
−
        <!-- Tab panes -->
+
                                 <div class="item active">
−
                        <div class="tab-content">
+
                                    <a href="#"><img src="http://placehold.it/254x150/3498db/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 1"></a>
−
                          <div class="tab-pane active" id="men">
+
                                    <h4><small>Summer dress floral prints</small></h4>                                      
−
                            <ul class="nav-list list-inline">
+
                                    <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>      
−
                                 <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_Running.png"><span>Running</span></a></li>
+
                                </div><!-- End Item -->
−
                                <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_Basketball.png"><span>Basketball</span></a></li>
+
                                 <div class="item">
−
                                 <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_Football.png"><span>Football</span></a></li>
+
                                    <a href="#"><img src="http://placehold.it/254x150/ef5e55/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 2"></a>
−
                                <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_Soccer.png"><span>Soccer</span></a></li>
+
                                    <h4><small>Gold sandals with shiny touch</small></h4>                                      
−
                                <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_MensTraining.png"><span>Men's Training</span></a></li>
+
                                    <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>      
−
                                 <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_WomensTraining.png"><span>Women's Training</span></a></li>
+
                                </div><!-- End Item -->
−
                            </ul>
+
                                 <div class="item">
−
                          </div>
+
                                    <a href="#"><img src="http://placehold.it/254x150/2ecc71/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 3"></a>
−
                          <div class="tab-pane" id="women">
+
                                    <h4><small>Denin jacket stamped</small></h4>                                      
−
                            <ul class="nav-list list-inline">
+
                                    <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>    
−
                                <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_Running.png"><span>Running</span></a></li>
+
                                 </div><!-- End Item -->                              
−
                                 <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_Basketball.png"><span>Basketball</span></a></li>
+
                              </div><!-- End Carousel Inner -->
−
                                <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_Football.png"><span>Football</span></a></li>
+
                            </div><!-- /.carousel -->
−
                                <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_Soccer.png"><span>Soccer</span></a></li>                              
+
                            <li class="divider"></li>
−
                            </ul>
+
                            <li><a href="#">View all Collection <span class="glyphicon glyphicon-chevron-right pull-right"></span></a></li>
−
                          </div>
+
</ul>
−
                          <div class="tab-pane" id="kids">
+
</li>
−
                            <ul class="nav-list list-inline">
+
<li class="col-sm-3">
−
                                <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_Running.png"><span>Running</span></a></li>
+
<ul>
−
                                <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_Basketball.png"><span>Basketball</span></a></li>
+
<li class="dropdown-header">Dresses</li>
−
                                <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_Football.png"><span>Football</span></a></li>
+
<li><a href="#">Unique Features</a></li>
−
                                <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_Soccer.png"><span>Soccer</span></a></li>
+
<li><a href="#">Image Responsive</a></li>
−
                                <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_MensTraining.png"><span>Men's Training</span></a></li>
+
<li><a href="#">Auto Carousel</a></li>
−
                                <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_WomensTraining.png"><span>Women's Training</span></a></li>
+
<li><a href="#">Newsletter Form</a></li>
−
                            </ul>
+
<li><a href="#">Four columns</a></li>
−
                          </div>
+
<li class="divider"></li>
−
                          <div class="tab-pane" id="sports">
+
<li class="dropdown-header">Tops</li>
−
                            <ul class="nav-list list-inline">                              
+
<li><a href="#">Good Typography</a></li>
−
                                <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_Basketball.png"><span>Basketball</span></a></li>
+
</ul>
−
                                <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_Football.png"><span>Football</span></a></li>
+
</li>
−
                                <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_Soccer.png"><span>Soccer</span></a></li>
+
<li class="col-sm-3">
−
                                <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_MensTraining.png"><span>Men's Training</span></a></li>
+
<ul>
−
                                <li><a href="#"><img src="http://content.nike.com/content/dam/one-nike/globalAssets/menu_header_images/OneNike_Global_Nav_Icons_WomensTraining.png"><span>Women's Training</span></a></li>
+
<li class="dropdown-header">Jackets</li>
−
                            </ul>
+
<li><a href="#">Easy to customize</a></li>
−
                          </div>
+
<li><a href="#">Glyphicons</a></li>
−
                        </div>
+
<li><a href="#">Pull Right Elements</a></li>
−
                    </div>
+
<li class="divider"></li>
−
                    <!-- Nav tabs -->
+
<li class="dropdown-header">Pants</li>
−
                    <ul class="nav nav-tabs" role="tablist">
+
<li><a href="#">Coloured Headers</a></li>
−
                      <li class="active"><a href="#men" role="tab" data-toggle="tab">Men</a></li>
+
<li><a href="#">Primary Buttons & Default</a></li>
−
                      <li><a href="#women" role="tab" data-toggle="tab">Women</a></li>
+
<li><a href="#">Calls to action</a></li>
−
                      <li><a href="#kids" role="tab" data-toggle="tab">Kids</a></li>
+
</ul>
−
                      <li><a href="#sports" role="tab" data-toggle="tab">Sports</a></li>
+
</li>
−
                    </ul>                  
+
<li class="col-sm-3">
−
</div>
+
<ul>
 +
<li class="dropdown-header">Accessories</li>
 +
<li><a href="#">Default Navbar</a></li>
 +
<li><a href="#">Lovely Fonts</a></li>
 +
<li><a href="#">Responsive Dropdown </a></li>
 +
<li class="divider"></li>
 +
                            <li class="dropdown-header">Newsletter</li>
 +
                            <form class="form" role="form">
 +
                              <div class="form-group">
 +
                                <label class="sr-only" for="email">Email address</label>
 +
                                <input type="email" class="form-control" id="email" placeholder="Enter email">                                                            
 +
                              </div>
 +
                              <button type="submit" class="btn btn-primary btn-block">Sign in</button>
 +
                            </form>                                                     
 +
</ul>
 +
</li>
 +
</ul>
 +
 
</li>
 
</li>
−
        </ul>
+
</ul>
−
       
+
−
    </div><!-- /.navbar-collapse -->
+
</div><!-- /.nav-collapse -->
−
  </div><!-- /.container-fluid -->
+
 
        
 
        
 
</nav>
 
</nav>

Revision as of 11:24, 10 September 2015

Lets talk!