From 604df355255943844824e75e44793e3fd0412609 Mon Sep 17 00:00:00 2001 From: Isma69 Date: Fri, 26 May 2023 11:54:49 +0200 Subject: [PATCH 1/2] branche ismael et debut barre de navigation --- agile-dev/index.html | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/agile-dev/index.html b/agile-dev/index.html index 2fb0a11..1cce6eb 100644 --- a/agile-dev/index.html +++ b/agile-dev/index.html @@ -12,6 +12,20 @@ 🤙 Yo! application 🤙 | Simplon +
+
+ +
+
From 3f836aa6eb8e76cfe6ff7450828b32eef6a253ab Mon Sep 17 00:00:00 2001 From: Isma69 Date: Fri, 26 May 2023 12:18:59 +0200 Subject: [PATCH 2/2] barre de navigation fini --- agile-dev/css/custom.css | 72 ++++++++++++++++++++++++++++++++++++++++ agile-dev/index.html | 21 ++++++++---- 2 files changed, 86 insertions(+), 7 deletions(-) diff --git a/agile-dev/css/custom.css b/agile-dev/css/custom.css index e69de29..b3dd519 100644 --- a/agile-dev/css/custom.css +++ b/agile-dev/css/custom.css @@ -0,0 +1,72 @@ +.nav-wrapper{ + background-color: darkslategrey; + } + .btn{ + background-color: tomato; + } + .btn:hover{ + background-color: darkred; + } + label.active{ + color: tomato; + } + input[type=email]:not(.browser-default):focus:not([readonly]){ + border-bottom: 1px solid tomato; + -webkit-box-shadow: 0 1px 0 0 tomato; + box-shadow: 0 1px 0 0 tomato; + } + header{ + position: relative; + z-index: 999; + } + .brand-logo img{ + max-height: 50px; + margin: 8px; + } + .showcase{ + padding-top: 2rem; + background-color: lightskyblue; + } + .showcase .hero{ + padding-top: 2rem; + } + .profit .text-wrapper{ + padding-top: 4rem; + } + .profit img{ + max-height: 450px; + } + .features{ + background-color: lightskyblue; + padding: 2rem 0; + } + .page-footer{ + background-color: darkslategrey; + } + .page-footer svg{ + fill: white; + height: 35px; + } + .download{ + padding-top: 2rem; + } + .parts{ + background-color: lightskyblue; + padding: 2rem 0; + margin: 0; + } + form .btn{ + margin-top: 2rem; + } + + @media (max-width:768px){ + .brand-logo img{ + max-height: 40px; + margin: 8px; + } + .hero, + .download, + .features .text-wrapper{ + text-align: center; + } + } \ No newline at end of file diff --git a/agile-dev/index.html b/agile-dev/index.html index 1cce6eb..4b57380 100644 --- a/agile-dev/index.html +++ b/agile-dev/index.html @@ -4,28 +4,35 @@ - + - + 🤙 Yo! application 🤙 | Simplon
-
+
+
+