HTML-CSS-Coursework-Week3/index.html at 337932af0cbba3be9f335cf8c4d1df298e9da90a · CodeYourFuture/HTML-CSS-Coursework-Week3 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!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>Responsive Cake webpage</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <header >
        <div class="logo">
            <img src="./design/logo.svg" alt="">
        </div>
        <nav id="nav-mobile">≡</nav>
        <h4>The best cakes in town delivered to your door</h3>

    </header>
    <main class="main">
        <section class="introduction">
            <h2>Welcome</h2>
            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Porro, explicabo dolorum, nemo illum nihil consequuntur in magnam architecto mollitia minus aperiam accusamus molestiae. Temporibus, molestiae.</p>

        </section>
        <section class="cakes">
            <div class="first">
                <img src="https://img.taste.com.au/hbNtzI2Q/taste/2021/08/clinkers-cake-173208-2.jpg" alt="">
            </div>
            <div class="second">
                <img src="https://www.recipetineats.com/wp-content/uploads/2020/08/My-best-Vanilla-Cake_9-SQ.jpg" alt="">
                <img src="https://img.delicious.com.au/pkTPC5NE/w1200/del/2016/11/peach-melba-cake-39925-1.jpg" alt="">
            </div>
            <div class="third">
               <img src="https://cdn.shopify.com/s/files/1/0272/5848/6851/products/ice-cream-cone-drip-cake-851397.jpg" alt="">
                <img src="https://www.baking-sense.com/wp-content/uploads/2015/04/vanilla-cake-featured.jpg" alt="">
            </div>
        </section>
    </main>
    <footer>
        created by @Zobeir
    </footer>
</body>

</html>