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

   1 // Demo navbar
   2 .navbar.yamm.navbar-default.navbar-fixed-top
   3   .container
   4     .navbar-header
   5       button.navbar-toggle(type='button', data-toggle='collapse', data-target='#navbar-collapse-1')
   6         span.icon-bar
   7         span.icon-bar
   8         span.icon-bar
   9       a.navbar-brand(href='#') Yamm Megamenu
  10     #navbar-collapse-1.navbar-collapse.collapse
  11       ul.nav.navbar-nav
  12         // Classic list
  13         li.dropdown
  14           a.dropdown-toggle(href='#', data-toggle='dropdown')
  15             | List
  16             b.caret
  17           ul.dropdown-menu
  18             li
  19               // Content container to add padding
  20               .yamm-content
  21                 .row
  22                   ul.col-sm-2.list-unstyled
  23                     li
  24                       p: strong Section Title
  25                     li List Item
  26                     li List Item
  27                     li List Item
  28                     li List Item
  29                     li List Item
  30                     li List Item
  31                   ul.col-sm-2.list-unstyled
  32                     li
  33                       p: strong Links Title
  34                     li: a(href='#')  Link Item
  35                     li: a(href='#')  Link Item
  36                     li: a(href='#')  Link Item
  37                     li: a(href='#')  Link Item
  38                     li: a(href='#')  Link Item
  39                     li: a(href='#')  Link Item
  40                   ul.col-sm-2.list-unstyled
  41                     li
  42                       p: strong Section Title
  43                     li List Item
  44                     li List Item
  45                     li List Item
  46                     li List Item
  47                     li List Item
  48                     li List Item
  49                   ul.col-sm-2.list-unstyled
  50                     li
  51                       p: strong Section Title
  52                     li List Item
  53                     li List Item
  54                     li
  55                       ul
  56                         li: a(href='#')  Link Item
  57                         li: a(href='#')  Link Item
  58                         li: a(href='#')  Link Item
  59         // Accordion demo
  60         li.dropdown
  61           a.dropdown-toggle(href='#', data-toggle='dropdown')
  62             | Accordion
  63             b.caret
  64           ul.dropdown-menu
  65             li
  66               .yamm-content
  67                 .row
  68                   #accordion.panel-group
  69                     .panel.panel-default
  70                       .panel-heading
  71                         h4.panel-title
  72                           a(data-toggle='collapse', data-parent='#accordion', href='#collapseOne')
  73                             | Collapsible Group Item #1
  74                       #collapseOne.panel-collapse.collapse.in
  75                         .panel-body
  76                           | Ut consectetur ullamcorper purus a rutrum. Etiam dui nisi, hendrerit feugiat scelerisque et, cursus eu magna.
  77                     .panel.panel-default
  78                       .panel-heading
  79                         h4.panel-title
  80                           a(data-toggle='collapse', data-parent='#accordion', href='#collapseTwo')
  81                             | Collapsible Group Item #2
  82                       #collapseTwo.panel-collapse.collapse
  83                         .panel-body
  84                           | Nullam pretium fermentum sapien ut convallis. Suspendisse vehicula, magna non tristique tincidunt, massa nisi luctus tellus, vel laoreet sem lectus ut nibh.
  85                     .panel.panel-default
  86                       .panel-heading
  87                         h4.panel-title
  88                           a(data-toggle='collapse', data-parent='#accordion', href='#collapseThree')
  89                             | Collapsible Group Item #3
  90                       #collapseThree.panel-collapse.collapse
  91                         .panel-body
  92                           | Praesent leo quam, faucibus at facilisis id, rhoncus sit amet metus. Sed vitae ipsum non nibh mattis congue eget id augue.
  93         // Classic dropdown
  94         li.dropdown
  95           a.dropdown-toggle(href='#', data-toggle='dropdown')
  96             | Classic
  97             b.caret
  98           ul.dropdown-menu(role='menu')
  99             li
 100               a(tabindex='-1', href='#')  Action
 101             li
 102               a(tabindex='-1', href='#')  Another action
 103             li
 104               a(tabindex='-1', href='#')  Something else here
 105             li.divider
 106             li
 107               a(tabindex='-1', href='#')  Separated link
 108         // Pictures
 109         li.dropdown.yamm-fw
 110           a.dropdown-toggle(href='#', data-toggle='dropdown')
 111             | Pictures
 112             b.caret
 113           ul.dropdown-menu
 114             li
 115               .yamm-content
 116                 .row
 117                   .col-xs-6.col-sm-2
 118                     a.thumbnail(href='#')
 119                       img(alt='150x190', src='demo/img/190.jpg')
 120                   .col-xs-6.col-sm-2
 121                     a.thumbnail(href='#')
 122                       img(alt='150x190', src='demo/img/190.jpg')
 123                   .col-xs-6.col-sm-2
 124                     a.thumbnail(href='#')
 125                       img(alt='150x190', src='demo/img/190.jpg')
 126                   .col-xs-6.col-sm-2
 127                     a.thumbnail(href='#')
 128                       img(alt='150x190', src='demo/img/190.jpg')
 129                   .col-xs-6.col-sm-2
 130                     a.thumbnail(href='#')
 131                       img(alt='150x190', src='demo/img/190.jpg')
 132                   .col-xs-6.col-sm-2
 133                     a.thumbnail(href='#')
 134                       img(alt='150x190', src='demo/img/190.jpg')