1
|
1
|
new file mode 100644
|
...
|
...
|
@@ -0,0 +1,104 @@
|
|
1
|
+<div class="hidden-print fa5" id="banner">
|
|
2
|
+ <div class="container">
|
|
3
|
+ <div class="message-container">
|
|
4
|
+ <div class="tagline">
|
|
5
|
+ <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, & tons more.
|
|
6
|
+ </div>
|
|
7
|
+ <div class="action">
|
|
8
|
+ <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
|
|
9
|
+ Font Awesome 5 <i class='fas fas-external-link'></i>
|
|
10
|
+ </a>
|
|
11
|
+ </div>
|
|
12
|
+ </div>
|
|
13
|
+ </div>
|
|
14
|
+</div>
|
|
15
|
+
|
|
16
|
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
|
|
17
|
+ <div class="container">
|
|
18
|
+ <div class="navbar-header">
|
|
19
|
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
|
20
|
+ <i class="fa fa-bars fa-lg" aria-hidden="true" title="Toggle navigation"></i>
|
|
21
|
+ <span class="sr-only">Toggle navigation</span>
|
|
22
|
+ </button>
|
|
23
|
+ <a class="navbar-brand" href="{{ page.relative_path }}"><i class="fa fa-font-awesome" aria-hidden="true"></i> Font Awesome</a>
|
|
24
|
+ </div>
|
|
25
|
+
|
|
26
|
+ <div class="navbar-collapse collapse">
|
|
27
|
+ <ul class="nav navbar-nav">
|
|
28
|
+ <li class="hidden-sm {% if page.navbar_active == "home" %} active{% endif %}"><a href="{{ page.relative_path }}">Home</a></li>
|
|
29
|
+ <li class="hidden-sm{% if page.navbar_active == "whats-new" %} active{% endif %}">
|
|
30
|
+ <a href="{{ page.relative_path }}whats-new/">What's New</a>
|
|
31
|
+ </li>
|
|
32
|
+ <li class="hidden-xs hidden-md hidden-lg{% if page.navbar_active == "whats-new" %} active{% endif %}">
|
|
33
|
+ <a href="{{ page.relative_path }}whats-new/">New</a>
|
|
34
|
+ </li>
|
|
35
|
+
|
|
36
|
+ <li class="hidden-sm{% if page.navbar_active == "get-started" %} active{% endif %}"><a href="{{ page.relative_path }}get-started/">Get Started</a></li>
|
|
37
|
+ <li class="hidden-xs hidden-md hidden-lg{% if page.navbar_active == "get-started" %} active{% endif %}">
|
|
38
|
+ <a href="{{ page.relative_path }}get-started/">Start</a>
|
|
39
|
+ </li>
|
|
40
|
+
|
|
41
|
+ <li class="dropdown-split-left{% if page.navbar_active == "icons" %} active{% endif %}"><a href="{{ page.relative_path }}icons/">Icons</a></li>
|
|
42
|
+ <li class="dropdown dropdown-split-right hidden-xs{% if page.navbar_active == "icons" %} active{% endif %}">
|
|
43
|
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
|
44
|
+ <i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i>
|
|
45
|
+ <span class="sr-only">Toggle dropdown menu</span>
|
|
46
|
+ <span class="toggle drop down"></span>
|
|
47
|
+ </a>
|
|
48
|
+ <ul class="dropdown-menu pull-right">
|
|
49
|
+ <li><a href="{{ page.relative_path }}icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i> All Icons</a></li>
|
|
50
|
+ <li class="divider"></li>
|
|
51
|
+ <li><a href="{{ page.relative_path }}icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i> New Icons in {{ site.fontawesome.minor_version }}</a></li>
|
|
52
|
+ <li><a href="{{ page.relative_path }}icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i> Web Application Icons</a></li>
|
|
53
|
+ <li><a href="{{ page.relative_path }}icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i> Accessibility Icons</a></li>
|
|
54
|
+ <li><a href="{{ page.relative_path }}icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i> Hand Icons</a></li>
|
|
55
|
+ <li><a href="{{ page.relative_path }}icons/#transportation"><i class="fa fa-ship fa-fw" aria-hidden="true"></i> Transportation Icons</a></li>
|
|
56
|
+ <li><a href="{{ page.relative_path }}icons/#gender"><i class="fa fa-venus fa-fw" aria-hidden="true"></i> Gender Icons</a></li>
|
|
57
|
+ <li><a href="{{ page.relative_path }}icons/#file-type"><i class="fa fa-file-image-o fa-fw" aria-hidden="true"></i> File Type Icons</a></li>
|
|
58
|
+ <li><a href="{{ page.relative_path }}icons/#spinner"><i class="fa fa-spinner fa-fw" aria-hidden="true"></i> Spinner Icons</a></li>
|
|
59
|
+ <li><a href="{{ page.relative_path }}icons/#form-control"><i class="fa fa-check-square fa-fw" aria-hidden="true"></i> Form Control Icons</a></li>
|
|
60
|
+ <li><a href="{{ page.relative_path }}icons/#payment"><i class="fa fa-credit-card fa-fw" aria-hidden="true"></i> Payment Icons</a></li>
|
|
61
|
+ <li><a href="{{ page.relative_path }}icons/#chart"><i class="fa fa-pie-chart fa-fw" aria-hidden="true"></i> Chart Icons</a></li>
|
|
62
|
+ <li><a href="{{ page.relative_path }}icons/#currency"><i class="fa fa-won fa-fw" aria-hidden="true"></i> Currency Icons</a></li>
|
|
63
|
+ <li><a href="{{ page.relative_path }}icons/#text-editor"><i class="fa fa-file-text-o fa-fw" aria-hidden="true"></i> Text Editor Icons</a></li>
|
|
64
|
+ <li><a href="{{ page.relative_path }}icons/#directional"><i class="fa fa-arrow-right fa-fw" aria-hidden="true"></i> Directional Icons</a></li>
|
|
65
|
+ <li><a href="{{ page.relative_path }}icons/#video-player"><i class="fa fa-play-circle fa-fw" aria-hidden="true"></i> Video Player Icons</a></li>
|
|
66
|
+ <li><a href="{{ page.relative_path }}icons/#brand"><i class="fa fa-facebook-official fa-fw" aria-hidden="true"></i> Brand Icons</a></li>
|
|
67
|
+ <li><a href="{{ page.relative_path }}icons/#medical"><i class="fa fa-medkit fa-fw" aria-hidden="true"></i> Medical Icons</a></li>
|
|
68
|
+ </ul>
|
|
69
|
+ </li>
|
|
70
|
+ <li class="dropdown-split-left{% if page.navbar_active == "examples" %} active{% endif %}"><a href="{{ page.relative_path }}examples/">Examples</a></li>
|
|
71
|
+ <li class="dropdown dropdown-split-right hidden-xs{% if page.navbar_active == "examples" %} active{% endif %}">
|
|
72
|
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
|
73
|
+ <i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i>
|
|
74
|
+ <span class="sr-only">Toggle dropdown menu</span>
|
|
75
|
+ <span class="toggle drop down"></span>
|
|
76
|
+ </a>
|
|
77
|
+ <ul class="dropdown-menu pull-right">
|
|
78
|
+ <li><a href="{{ page.relative_path }}examples/">Examples</a></li>
|
|
79
|
+ <li class="divider"></li>
|
|
80
|
+ <li><a href="{{ page.relative_path }}examples/#basic">Basic Icons</a></li>
|
|
81
|
+ <li><a href="{{ page.relative_path }}examples/#larger">Larger Icons</a></li>
|
|
82
|
+ <li><a href="{{ page.relative_path }}examples/#fixed-width">Fixed Width Icons</a></li>
|
|
83
|
+ <li><a href="{{ page.relative_path }}examples/#list">List Icons</a></li>
|
|
84
|
+ <li><a href="{{ page.relative_path }}examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
|
|
85
|
+ <li><a href="{{ page.relative_path }}examples/#animated">Animated Icons</a></li>
|
|
86
|
+ <li><a href="{{ page.relative_path }}examples/#accessible">Accessibility-Minded</a></li>
|
|
87
|
+ <li><a href="{{ page.relative_path }}examples/#rotated-flipped">Rotated & Flipped Icons</a></li>
|
|
88
|
+ <li><a href="{{ page.relative_path }}examples/#stacked">Stacked Icons</a></li>
|
|
89
|
+ <li><a href="{{ page.relative_path }}examples/#bootstrap">Bootstrap 3 Examples</a></li>
|
|
90
|
+ <li><a href="{{ page.relative_path }}examples/#custom">Custom CSS</a></li>
|
|
91
|
+ </ul>
|
|
92
|
+ </li>
|
|
93
|
+ <li class="hidden-sm{% if page.navbar_active == "accessibility" %} active{% endif %}"><a href="{{ page.relative_path }}accessibility/">Accessibility</a></li>
|
|
94
|
+ <li class="hidden-xs hidden-md hidden-lg{% if page.navbar_active == "accessibility" %} active{% endif %}"><a href="{{ page.relative_path }}accessibility/"><i class="fa fa-universal-access"></i></a></li>
|
|
95
|
+ <li{% if page.navbar_active == "community" %} class="active"{% endif %}><a href="{{ page.relative_path }}community/">Community</a></li>
|
|
96
|
+ <li{% if page.navbar_active == "license" %} class="active"{% endif %}><a href="{{ page.relative_path }}license/">License</a></li>
|
|
97
|
+ </ul>
|
|
98
|
+
|
|
99
|
+ <ul class="nav navbar-nav navbar-right">
|
|
100
|
+ <li><a href="{{ site.fontawesome.blog_url }}">Blog</a></li>
|
|
101
|
+ </ul>
|
|
102
|
+ </div>
|
|
103
|
+ </div>
|
|
104
|
+</div>
|