aboutsummaryrefslogtreecommitdiff
path: root/blueprint/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'blueprint/index.html')
-rw-r--r--blueprint/index.html29
1 files changed, 15 insertions, 14 deletions
diff --git a/blueprint/index.html b/blueprint/index.html
index 983536f..3ba8ec7 100644
--- a/blueprint/index.html
+++ b/blueprint/index.html
@@ -9,8 +9,8 @@
<title>Deuxfleurs</title>
<link rel="stylesheet" href="assets/css/normalize.css">
- <link rel="stylesheet" href="assets/css/deuxfleurs.css">
<link rel="stylesheet" href="assets/css/chota.min.css">
+ <link rel="stylesheet" href="assets/css/blueprint.css">
</head>
<body>
@@ -43,7 +43,7 @@
</p>
</header>
- <main>
+ <main class="container">
<section>
<h2>Nos services</h2>
<p>
@@ -77,8 +77,8 @@
Nous pensons qu'une personne souhaitant rejoindre un hébergeur indépendant a besoin d'un accompagnement. D'abord parce que nos logiciels sont inhabituels et différents, ensuite parce que nous souhaitons garder le dialogue et si possible vous donner la possibilité de prendre part à nos choix. C'est pourquoi les inscriptions se font par cooptation.
</p>
- <div id="niveaux">
- <section>
+ <div id="niveaux" class="row">
+ <section class="col">
<h3>Ami⋅e</h3>
<p>
@@ -88,7 +88,7 @@
</p>
</section>
- <section>
+ <section class="col">
<h3>Membre</h3>
<p>
@@ -96,7 +96,7 @@
</p>
</section>
- <section>
+ <section class="col">
<h3>Hébergeur⋅euse</h3>
<p>
@@ -107,8 +107,8 @@
</section>
</div>
- <div id="trombinoscope">
- <figure>
+ <div id="trombinoscope" class="row">
+ <figure class="col-6 col-3-md">
<img src="">
<figcaption>
<h4>Esther</h4>
@@ -116,7 +116,7 @@
</figcaption>
</figure>
- <figure>
+ <figure class="col-6 col-3-md">
<img src="">
<figcaption>
<h4>Quentin</h4>
@@ -124,7 +124,7 @@
</figcaption>
</figure>
- <figure>
+ <figure class="col-6 col-3-md">
<img src="">
<figcaption>
<h4>Adrien</h4>
@@ -132,7 +132,7 @@
</figcaption>
</figure>
- <figure>
+ <figure class="col-6 col-3-md">
<img src="">
<figcaption>
<h4>Maximilien</h4>
@@ -140,7 +140,7 @@
</figcaption>
</figure>
- <figure>
+ <figure class="col-6 col-3-md">
<img src="">
<figcaption>
<h4>Alex</h4>
@@ -149,13 +149,14 @@
</figure>
</div>
</section>
- </main>
+
<footer>
<p>Brodé avec amour par Deuxfleurs.</p>
- <p>Il y a sans doute un copyright.</p>
+ <p class="is-right">Il y a sans doute un copyright.</p>
</footer>
+ </main>
</body>
</html> \ No newline at end of file