This commit is contained in:
2026-03-20 14:13:09 +01:00
parent 898b297eee
commit 1fe166e95b
6 changed files with 13 additions and 8 deletions

View File

@@ -4,7 +4,7 @@
<img src="Logo.jpg" class="logo"> <img src="Logo.jpg" class="logo">
</a> </a>
</div> </div>
<nav class="nav"> <nav>
<ul class="nav-list"> <ul class="nav-list">
<li><a id="google" class="nav-element" href="google.com">Google</a></li> <li><a id="google" class="nav-element" href="google.com">Google</a></li>
<li><a id="unTest" class="nav-element" href="bing.com">Bing</a></li> <li><a id="unTest" class="nav-element" href="bing.com">Bing</a></li>

View File

@@ -8,15 +8,15 @@
</head> </head>
<body> <body>
<?php include "header.html"?> <?php include "header.php"?>
<div class="main-body"> <div class="main-body">
<div class="sidebar"> une sidebar</div> <div class="sidebar"> une sidebar</div>
<div class="content"> <div class="content">
<?php include "recette.html"?> <?php include "recette.php"?>
</div> </div>
</div> </div>
<?php include "footer.html"?> <?php include "footer.php"?>
</body> </body>
</html> </html>

View File

@@ -43,7 +43,7 @@ html, body{
box-shadow: 1px 1px 1px black; box-shadow: 1px 1px 1px black;
} }
.nav { nav {
flex: 9; flex: 9;
text-align: initial; text-align: initial;
letter-spacing: 2px; letter-spacing: 2px;
@@ -114,6 +114,7 @@ body {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
grid-gap: 10px; grid-gap: 10px;
grid-auto-rows: minmax(300px, auto); grid-auto-rows: minmax(300px, auto);
grid-auto-columns: auto;
} }
/* Classe recette icone : /* Classe recette icone :

View File

@@ -8,7 +8,7 @@
</head> </head>
<body> <body>
<?php include "header.html"?> <?php include "header.php"?>
<div class="main-body"> <div class="main-body">
<div class="content"> <div class="content">
@@ -31,6 +31,6 @@
</div> </div>
</div> </div>
<?php include "footer.html"?> <?php include "footer.php"?>
</body> </body>
</html> </html>

View File

@@ -1,5 +1,9 @@
<div class="recettes"> <div class="recettes">
<div class="recette-icone"> <a href="recette-en-dur.php"><img class="recette-preview-image" src="random-recette.jpg"></a></div> <a href="recette-en-dur.php">
<div class="recette-icone">
<img class="recette-preview-image" src="random-recette.jpg">
</div>
</a>
<div class="recette-icone"> 2 </div> <div class="recette-icone"> 2 </div>
<div class="recette-icone"> 3 </div> <div class="recette-icone"> 3 </div>
<div class="recette-icone"> 4 </div> <div class="recette-icone"> 4 </div>