From aa1bb0b7454f5d1a2312bb70e9354f6d303b827d Mon Sep 17 00:00:00 2001 From: Otthorn Date: Sun, 23 May 2021 16:40:05 +0200 Subject: [PATCH] sticky bar on top + more content --- index.html | 70 +++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 67 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 9bbde6c..d678166 100644 --- a/index.html +++ b/index.html @@ -12,11 +12,18 @@ background-repeat: no-repeat; background-size: cover; } + + .header-bar { + border-top: 4px solid; + border-image-source: linear-gradient(90deg, #5d2f86, #8ed6fb 50%, #d32e9d); + border-image-slice: 1 + } -
+
+
+
@@ -84,7 +92,7 @@
-
+

Notre travail

Placeholder140x140 @@ -122,7 +130,7 @@
-
+

Besoin d'aide

Placeholder140x140 @@ -157,6 +165,62 @@
+
+
+
+

Envie de participer

+ In publishing and graphic design, Lorem ipsum is a + placeholder text commonly used to demonstrate the visual + form of a document or a typeface without relying on + meaningful content. Lorem ipsum may be used as a + placeholder before final copy is available. It is also used + to temporarily replace text in a process called greeking, + which allows designers to consider the form of a webpage or + publication, without the meaning of the text influencing + the design. More at "Wikipedia" Delectus eaque nihil nihil + aliquid. Ut numquam repudiandae non et eligendi occaecati. + Officiis exercitationem ab atque culpa. Minima dolore qui + non voluptate explicabo. Occaecati in veritatis numquam + iusto vero enim sed laudantium. Sint odio qui eum + consequuntur aut. Officiis molestias sed deserunt provident + aut est. Quia porro repellat excepturi libero eos possimus + modi. Voluptatem aut nam dolor nam error. Facilis aut ut + aut. Quis aperiam necessitatibus non expedita et. Culpa + molestiae unde occaecati sed molestiae. Quos commodi hic + reprehenderit sint. Voluptatem temporibus nesciunt est + voluptas est dolorem omnis. Ut neque laboriosam + necessitatibus maiores ipsa blanditiis architecto. Id qui + enim sequi non suscipit. Assumenda corporis quam minus + quia. Ut quisquam exercitationem atque facilis asperiores + harum. Sint veritatis quis molestiae aut nihil. Sit qui at + molestias. Dolore natus iure temporibus perspiciatis + aliquid. Quo assumenda dolorem temporibus. Blanditiis + accusamus et deleniti maiores. Corrupti corporis animi + consequatur itaque neque perferendis vel. Provident + molestiae error quas doloremque tempore deserunt recusandae + culpa. +
+
+
+ +
+
+
+

Nos partenaires

+
+ Placeholder +
+
+ Placeholder +
+ +
+ Placeholder140x140 +
+
+
+
+