diff --git a/assets/css/index.css b/assets/css/index.css index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..39d6259445c25aee3d033f41b5a339e1961f9dbd 100644 --- a/assets/css/index.css +++ b/assets/css/index.css @@ -0,0 +1,23 @@ +.main-header { + height: 768px; + position: relative; + display: flex; + justify-content: center; + align-items: center; + + img { + &:first-child { + width: 100%; + height: 100%; + object-fit: cover; + } + + &:last-child { + --size: 710px; + + position: absolute; + width: var(--size); + height: var(--size); + } + } +} \ No newline at end of file diff --git a/index.php b/index.php index c5e8c4fda6e5460b7488cc93f78de52aad0d163d..22f7ee2911da9062b48bb86c71788a97de5883f1 100644 --- a/index.php +++ b/index.php @@ -14,5 +14,10 @@ <?php include_once 'assets/php/navbar.php'; ?> + +<header class="main-header"> + <img src="/assets/img/meat.png" alt="De la viande" aria-hidden="true"/> + <img src="/assets/img/logo_main.svg" alt=""/> +</header> </body> </html> \ No newline at end of file