diff --git a/header.php b/header.php
index a6cd4c2..688d21f 100644
--- a/header.php
+++ b/header.php
@@ -8,6 +8,7 @@
\ No newline at end of file
diff --git a/login.php b/login.php
new file mode 100644
index 0000000..2fe592e
--- /dev/null
+++ b/login.php
@@ -0,0 +1,21 @@
+
+
+
+
+
+ Test Statique
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/main.css b/main.css
index 34077ec..06db5b6 100644
--- a/main.css
+++ b/main.css
@@ -1,3 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/* Sommaire :
- body et html
- Header et ses contenues
@@ -14,6 +15,7 @@ html, body{
height: 100%;
text-align: center;
/*font-size: 98%;*/
+ font-family: "Roboto", sans-serif;
}
@@ -64,6 +66,20 @@ nav {
.nav-element {
line-height: 2.5;
padding: 10px;
+ text-decoration: none;
+ color: black;
+}
+
+.nav-list{
+ li:nth-of-type(3){
+ position: fixed;
+ right: 25px;
+ }
+}
+
+#login {
+ border: 1px solid black;
+ border-radius: 6px;
}
/*Body et son contenu */
@@ -137,6 +153,7 @@ body {
C'est la classe de chaques éléments de notre liste de recette
*/
.recette-icone{
+ display: flex;
border: 3px solid rgba(0,0,0,.125);
border-radius: 40px;
text-align: left;
@@ -144,6 +161,14 @@ body {
vertical-align: middle;
box-shadow: 3px 5px 5px black;
max-width: 400px;
+ text-decoration: none;
+ color: black;
+}
+
+.recette-icone-content{
+ display: flex;
+ flex-direction: column;
+ padding-left: 10px;
}
.recette-preview-image{
diff --git a/recette.php b/recette.php
index 2a75769..2cfde62 100644
--- a/recette.php
+++ b/recette.php
@@ -1,6 +1,13 @@
+
2
3