HTML-CSS-Coursework-Week3/index.html at 9a27d85efd0c41eb6cbf0c75517984ddd2f4b61a · 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!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>
    <nav class="class_nav">
      <img class="nav_image" src="/pngwing.com (3).png" alt="logo image" />
      <ul class="nav-links">
        <li><a href="/">Home</a></li>
        <li><a href="/">Order</a></li>
        <li><a href="/">Family history</a></li>
      </ul>
    </nav>
    <header>
      <img class="header_image" src="/fon.jpg" alt="background image" />
      <div id="text_area_header">
        <h1>The best pastries in town <br />delivered to your door</h1>
        <button class="order_button" type="button">order now</button>
      </div>
    </header>

    <main>
      <h2>Welcome</h2>
      <p id="welcome_text">
        We make bread and rolls by hand in our Family Bakery in Glasgow. We
        prepare our pastries with great care and love in our bakery, using
        quality and local ingredients to ensure the highest standard of products
        for all our customers, and we are constantly adding new flavors and
        ranges.
      </p>
      <p id="guarantee_text">
        "We guarantee safety at every step of the <br />
        preparation of our products"
      </p>
    </main>
    <div id="section1">
      <img
        class="main_image"
        src="/main_bread.jpg"
        alt="bread pastry on white textile"
      />
    </div>

    <div id="section2">
      <img class="section_images" src="/wheat.jpg" alt="brown whey" />
    </div>
    <div id="section3">
      <img class="section_images" src="/dough bread.jpg" alt="white dough" />
    </div>
    <div id="section4">
      <img
        class="section_images"
        src="/bread ready.jpg"
        alt="bread on the wooden board"
      />
    </div>
    <div id="section5">
      <img
        class="section_images"
        src="/bread on wicker backet.jpg"
        alt="bread on wicker backet"
      />
    </div>
    <footer>
      <p id="join-us">Join us on</p>
      <div class="networks">
        <a href="#" class="sm-icon">
          <img src="/icons8-twitter.svg" alt="twitter-icon"
        /></a>
        <a href="#" class="sm-icon">
          <img src="/icons8-facebook.svg" alt="facebook-icon"
        /></a>
        <a href="#" class="sm-icon">
          <img src="/icons8-instagram.svg" alt="instagram-icon"
        /></a>
      </div>
      <p id="copyright">© 2023 by Diana Savchuk.</p>
    </footer>
  </body>
</html>