diff options
Diffstat (limited to 'library/font_awesome/src/_includes/navbar.html')
| -rw-r--r-- | library/font_awesome/src/_includes/navbar.html | 181 |
1 files changed, 117 insertions, 64 deletions
diff --git a/library/font_awesome/src/_includes/navbar.html b/library/font_awesome/src/_includes/navbar.html index 99e1f5819..462da85c8 100644 --- a/library/font_awesome/src/_includes/navbar.html +++ b/library/font_awesome/src/_includes/navbar.html @@ -1,69 +1,122 @@ +<div class="collapse hidden-print" id="banner"> + <div class="container"> + <div class="message-container"> + <div class="tagline"> + <span id="rotating-message"></span> + </div> + <div class="action"> + <a id="rotating-url" class="btn btn-primary btn-block" href=""></a> + </div> + </div> + </div> +</div> + +<div class="navbar navbar-org navbar-static-top"> + <div class="container"> + <ul class="nav navbar-nav navbar-right"> + <li> + <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!"> + <i class="fas fas-fort-logo fas-lg valign-baseline"></i> + Fort Awesome + </a> + </li> + <li class="active"> + <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>& CSS toolkit"> + <i class="fas fas-flag-logo"></i> + Font Awesome</a> + </li> + </ul> + <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div> + </div> +</div> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> - <div class="navbar-inner"> - <div class="container"> - <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - </a> + <div class="container"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> + <i class="fa fa-bars fa-lg" aria-hidden="true" title="Toggle navigation"></i> + <span class="sr-only">Toggle navigation</span> + </button> + <a class="navbar-brand" href="{{ page.relative_path }}"><i class="fas fas-flag-logo fas-lg" aria-hidden="true"></i> Font Awesome</a> + </div> - <a class="brand" href="{{ page.relative_path }}"><i class="icon-flag"></i> Font Awesome</a> - <div class="nav-collapse collapse"> - <ul class="nav"> - <li class="hidden-tablet {% if page.navbar_active == "home" %} active{% endif %}"><a href="{{ page.relative_path }}">Home</a></li> - <li{% if page.navbar_active == "get-started" %} class="active"{% endif %}><a href="{{ page.relative_path }}get-started/">Get Started</a></li> - <li class="dropdown-split-left{% if page.navbar_active == "icons" %} active{% endif %}"><a href="{{ page.relative_path }}icons/">Icons</a></li> - <li class="dropdown dropdown-split-right hidden-phone{% if page.navbar_active == "icons" %} active{% endif %}"> - <a href="#" class="dropdown-toggle" data-toggle="dropdown"> - <i class="icon-caret-down"></i> - </a> - <ul class="dropdown-menu pull-right"> - <li><a href="{{ page.relative_path }}icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> - <li class="divider"></li> - <li><a href="{{ page.relative_path }}icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in {{ site.fontawesome.version }}</a></li> - <li><a href="{{ page.relative_path }}icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> - <li><a href="{{ page.relative_path }}icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li> - <li><a href="{{ page.relative_path }}icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li> - <li><a href="{{ page.relative_path }}icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> - <li><a href="{{ page.relative_path }}icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> - <li><a href="{{ page.relative_path }}icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> - <li><a href="{{ page.relative_path }}icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> - </ul> - </li> - <li class="dropdown-split-left{% if page.navbar_active == "examples" %} active{% endif %}"><a href="{{ page.relative_path }}examples/">Examples</a></li> - <li class="dropdown dropdown-split-right hidden-phone{% if page.navbar_active == "examples" %} active{% endif %}"> - <a href="#" class="dropdown-toggle" data-toggle="dropdown"> - <i class="icon-caret-down"></i> - </a> - <ul class="dropdown-menu pull-right"> - <li><a href="{{ page.relative_path }}examples/">Examples</a></li> - <li class="divider"></li> - <li><a href="{{ page.relative_path }}examples/#new-styles">New Styles</a></li> - <li><a href="{{ page.relative_path }}examples/#inline-icons">Inline Icons</a></li> - <li><a href="{{ page.relative_path }}examples/#larger-icons">Larger Icons</a></li> - <li><a href="{{ page.relative_path }}examples/#bordered-pulled">Bordered & Pulled</a></li> - <li><a href="{{ page.relative_path }}examples/#buttons">Buttons</a></li> - <li><a href="{{ page.relative_path }}examples/#button-groups">Button Groups</a></li> - <li><a href="{{ page.relative_path }}examples/#button-dropdowns">Button Dropdowns</a></li> - <li><a href="{{ page.relative_path }}examples/#bulleted-lists">Bulleted Lists</a></li> - <li><a href="{{ page.relative_path }}examples/#navigation">Navigation</a></li> - <li><a href="{{ page.relative_path }}examples/#form-inputs">Form Inputs</a></li> - <li><a href="{{ page.relative_path }}examples/#animated-spinner">Animated Spinner</a></li> - <li><a href="{{ page.relative_path }}examples/#rotated-flipped">Rotated & Flipped</a></li> - <li><a href="{{ page.relative_path }}examples/#stacked">Stacked</a></li> - <li><a href="{{ page.relative_path }}examples/#custom">Custom CSS</a></li> - </ul> - </li> - <li{% if page.navbar_active == "whats-new" %} class="active"{% endif %}><a href="{{ page.relative_path }}whats-new/"> - <span class="hidden-tablet">What's </span>New</a> - </li> - <li{% if page.navbar_active == "community" %} class="active"{% endif %}><a href="{{ page.relative_path }}community/">Community</a></li> - <li{% if page.navbar_active == "license" %} class="active"{% endif %}><a href="{{ page.relative_path }}license/">License</a></li> - </ul> - <ul class="nav pull-right"> - <li><a href="{{ site.fontawesome.blog_url }}">Blog</a></li> - </ul> - </div> + <div class="navbar-collapse collapse"> + <ul class="nav navbar-nav"> + <li class="hidden-sm {% if page.navbar_active == "home" %} active{% endif %}"><a href="{{ page.relative_path }}">Home</a></li> + <li class="hidden-sm{% if page.navbar_active == "whats-new" %} active{% endif %}"> + <a href="{{ page.relative_path }}whats-new/">What's New</a> + </li> + <li class="hidden-xs hidden-md hidden-lg{% if page.navbar_active == "whats-new" %} active{% endif %}"> + <a href="{{ page.relative_path }}whats-new/">New</a> + </li> + + <li class="hidden-sm{% if page.navbar_active == "get-started" %} active{% endif %}"><a href="{{ page.relative_path }}get-started/">Get Started</a></li> + <li class="hidden-xs hidden-md hidden-lg{% if page.navbar_active == "get-started" %} active{% endif %}"> + <a href="{{ page.relative_path }}get-started/">Start</a> + </li> + + <li class="dropdown-split-left{% if page.navbar_active == "icons" %} active{% endif %}"><a href="{{ page.relative_path }}icons/">Icons</a></li> + <li class="dropdown dropdown-split-right hidden-xs{% if page.navbar_active == "icons" %} active{% endif %}"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i> + <span class="sr-only">Toggle dropdown menu</span> + <span class="toggle drop down"></span> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="{{ page.relative_path }}icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i> All Icons</a></li> + <li class="divider"></li> + <li><a href="{{ page.relative_path }}icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i> New Icons in {{ site.fontawesome.minor_version }}</a></li> + <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> + <li><a href="{{ page.relative_path }}icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i> Accessibility Icons</a></li> + <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> + <li><a href="{{ page.relative_path }}icons/#transportation"><i class="fa fa-ship fa-fw" aria-hidden="true"></i> Transportation Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#gender"><i class="fa fa-venus fa-fw" aria-hidden="true"></i> Gender Icons</a></li> + <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> + <li><a href="{{ page.relative_path }}icons/#spinner"><i class="fa fa-spinner fa-fw" aria-hidden="true"></i> Spinner Icons</a></li> + <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> + <li><a href="{{ page.relative_path }}icons/#payment"><i class="fa fa-credit-card fa-fw" aria-hidden="true"></i> Payment Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#chart"><i class="fa fa-pie-chart fa-fw" aria-hidden="true"></i> Chart Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#currency"><i class="fa fa-won fa-fw" aria-hidden="true"></i> Currency Icons</a></li> + <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> + <li><a href="{{ page.relative_path }}icons/#directional"><i class="fa fa-arrow-right fa-fw" aria-hidden="true"></i> Directional Icons</a></li> + <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> + <li><a href="{{ page.relative_path }}icons/#brand"><i class="fa fa-facebook-official fa-fw" aria-hidden="true"></i> Brand Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#medical"><i class="fa fa-medkit fa-fw" aria-hidden="true"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left{% if page.navbar_active == "examples" %} active{% endif %}"><a href="{{ page.relative_path }}examples/">Examples</a></li> + <li class="dropdown dropdown-split-right hidden-xs{% if page.navbar_active == "examples" %} active{% endif %}"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i> + <span class="sr-only">Toggle dropdown menu</span> + <span class="toggle drop down"></span> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="{{ page.relative_path }}examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="{{ page.relative_path }}examples/#basic">Basic Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#larger">Larger Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#fixed-width">Fixed Width Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#list">List Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#bordered-pulled">Bordered & Pulled Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#animated">Animated Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#accessible">Accessibility-Minded</a></li> + <li><a href="{{ page.relative_path }}examples/#rotated-flipped">Rotated & Flipped Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#stacked">Stacked Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#bootstrap">Bootstrap 3 Examples</a></li> + <li><a href="{{ page.relative_path }}examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li class="hidden-sm{% if page.navbar_active == "accessibility" %} active{% endif %}"><a href="{{ page.relative_path }}accessibility/">Accessibility</a></li> + <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> + <li{% if page.navbar_active == "community" %} class="active"{% endif %}><a href="{{ page.relative_path }}community/">Community</a></li> + <li{% if page.navbar_active == "license" %} class="active"{% endif %}><a href="{{ page.relative_path }}license/">License</a></li> + <li class="hidden-sm hidden-xs"><a href="{{ site.fontawesome.blog_url }}">Blog</a></li> + </ul> + + <ul class="nav navbar-nav navbar-right"> + <li{% if page.navbar_active == "store" %} class="active"{% endif %}><a href="{{ page.relative_path }}store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li> + </ul> </div> </div> </div> |