HTML-CSS-Coursework-Week3/index.html at 3cc8d810b3bc06e31bc12253214cd3d88c74494e · 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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!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>
    <!-- Add a link to your css file here -->
</head>

<body>
    <div class="box header">
        <img src="./images/logo.png" alt="cake-img-for-logo">
        <P>Lorem ipsum dolor, sit amet consectetur adipisicing elit.
            <br>Similique vero tenetur voluptas ab minima, ex
            voluptatum assumenda,!
        </P>
    </div>
    <div class="box nav">
        <ul>
            <li><a href="#store">Store</a></li>
            <li><a href="#order">Order</a></li>
            <li><a href="#help">help</a></li>
            <li><a href="#login">Longin</a></li>
            <li><a class="active" href="#Contact-us">Contact us</a></li>
        </ul>
    </div>
    <div class="box main">
        <img src="./images/photo-5.png" alt="big-delishes-cake">
    </div>
    <div class="box main2">
        <h1>Best Cake in World</h1>
        <em>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil suscipit totam quasi cupiditate quod
            magnam vero
            doloremque porro ullam voluptate. Voluptatibus, praesentium. Necessitatibus ducimus neque aliquid eos
            quo, facilis
            earum exercitationem voluptatibus culpa similique ratione architecto delectus? Deleniti quod
            voluptatibus ab vero
            labore! Mollitia nisi modi temporibus cum necessitatibus porro assumenda nulla officia, architecto ipsam
            dicta,
            libero nemo pariatur consequuntur, rem excepturi ullam quas a aspernatur iure minus iusto? Error
            laudantium natus
            nam, quos itaque nihil, corporis unde repudiandae inventore at hic autem tenetur excepturi facere
            debitis aut
            numquam iste molestias dolorum eos vitae dolore soluta harum maiores? Perferendis, eius?
        </em>
    </div>
    <div class="box section1">
        <img src="./images/photo-4.png" alt="choklit-ban-cake">
    </div>
    <div class="box section2">
        <img src="./images/photo-1.png" alt="fruti-cake">
    </div>
    <div class="box section3">
        <img src="./images/cakee.avif=" alt="big-slice-cake">
    </div>
    <div class="box section4">
        <img src="./images/photo-3.png" alt="slice-of-strawberry-cake">
    </div>
    <div class="box footer">
        <a href="#" class="fa fa-facebook"></a>
        <a href="#" class="fa fa-twitter"></a>
        <a href="#" class="fa fa-instagram"></a>
        <a href="#" class="fa fa-youtube"></a>
    </div>
</body>

</html>