-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
127 lines (104 loc) · 5.11 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Amatic+SC">
<title>Pizza</title>
</head>
<body>
<!--Nav Bar-->
<div class="nav">
<a href="#" class="top">HOME</a>
<a href="#menu" class="top">MENU</a>
<a href="#about" class="top">ABOUT</a>
<a href="#myMap" class="top">CONTACT</a>
</div>
<div class="topcontent">
<!-- Header -->
<div class="header">
<h1>THIN<br><span>CRUST PIZZA</span></h1>
<a href="#menu" class="top">LET ME SEE THE MENU</a>
<div class="bottomleft">
<p>OPEN FROM 10AM to 12PM</p>
</div>
</div>
</div>
<!--The menu section-->
<div class="menucontainer">
<div class="menu">
<h2 class="topic">THE MENU</h2>
<div class="menutable">
<div class="menunav">
<a href="" class="menutop menupizza">PIZZA</a>
<a href="" class="menutop">SALADS</a>
<a href="" class="menutop">STARTER</a>
</div>
<div class="menudetail">
<h2><b>Margherita</b> <span class="item">$12.50</span></h2>
<p>Fresh tomatoes, fresh mozzarella, fresh basil</p>
<hr>
<h2><b>Formaggio</b> <span class="item">$15.50</span></h2>
<p>Four cheeses (mozzarella, parmesan, pecorino, jarlsberg)</p>
<hr>
<h2><b>Chicken</b> <span class="item">$17.00</span></h2>
<p>Fresh tomatoes, mozzarella, chicken, onions</p>
<hr>
<h2><b>Pineapple'o'clock</b> <span class="item">$16.50</span></h2>
<p>Fresh tomatoes, mozzarella, fresh pineapple, bacon, fresh basil</p>
<hr>
<h2><b>Meat Town</b> <span class="hot">Hot!</span> <span class="item">$20.00</span></h2>
<p>Fresh tomatoes, mozzarella, hot pepporoni, hot sausage, beef, chicken</p>
<hr>
<h2><b>Parma</b> <span class="new">New</span> <span class="item">$21.50</span></h2>
<p>Fresh tomatoes, mozzarella, parma, bacon, fresh arugula</p>
</div>
</div>
</div>
</div>
<!--About section-->
<div class="about">
<div class="aboutcontent">
<h2 class="abouttopic">ABOUT</h2>
<p>The Pizza Restaurant was founded in blabla by Mr. Italiano in lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p><strong>The Chef?</strong> Mr. Italiano himself<img src="img/chef.jpg" class="chef" alt="Chef"></p>
<p>We are proud of our interiors.</p>
<img src="img/onepage_restaurant.jpg" class="restimg" alt="Restaurant">
<h2 class="opentopic">OPENING HOURS</h2>
<div class="openat">
<div class="timecol1 timecol2">
<p>Mon & Tue CLOSED</p>
<p>Wednesday 10.00 - 24.00</p>
<p>Thursday 10:00 - 24:00</p>
</div>
<div class="timecol2">
<p>Friday 10:00 - 12:00</p>
<p>Saturday 10:00 - 23:00</p>
<p>Sunday Closed</p>
</div>
</div>
</div>
</div>
<!--Map & Contact section-->
<img src="img/map.jpg" id="map" alt="Map">
<div class="contact">
<div class="contactdata">
<h2 class="contacttopic">CONTACT</h2>
<p>Find us at some address at some place or call us at 05050515-122330</p>
<p><span class="fly">FYI!</span> We offer full-service catering for any event, large or small. We understand your needs and we will cater the food to satisfy the biggerst criteria of them all, both look and taste.</p>
<p class="pform"><strong>Reserve</strong> a table, ask for today's special or just send us a message:</p>
<form action="#" target="_blank">
<p><input class="form" type="text" placeholder="Name" required name="Name"></p>
<p><input class="form" type="number" placeholder="How many people" required name="People"></p>
<p><input class="form" type="datetime-local" placeholder="Date and time" required name="date" value="2020-11-16T20:00"></p>
<p><input class="form" type="text" placeholder="Message \ Special requirements" required name="Message"></p>
<p><button class="btn" type="submit">SEND MESSAGE</button></p>
</form>
</div>
</div>
<div class="footer">
<p>POWERED BY <a href="#">M1E</a></p>
</div>
</body>
</html>