about

%h1
Providers
%p
(An example table + detail view scenario)
%main
%table
%thead
%tr
%th
Provider Name
%th
E-mail
%th
%tfoot
%tr
%th{:colspan => “3”}
Year: 2014
%tbody
%tr
%td{:data => {:title => “Provider Name”}}
Iacob Geaorgescu
%td{:data => {:title => “E-mail”}}
e-mail@test-email.com
%td{:class => “select”}
%a{:href => “#”,:class => “button”}
Select
%tr
%td{:data => {:title => “Provider Name”}}
Julius Neumann
%td{:data => {:title => “E-mail”}}
e-mail@test-email.com
%td{:class => “select”}
%a{:href => “#”,:class => “button”}
Select
%tr
%td{:data => {:title => “Provider Name”}}
Christoph Koller
%td{:data => {:title => “E-mail”}}
e-mail@test-email.com
%td{:class => “select”}
%a{:href => “#”,:class => “button”}
Select
%tr
%td{:data => {:title => “Provider Name”}}
Bram Lemmens
%td{:data => {:title => “E-mail”}}
e-mail@test-email.com
%td{:class => “select”}
%a{:href => “#”,:class => “button”}
Select
%div.detail
%div.detail-container
%dl
%dt
Provider Name
%dd
John Doe
%dt
E-mail
%dd
email@example.com
%dt
City
%dd
Detroit
%dt
Phone-Number
%dd
555-555-5555
%dt
Last Update
%dd
Jun 20 2014
%dt
Notes
%dd
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
%div.detail-nav
%button.close
Close