demarches-normaliennes/app/views/root/patron.html.haml

.patron
  .container
    %h1 Patron

    %h2 Formulaires

    %form.form
      %label Nom
      %input{ type: "text" }
      %label Prénom
      %input{ type: "text", placeholder: "ex : Ivan" }
      %label Mot de passe
      %input{ type: "password", value: "12345678" }
      %input.button{ type: "submit", value: "Envoyer" }

    %h2 Boutons

    %p
      = link_to ".button", "#", class: "button"

      = link_to ".button.primary", "#", class: "button primary"

      = link_to ".button.secondary", "#", class: "button secondary"

      = link_to ".button.large", "#", class: "button large"

      = link_to ".button.large.primary", "#", class: "button large primary"

    %p
      = link_to "#", class: "button" do
        %i.follow
        = "%i.follow"
      = link_to "#", class: "button" do
        %i.unfollow
        = "%i.unfollow"
      = link_to "#", class: "button" do
        %i.archive
        = "%i.archive"
      = link_to "#", class: "button" do
        %i.unarchive
        = "%i.unarchive"
    %p
      = link_to ".button.primary.expand", "#", class: "button primary expand"

    %h2 Onglets

    %ul.tabs
      %li
        = link_to "Onglet 1", "#", class: "selected"
      %li
        = link_to "Onglet 2", "#"
      %li
        = link_to "Onglet 3", "#"

    %h2 Labels

    %span.label .label

    %h2 Cards

    .card
      .card-title
        Titre de la carte
      Et voici le contenu de la carte

    .card.featured
      .card-title
        Titre de la carte mise en avant
      Et voici le contenu de la carte

    %h2 Table

    %table.table
      %tbody
        %tr
          %th Header 1
          %td Table Data 1
        %tr
          %th Header 2
          %td Table Data 2
        %tr
          %th.header-section{ colspan: 2 } Header section
        %tr
          %th Header 3
          %td Table Data 3

    %h2 Layout deux colonnes

  .two-columns
    .columns-container
      .column
        Insérer ici le contenu de la colonne 1
      .column
        Insérer ici le contenu de la colonne 2