www.aleph1.co.uk Git - yaffs-website/blob - vendor/geedmo/yamm3/demo/jade/navbar-more.jade

   1 // Extra components navbar
   2 .navbar.navbar-default.yamm
   3   .navbar-header
   4     button.navbar-toggle(type='button', data-toggle='collapse', data-target='#navbar-collapse-2')
   5       span.icon-bar
   6       span.icon-bar
   7       span.icon-bar
   8     a.navbar-brand(href='#') Yamm Megamenu
   9   #navbar-collapse-2.navbar-collapse.collapse
  10     ul.nav.navbar-nav
  11       // Media Example
  12       li.dropdown
  13         a.dropdown-toggle(href='#', data-toggle='dropdown')
  14           | Media
  15           b.caret
  16         ul.dropdown-menu
  17           li
  18             .yamm-content
  19               ul.media-list
  20                 li.media
  21                   a.pull-right(href='#')
  22                     img.media-object(src='demo/img/64x64.gif', alt='64x64')
  23                   .media-body
  24                     h4.media-heading Media heading
  25                     | Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante.
  26                 li.media
  27                   a.pull-right(href='#')
  28                     img.media-object(src='demo/img/64x64.gif', alt='64x64')
  29                   .media-body
  30                     h4.media-heading Media heading
  31                     | Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque.
  32       // Tables
  33       li.dropdown.yamm-fullwidth
  34         a.dropdown-toggle(href='#', data-toggle='dropdown')
  35           | Tables
  36           b.caret
  37         ul.dropdown-menu
  38           li
  39             .yamm-content
  40               table.table.table-hover
  41                 thead
  42                   tr
  43                     th #
  44                     th First Name
  45                     th Last Name
  46                     th Username
  47                     th First Name
  48                     th Last Name
  49                     th Username
  50                 tbody
  51                   tr
  52                     td 1
  53                     td Mark
  54                     td Otto
  55                     td @mdo
  56                     td Mark
  57                     td Otto
  58                     td @mdo
  59                   tr
  60                     td 2
  61                     td Jacob
  62                     td Thornton
  63                     td @fat
  64                     td Jacob
  65                     td Thornton
  66                     td @fat
  67                   tr
  68                     td 3
  69                     td(colspan='2') Larry the Bird
  70                     td @twitter
  71                     td(colspan='2') Larry the Bird
  72                     td @twitter
  73       // Thumbnails demo
  74       li.dropdown
  75         a.dropdown-toggle(href='#', data-toggle='dropdown')
  76           | Thumbnails
  77           b.caret
  78         ul.dropdown-menu
  79           li
  80             .yamm-content
  81               .row
  82                 .col-sm-4
  83                   .thumbnail
  84                     img(alt='260x130', src='demo/img/260.jpg')
  85                     .caption
  86                       h3 Thumb Label
  87                       p
  88                         | Mazagran doppio half and half aftertaste organic, rich doppio
  89                       p
  90                         a.btn.btn-primary(href='#') Action
  91                         |
  92                         a.btn.btn-default(href='#') Action
  93                 .col-sm-4
  94                   .thumbnail
  95                     img(alt='260x130', src='demo/img/260.jpg')
  96                     .caption
  97                       h3 Thumb Label
  98                       p
  99                         | Black latte cinnamon, cultivar trifecta crema cappuccino
 100                       p
 101                         a.btn.btn-primary(href='#') Action
 102                         |
 103                         a.btn.btn-default(href='#') Action
 104                 .col-sm-4
 105                   .thumbnail
 106                     img(alt='260x130', src='demo/img/260.jpg')
 107                     .caption
 108                       h3 Thumb Label
 109                       p
 110                         | Bar roast et, as latte café au lait, mocha aromatic robusta
 111                       p
 112                         a.btn.btn-primary(href='#') Action
 113                         |
 114                         a.btn.btn-default(href='#') Action
 115     ul.nav.navbar-nav.navbar-right
 116         // Forms
 117         li.dropdown
 118           a.dropdown-toggle(href='#', data-toggle='dropdown')
 119             | Forms
 120             b.caret
 121           ul.dropdown-menu
 122             li
 123               .yamm-content
 124                 form(action='send.php')
 125                   .form-group
 126                     input.form-control#inputName(type='text', placeholder='Name')
 127                   .form-group
 128                     input.form-control#inputEmail(type='password', placeholder='Email')
 129                   .form-group
 130                     textarea.form-control(placeholder="Write your message..")
 131                   .form-group
 132                     button.btn.btn-success(type='submit') Send