Skip to content

Instantly share code, notes, and snippets.

@jmblog
Created September 18, 2013 03:36
Show Gist options
  • Save jmblog/6604229 to your computer and use it in GitHub Desktop.
Save jmblog/6604229 to your computer and use it in GitHub Desktop.
%nav.navbar.navbar-inverse{:role => "navigation"}
.container
.navbar-header
%button.navbar-toggle{:type => "button", "data-toggle" => "collapse", "data-target" => ".navbar-gnav-collapse"}
%span.sr-only Toggle navigation
%span.icon-bar
%span.icon-bar
%span.icon-bar
.collapse.navbar-collapse.navbar-gnav-collapse
%ul.nav.navbar-nav
%li<
%a{:href => "#"}<
%i.icon-home>
ホーム
%li<
%a{:href => "#"}<
%i.icon-usd>
収支管理
%li.dropdown
%a.dropdown-toggle{:href => "#", "data-toggle" => "dropdown"}<
あなたのオファー
%b.caret
%ul.dropdown-menu{:role => "menu", "aria-labelledby" => "dropdownMenuOffers"}
%li{:role => "presentation"}<
%a{:role => "menuitem", :tabindex => "-1", :href => "#"}<
%i.icon-fixed-width.icon-list>
一覧を見る
%li{:role => "presentation"}<
%a{:role => "menuitem", :tabindex => "-1", :href => "#"}<
%i.icon-fixed-width.icon-plus-sign>
新しいオファーを作る
%li.dropdown
%a.dropdown-toggle{:href => "#", "data-toggle" => "dropdown"}<
あなたの投稿
%b.caret
%ul.dropdown-menu{:role => "menu", "aria-labelledby" => "dropdownMenuPosts"}
%li{:role => "presentation"}<
%a{:role => "menuitem", :tabindex => "-1", :href => "#"}<
%i.icon-fixed-width.icon-list>
一覧を見る
%li{:role => "presentation"}<
%a{:role => "menuitem", :tabindex => "-1", :href => "#"}<
%i.icon-fixed-width.icon-search>
募集中のオファーを探す
%ul.nav.navbar-nav.navbar-right
%li
%a{:href => "#"}
%i.icon-envelope
%span.navbar__notification-badge
%li.dropdown
%a.dropdown-toggle{:href => "#", "data-toggle" => "dropdown"}
%img.navbar__avatar{:src => "http://www.gravatar.com/avatar/790f55ccde7a62df8f25747586657090?s=19", :width => 19}
%b.caret
%ul.dropdown-menu.pull-right
%li
%a{:href => "#"} アカウント設定
%li
%a{:href => "#"} プロフィールを表示
%li
%a{:href => "#"} ログアウト
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment