-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
148 lines (127 loc) · 3.59 KB
/
index.html
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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css" />
<link rel="icon" type="image/x-icon" href="./images/mcdonalds.ico" >
<title>McDonald's</title>
</head>
<body>
<!-- header section starts -->
<header>
<h1>Welcome to McDonald's</h1>
<br/>
<nav>
<ul>
<li>
<a href="#about">About <abbr title="McDonald's">Mc</abbr></a>
</li>
<li>
<a href="#menu">Our Menu</a>
</li>
</ul>
</nav>
<img
src="images/logo.png"
alt="McDonald's logo"
title="We love Fries!"
width="400"
height="400"
/>
</header>
<!-- header section ends -->
<hr />
<br/>
<!-- main section starts -->
<main>
<!-- about section starts -->
<section id="about">
<h2>About <abbr title="McDonald's">Mc</abbr></h2>
<br/>
<p>
<abbr title="McDonald's">Mc</abbr> was founded in 2022. Our shop was
built from a <strong>love of Fries 🍟🍟🍟 </strong> . We hope our shop
adds a unique and interesting place to our little town.
</p>
<br/>
<h3>Fries Trivia</h3>
<details>🍟🍟🍟
<summary>When did 🍟🍟🍟 first appear in the History?</summary>
<p>
Belgian food historian Pierre Leclercq has traced the history of the
french fry and asserts that "it is clear that fries are of French
origin". Fries are first mentioned in 1775 in a Parisian book,
and the first recipe for modern French fries is in the French
cookbook
</p>
</details>
</section>
<br/>
<br/>
<hr />
<!-- about section ends -->
<!-- Menu section starts -->
<section id="menu">
<br/>
<h2>Our Menu</h2>
<br>
<table>
<thead>
<tr>
<th colspan="3">Our Specials😃😋</th>
</tr>
<tr>
<th>Fries🍟</th>
<th scope="col"><abbr title="Quantity">Qty</abbr></th>
<th scope="col">Price</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row" rowspan="3">Cheesy Fries</th>
<td>1</td>
<td>💲1.50</td>
</tr>
<tr>
<td>2</td>
<td>💲2.50</td>
</tr>
<tr>
<td>3</td>
<td>💲3.25</td>
</tr>
<tr>
<th scope="row" rowspan="3">Salted Fries</th>
<td>1</td>
<td>💲2.00</td>
</tr>
<tr>
<td>2</td>
<td>💲3.50</td>
</tr>
<tr>
<td>3</td>
<td>💲4.50</td>
</tr>
</tbody>
</table>
<br />
<p>
<a href="#">Back To Top</a>
</p>
</section>
<!-- Menu section starts -->
</main>
<br>
<hr />
<br>
<!-- main section ends -->
<!-- footer starts -->
<footer>
<p>Copyright © McDonald's</p>
</footer>
<!-- footer ends -->
</body>
</html>