src/week1/day0/gallery.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Gallery</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/gallery.css">
</head>

<body>
    <section class="container">
        <h1>Laptops</h1>
        <div class="wrapper">
            <div class="box">
                <img src="./images/asus.jpg" alt="Asus Laptop Image">
                <p class="title">
                    Asus <br>
                    <span>www.asus.com</span>
                </p>
            </div>
            <div class="box">
                <img src="./images/dell.jpg" alt="Dell Laptop Image">
                <p class="title">
                    Dell <br>
                    <span>www.dell.com</span>
                </p>
            </div>
            <div class="box">
                <img src="./images/hp.jpg" alt="HP Laptop Image">
                <p class="title">
                    HP <br>
                    <span>www.hp.com</span>
                </p>
            </div>
            <div class="box">
                <img src="./images/macbook.jpg" alt="Macbook Image">
                <p class="title">
                    Macbook <br>
                    <span>www.apple.com</span>
                </p>
            </div>
            <div class="box">
                <img src="./images/exo.jpg" alt="Exo Laptop Image">
                <p class="title">
                    Exo <br>
                    <span>www.exo.com</span>
                </p>
            </div>
            <div class="box">
                <img src="./images/samsung.jpg" alt="Samsung Laptop Image">
                <p class="title">
                    Samsung <br>
                    <span>www.samsung.com</span>
                </p>
            </div>
        </div>
    </section>
</body>

</html>