Snippets
Created by
Jan Pozivil
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 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 | <nav class="navbar navbar-default navbar-fixed-top" data-size="big">
<div class="container navbar-big visible">
<div class="row">
<div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
<div class="navbar-header">
<ul class="nav navbar-nav text-center navbar-social visible-xs">
<li class="navbar-social__facebook navbar-social--inline"><a href="#"><i class="fa fa-facebook"></i></a></li>
<li class="navbar-social__twitter navbar-social--inline"><a href="#"><i class="fa fa-twitter"></i></a></li>
</ul>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#wri-navbar-collapse-1" aria-expanded="false">
<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="#">
<img src="/images/wri_logo.png" alt="WRI Logo placeholder" class="navbar-brand__logo visible-xs visible-sm" with="127" height="120">
<img src="/images/wri_logo-notxt.png" alt="WRI Logo placeholder" class="navbar-brand__logo visible-md visible-lg" with="100%" height="auto">
<h1 class="sr-only visible-xs visible-sm">War Resisters' International</h1>
</a>
</div>
</div>
<div class="col-md-6 col-lg-6 hidden-xs hidden-sm">
<h1 class="site-title">War Resisters' International</h1>
<p class="text-left mission-statement">A global network of grassroots antimilitarist and pacifist groups, working together for a world without war.</p>
</div>
<div class="col-xs-12 col-sm-9 col-md-4 col-lg-4">
<div class="navbar-form navbar-search">
<h2 class="sr-only">Search</h2>
<form class="">
<div class="form-group">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search">
<span class="input-group-btn">
<button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
</span>
</div>
</div>
</form>
</div>
<p class="navbar-text text-center navbar-cta">
<a href="#" class="btn btn-primary">Shop</a>
<a href="#" class="btn btn-primary">Subscribe</a>
<a href="#" class="btn btn-primary">Donate</a>
</p>
<p class="navbar-text text-center navbar-lang">
<a href="#" class="btn btn-default btn-xs active">En</a>
<a href="#" class="btn btn-default btn-xs">Fr</a>
<a href="#" class="btn btn-default btn-xs">De</a>
<a href="#" class="btn btn-default btn-xs">Es</a>
</p>
<ul class="nav navbar-nav text-center navbar-social hidden-xs">
<li class="navbar-social__facebook navbar-social--inline"><a href="#"><i class="fa fa-facebook"></i></a></li>
<li class="navbar-social__twitter navbar-social--inline"><a href="#"><i class="fa fa-twitter"></i></a></li>
</ul>
</div>
</div> <!-- .row -->
<div class="row">
<div class="col-lg-12">
<div id="wri-navbar-collapse-1" class="collapse navbar-collapse navbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home <span class="sr-only">(current)</span></a></li>
<li class="dropdown">
<a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Prototypes <span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="dropdown-parent"><a href="#">Prototypes</a></li>
<li class="divider"></li>
<li><a href="#">Single page</a></li>
</ul>
</li>
<li><a href="#">Network</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Books</a></li>
<li class="dropdown subdown">
<a href="#" class="sub-toggle" data-toggle="sub-toggle" role="button" aria-haspopup="true" aria-expanded="false">Newsletter <span class="caret"></span></a>
<ul class="submenu">
<li class="dropdown-parent">
<a href="#">Newsletter</a>
</li>
<li class="divider"></li>
<li><a href="#">Level3.1</a></li>
<li><a href="#">Level3.2</a></li>
<li><a href="#">Level3.3</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">The Broken Rifle</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div> <!-- .navbar-collapse -->
</div>
</div> <!-- .row -->
</div> <!-- .container.navbar-big -->
<div class="container navbar-small hidden">
<div class="row">
<div class="col-xs-4 col-sm-2">
<div class="navbar-header">
<a class="navbar-brand" href="#">
<img src="/images/wri_logo-notxt.png" alt="WRI Logo placeholder" class="navbar-brand__logo" with="auto" height="40px">
<h1 class="sr-only visible-xs visible-sm">War Resisters' International</h1>
</a>
</div>
</div>
<div class="col-xs-8 col-sm-10">
<div class="navbar-form navbar-search">
<h2 class="sr-only">Search</h2>
<form class="">
<div class="form-group">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search">
<span class="input-group-btn">
<button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
</span>
</div>
</div>
</form>
</div>
</div>
</div> <!-- .row -->
</div> <!-- .container.navbar-small -->
</nav>
|
Comments (0)
You can clone a snippet to your computer for local editing. Learn more.