navbar
HTML markup:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 |
<nav class="navbar navbar-default ct-navbar--type1"> <div class="navbar-header"> <a href="index.html"> <img id="ct-navbar--logoDark" src="../assets/images/demo-content/fancylogo.png" alt="JuGas"> <img id="ct-navbar--logoWhite" src="../assets/images/demo-content/fancylogo2.png" alt="JuGas"> </a> </div> <div class="container-fluid"> <ul class="nav navbar-nav yamm ct-navbar--fadeIn"> <!-- =========================== --> <li class="active"><a href="index.html">Home</a></li> <!-- =========================== --> <li><a href="about.html">About</a></li> <!-- =========================== --> <li class="dropdown"><a class="dropdown-toggle" href="single-work-floading.html">Works</a> <ul class="dropdown-menu"> <li> <div class="yamm-content"> <div class="row"> <div class="col-sm-12"> <h5 class="ct-dropdownHeader">Works</h5> <ul class="list-unstyled"> <li><a href="single-work-floading.html">Single Work - Floading</a></li> <li><a href="single-work-standard.html">Single-work - Standard</a></li> <li><a href="single-work-video.html">Single Work - Video</a></li> </ul> </div> </div> </div> </li> </ul> </li> <!-- =========================== --> <li><a href="boxed.html">Boxed</a></li> <li><a href="contact.html">Contact</a></li> <li> <a class="ct-js-navSearch ct-navbar-navSearch" href="#"> <i class="fa fa-search"></i> </a> </li> </ul> <div class="ct-navbar-search"> <form role="form"> <div class="form-group ct-input--type2"> <input id="search" required="" type="text" name="field[]" class="form-control"> <label for="search"><span>Search</span></label> <button class="ct-navbar-search-button" type="submit"> <i class="fa fa-search fa-fw"></i> </button> </div> </form> </div> </div> </nav> |