107 lines
2.2 KiB
Text
107 lines
2.2 KiB
Text
.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 Header
|
|
.backoffice-header
|
|
.container
|
|
Titre
|
|
%ul.tabs
|
|
%li
|
|
= link_to "Onglet 1", "#", class: "selected"
|
|
%li
|
|
= link_to "Onglet 2", "#"
|
|
%li
|
|
= link_to "Onglet 3", "#"
|
|
|
|
.container
|
|
%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
|