My-Checkpoint/index.html at main · Angee-web/My-Checkpoint · 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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>A Better Webpage</title>

    <!-- adding google fonts link -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap"
      rel="stylesheet"
    />

    <!-- adding css style sheet -->
    <link rel="stylesheet" href="CSS/style.css" type="text/css" />
  </head>

  <body>
    <!--adding navbar-->
    <nav class="header">
      <div class="web-logo">
        <h1>Delicious Bites Menu</h1>
      </div>

      <div>
        <img
          src="https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=700&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8Zm9vZHxlbnwwfHwwfHx8MA%3D%3D"
          alt="picture of food"
        />
      </div>
    </nav>

    <!-- adding menu -->
    <section class="menu">
      <div class="menu-content">
        <div class="content">
          <h2>Appetizers</h2>
          <ul>
            <li>
              <strong>Caprese Salad</strong>
              <p>
                Fresh tomatoes, mozzarella, and basil drizzled with balsamic
                glaze.
              </p>
            </li>

            <li>
              <strong>Semolina Crusted Calamari</strong>
              <p>
                Served with trio of clips, sweet curried aioli, sweet chili and
                basil.
              </p>
            </li>

            <li>
              <strong>Salmon Crab Cakes</strong>
              <p>
                Fresh blue crab and salmon with a siracha aioli and curried
                mango.
              </p>
            </li>
          </ul>

          <hr />

          <div class="content">
            <h2>Desserts</h2>
            <ul>
              <li>
                <strong>Chocolate Fondue</strong>
                <p>
                  Assorted fruits and marshmallows served with rich chocolate
                  fondue.
                </p>
              </li>

              <li>
                <strong>Red Velvet Cake</strong>
                <p>
                  Rich red velvet cake covers in starwberry sauce and served
                  wuth whipped creem.
                </p>
              </li>

              <li>
                <strong>Chinese Buttercake</strong>
                <p>
                  Fresh baked decadent chinese cake with extra fluffy insides
                  that melt in your mouth.
                </p>
              </li>
            </ul>
          </div>
        </div>

        <hr />

        <div class="content">
          <h2>Main Courses</h2>
          <ul>
            <li>
              <strong>Grilled Salmon</strong>
              <p>
                Salmon fillet seasoned and grilled to perfection, served with
                lemon butter sauce.
              </p>
            </li>

            <li>
              <strong>Filet Mignon</strong>
              <p>Served with creamy mushroom and thyme potato croguqtte.</p>
            </li>

            <li>
              <strong>Boneless Beef Short Rib</strong>
              <p>
                Slowly braised with beer, dried cherries and pearl onions,
                served with a parsnip puree.
              </p>
            </li>
          </ul>
        </div>
      </div>
    </section>

    <footer>
      <p>
        <a href="contact.html">Click here to contact us for reservations</a>
      </p>
    </footer>
  </body>
</html>