1 <div class="navbar navbar-inverse navbar-static-top hidden-print">
2 <div class="container">
3 <div class="navbar-header">
4 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
5 <span class="sr-only">Toggle navigation</span>
6 <i class="fa fa-bars fa-lg"></i>
8 <a class="navbar-brand" href="{{ page.relative_path }}"><i class="fa fa-flag"></i> Font Awesome</a>
11 <div class="navbar-collapse collapse">
12 <ul class="nav navbar-nav">
13 <li class="hidden-sm {% if page.navbar_active == "home" %} active{% endif %}"><a href="{{ page.relative_path }}">Home</a></li>
14 <li class="hidden-sm{% if page.navbar_active == "whats-new" %} active{% endif %}">
15 <a href="{{ page.relative_path }}whats-new/">What's New</a>
17 <li class="hidden-xs hidden-md hidden-lg{% if page.navbar_active == "whats-new" %} active{% endif %}">
18 <a href="{{ page.relative_path }}whats-new/">New</a>
20 <li{% if page.navbar_active == "get-started" %} class="active"{% endif %}><a href="{{ page.relative_path }}get-started/">Get Started</a></li>
21 <li class="dropdown-split-left{% if page.navbar_active == "icons" %} active{% endif %}"><a href="{{ page.relative_path }}icons/">Icons</a></li>
22 <li class="dropdown dropdown-split-right hidden-xs{% if page.navbar_active == "icons" %} active{% endif %}">
23 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
24 <i class="fa fa-caret-down"></i>
26 <ul class="dropdown-menu pull-right">
27 <li><a href="{{ page.relative_path }}icons/"><i class="fa fa-flag fa-fw"></i> Icons</a></li>
28 <li class="divider"></li>
29 <li><a href="{{ page.relative_path }}icons/#new"><i class="fa fa-rub fa-fw"></i> New Icons in {{ site.fontawesome.minor_version }}</a></li>
30 <li><a href="{{ page.relative_path }}icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
31 <li><a href="{{ page.relative_path }}icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
32 <li><a href="{{ page.relative_path }}icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
33 <li><a href="{{ page.relative_path }}icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
34 <li><a href="{{ page.relative_path }}icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i> Directional Icons</a></li>
35 <li><a href="{{ page.relative_path }}icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
36 <li><a href="{{ page.relative_path }}icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
37 <li><a href="{{ page.relative_path }}icons/#medical"><i class="fa fa-medkit fa-fw"></i> Medical Icons</a></li>
40 <li class="dropdown-split-left{% if page.navbar_active == "examples" %} active{% endif %}"><a href="{{ page.relative_path }}examples/">Examples</a></li>
41 <li class="dropdown dropdown-split-right hidden-xs{% if page.navbar_active == "examples" %} active{% endif %}">
42 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
43 <i class="fa fa-caret-down"></i>
45 <ul class="dropdown-menu pull-right">
46 <li><a href="{{ page.relative_path }}examples/">Examples</a></li>
47 <li class="divider"></li>
48 <li><a href="{{ page.relative_path }}examples/#inline">Inline Icons</a></li>
49 <li><a href="{{ page.relative_path }}examples/#larger">Larger Icons</a></li>
50 <li><a href="{{ page.relative_path }}examples/#fixed-width">Fixed Width Icons</a></li>
51 <li><a href="{{ page.relative_path }}examples/#list">List Icons</a></li>
52 <li><a href="{{ page.relative_path }}examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
53 <li><a href="{{ page.relative_path }}examples/#spinning">Spinning Icons</a></li>
54 <li><a href="{{ page.relative_path }}examples/#rotated-flipped">Rotated & Flipped Icons</a></li>
55 <li><a href="{{ page.relative_path }}examples/#stacked">Stacked Icons</a></li>
56 <li><a href="{{ page.relative_path }}examples/#bootstrap">Bootstrap 3 Examples</a></li>
57 <li><a href="{{ page.relative_path }}examples/#custom">Custom CSS</a></li>
60 <li{% if page.navbar_active == "community" %} class="active"{% endif %}><a href="{{ page.relative_path }}community/">Community</a></li>
61 <li{% if page.navbar_active == "license" %} class="active"{% endif %}><a href="{{ page.relative_path }}license/">License</a></li>
63 <ul class="nav navbar-nav navbar-right">
64 <li><a href="{{ site.fontawesome.blog_url }}">Blog</a></li>