Advertisement
sastranababan

nav

Mar 10th, 2015
260
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 6.82 KB | None | 0 0
  1. <header>
  2.   <div class="navbar-wrapper cbp-af-header cbp-af-header-shrink">
  3.       <nav id="main-nav" class="navbar navbar-default navbar-embossed navbar-nopadding navbar   cbp-af-inner" role="navigation">
  4.           <div class="container-fluid">
  5.               <div class="navbar-header">
  6.  
  7.  
  8.                   <a class="img-responsive navbar-brand hidden-lg visible-xs visible-sm visible-md" href="index.html" title="">
  9.                       <img src="images/logo-single.png" alt="">
  10.                   </a>
  11.                   <button type="button" id="nav-expander" class="navbar-toggle nav-expander fixed"  >
  12.                     <span class="fui-list"></span>
  13.                   </button>
  14.  
  15.    
  16.  
  17.                    <a class="dropdown-toggle navbar-toggle" href="#" data-toggle="dropdown" id="navSearch"><span class="glyphicon glyphicon-search"></span></a>  
  18.    
  19.                             <div class="dropdown-menu search-dropdown-mobile" >
  20.                                 <form class="form-search-top search-main">
  21.                                         <input name="search" type="search" class="" placeholder="Find Friends, Causes or Events" name="search" />
  22.                                 </form>
  23.                             </div>
  24.  
  25.  
  26.  
  27.  
  28.                   <a class="img-responsive navbar-brand visible-lg hidden-xs hidden-sm hidden-md" href="index.html" title="">
  29.                       <img src="images/logo-lg.png" alt="">
  30.                   </a>
  31.  
  32.               </div>
  33.  
  34.  
  35.               <div class="collapse navbar-collapse" id="navbar-collapse-01">
  36.               <!-- <div id="nav-mobile"> -->
  37.                    <ul class="nav navbar-nav navbar-left">
  38.                       <li class="dropdown">
  39.                           <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <span  class="flaticon-info2"></span></a>
  40.                           <span class="dropdown-arrow"></span>
  41.                           <ul class="dropdown-menu">
  42.                               <li><a href="#">For Nonprofits</a>
  43.                               </li>
  44.                               <li><a href="#">For Fundraisers</a>
  45.                               </li>
  46.                               <li><a href="#">For Corporates</a>
  47.                               </li>
  48.                               <li><a href="#">For Clubs/Societies</a>
  49.                               </li>
  50.                               <li><a href="about.html">About Us</a>
  51.                               </li>
  52.  
  53.  
  54.                           </ul>
  55.                       </li>
  56.                                          
  57.                       <li class=" hidden-xs">
  58.                              <a class="dropdown-toggle" href="#" data-toggle="dropdown" id="navSearch"><span class="glyphicon glyphicon-search"></span></a> <span class="dropdown-arrow"></span>
  59.  
  60.    
  61.                             <div class="dropdown-menu" >
  62.                                 <form class="form-search-top search-main">
  63.                                         <input name="search" type="search" class=" " placeholder="Find Friends, Causes or Events" name="search" />
  64.                                 </form>
  65.                             </div>
  66.  
  67.                              
  68.  
  69.  
  70.                       </li>
  71.                     </ul>
  72.                  
  73.                       <ul class="nav navbar-nav navbar-right">
  74.                       <li><a href="#natural-filter-form" data-toggle="modal">Discover</a></li>
  75.                       <li><a href="#">Support</a></li>
  76.                       <li><a href="#login" data-toggle="modal">Log In</a></li>
  77.                        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Join Us  <b class="caret"></b> </a>
  78.                           <span class="dropdown-arrow"></span>
  79.                           <ul class="dropdown-menu">
  80.                               <li><a href="#">Start Fundraising</a></li>
  81.                               <li><a href="#">Register Nonprofit</a></li>
  82.                               <li><a href="#">Register Corporate</a></li>
  83.                               <li><a href="#">Register Club/Society</a></li>                            
  84.                           </ul>
  85.  
  86.                        </li>
  87.  
  88.                       <li class="dropdown">
  89.                           <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  90.                               <img class="flag flag-io" alt="English" src="blank.gif"> <b class="caret"></b>
  91.                           </a>
  92.                           <span class="dropdown-arrow"></span>
  93.                           <ul class="dropdown-menu">
  94.                               <li>
  95.                                   <a href="#">
  96.                                       <img src="blank.gif" class="flag flag-io" alt="English" />English</a>
  97.                               </li>
  98.                               <li>
  99.                                   <a href="#">
  100.                                       <img src="blank.gif" class="flag flag-cn" alt="English" />繁體中文 (Beta)</a>
  101.                               </li>
  102.                           </ul>
  103.                       </li>
  104.  
  105.                   </ul>
  106.               </div>
  107.               <!-- /.navbar-collapse -->
  108.  
  109.  
  110.               <div id="nav-mobile">
  111.                   <ul class="nav navbar-nav navbar-right">
  112.                       <li><a id="nav-close" href="" class="text-right" data-toggle="modal"><span class="fui-cross"></span></a></li>
  113.                       <li><a href="#natural-filter-form" data-toggle="modal">Discover</a></li>
  114.                       <li><a href="#">Support</a></li>
  115.                       <li><a href="#login" data-toggle="modal">Log In</a></li>
  116.                       <li><a href="#signup" data-toggle="modal">Sign Up</a></li>
  117.                       <li class="dropdown">
  118.                           <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  119.                               <img class="flag flag-io" alt="English" src="blank.gif"> <b class="caret"></b>
  120.                           </a>
  121.                           <span class="dropdown-arrow"></span>
  122.                           <ul class="dropdown-menu">
  123.                               <li>
  124.                                   <a href="#">
  125.                                       <img src="blank.gif" class="flag flag-io" alt="English" />English</a>
  126.                               </li>
  127.                               <li>
  128.                                   <a href="#">
  129.                                       <img src="blank.gif" class="flag flag-cn" alt="English" />繁體中文 (Beta)</a>
  130.                               </li>
  131.                           </ul>
  132.                       </li>
  133.  
  134.                   </ul>
  135.               </div> <!-- /nav-mobile -->
  136.          
  137.           </div>
  138.           <!-- <div class="shadow"></div> -->
  139.       </nav>
  140.       <!-- /navbar -->
  141.   </div>
  142. </header>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement