2013-05-09 12:23:04 +08:00
< div class = "navbar navbar-inverse navbar-static-top hidden-print" >
2013-05-03 08:12:33 +08:00
< div class = "navbar-inner" >
< div class = "container" >
2013-05-09 11:15:29 +08:00
< a class = "brand" href = "{{ page.relative_path }}" > < i class = "icon-flag" > < / i > Font Awesome< / a >
2013-05-03 08:12:33 +08:00
< ul class = "nav" >
2013-05-09 11:15:29 +08:00
< li { % if page . navbar_active = = " home " % } class = "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 >
2013-05-10 01:24:10 +08:00
< 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{% 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" >
2013-05-10 02:04:40 +08:00
< li > < a href = "{{ page.relative_path }}icons/" > < i class = "icon-flag icon-fixed-width" > < / i > Icons< / a > < / li >
2013-05-10 01:24:10 +08:00
< li class = "divider" > < / li >
2013-05-10 02:04:40 +08:00
< li > < a href = "{{ page.relative_path }}icons/#new" > < i class = "icon-shield icon-fixed-width" > < / i > New Icons in {{ site.font_awesome.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/#text-editor" > < i class = "icon-file-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 >
2013-05-10 01:24:10 +08:00
< / 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{% if page.navbar_active == " examples " % } active { % endif % } " >
2013-05-09 09:24:41 +08:00
< a href = "#" class = "dropdown-toggle" data-toggle = "dropdown" >
2013-05-10 01:24:10 +08:00
< i class = "icon-caret-down" > < / i >
2013-05-09 09:24:41 +08:00
< / a >
< ul class = "dropdown-menu pull-right" >
2013-05-10 01:24:10 +08:00
< li > < a href = "{{ page.relative_path }}examples/" > Examples< / a > < / li >
< li class = "divider" > < / li >
2013-05-09 11:15:29 +08:00
< 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 >
2013-05-09 09:24:41 +08:00
< / ul >
< / li >
2013-05-09 11:15:29 +08:00
< li { % if page . navbar_active = = " whats-new " % } class = "active" { % endif % } > < a href = "{{ page.relative_path }}whats-new/" > What's New< / a > < / li >
2013-05-09 23:19:15 +08:00
< li { % if page . navbar_active = = " community " % } class = "active" { % endif % } > < a href = "{{ page.relative_path }}community/" > Community< / a > < / li >
2013-05-09 11:15:29 +08:00
< li { % if page . navbar_active = = " license " % } class = "active" { % endif % } > < a href = "{{ page.relative_path }}license/" > License< / a > < / li >
2013-05-03 08:12:33 +08:00
< / ul >
< ul class = "nav pull-right" >
2013-05-10 01:24:10 +08:00
< li > < a href = "mailto:{{ site.font_awesome.author.email }}" > < i class = "icon-envelope" > < / i > Me< / a > < / li >
2013-05-03 08:12:33 +08:00
< / ul >
< / div >
< / div >
< / div >