index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>HTML</title>
</head>
<body>
    <!-- section>div.box$.box*4{$} -->
 <header>
    <ul>
        <li><a href="#">Link 1</a></li>        <li><a href="#">Link 2</a></li>        <li><a href="#">Link 3</a></li>        <li><a href="#">Link 4</a></li>
    </ul>
    <span>Recherche</span>
 </header>
 <main>
    <section class="section">
        <div class="box1 box">1</div>
        <div class="box2 box">2</div>
        <div class="box3 box">3</div>
        <div class="box4 box">4</div>
    </section>
    <section class="section2">
        <img src="basket.webp" alt="Basket">
        <span class="marque">nike</span>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni sit ipsam odit illo nam beatae iusto corrupti sed similique explicabo quisquam vel provident necessitatibus, temporibus obcaecati eaque veniam debitis quis.</p>
    </section>
</main>
</body>
</html>