Browse code
Created repository.
DoubleBastionAdmin authored on 29/11/2024 03:10:08
Showing 1 changed files
| 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> |