-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
157 lines (146 loc) · 7.98 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
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> Pompeii BBQ | Vesuvius </title>
<link rel="stylesheet" type="text/css" href="styles/index-style.css">
<link rel="stylesheet" type="text/css" href="styles/uniform.css">
<script type="text/javascript" src="lib/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="scripts/index-jquery-script.js" ></script>
</head>
<body>
<!-- ***************** uniform header ********************* -->
<header id="uniform-header" style="display: none">
<div id="header-flex" class="top-bar fixed">
<div id="header-logo"><a href="index.html">Pompeii BBQ</a></div>
<div id="header-nav">
<ul>
<li><a href="index.html">WELCOME</a></li>
<li><a href="about-us.html">ABOUT</a></li>
<li><a href="menu.html">MENU</a></li>
<li><a href="contest.html">CONTEST</a></li>
<li><a href="contact-us.html">CONTACT</a></li>
</ul>
</div>
<div id="header-booking"><a href="booking.html">MAKE A RESERVATION</a></div>
</div>
</header>
<!-- ***************** uniform header end ********************* -->
<section id="header">
<div id="h1"><h1>Pompeii BBQ<span style="display: block;">Restaurant</span></h1></div>
<nav id="nav">
<ul>
<li><a href="specials.html">Specials</a></li>
<li><a href="menu.html">Menu</a></li>
<li><a href="booking.html">Events/<br>Booking</a></li>
<li><a href="gift-cards.html">Gift Cards</a></li>
<li><a href="contest.html">Contest</a></li>
<li><a href="careers.html">Careers</a></li>
<li><a href="locations.html">Location</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="#sitemap">Site Map</a></li>
</ul>
</nav>
<div id="lang"><a href="">FRENCH</a></div>
<div id="header_description">
<p><span>Pompeii BBQ</span><br>A global restaurant network that is situated at the foot of active volcanoes. Come to enjoy our delicious food by the fire (literally)!</p>
</div>
<div id="scrolldown"> SCROLL DOWN </div>
</section>
<!-- header end -->
<div id="reservation"><h2><a href="booking.html">Make A Reservation</a></h2></div>
<!--******************************** main ************************ -->
<main id="main">
<div id="specials" class="module">
<div class="subtitle">
<h2>Specials</h2>
<p>Check out today's specials. The taste of the volcano. Delivered to you straight from the nature.</p>
<a href="specials.html">Have a look</a>
</div>
<div class="food_img"><a href="specials.html"><img class="module_image" src="image/food4.jpg" alt="picture link to specials page"></a></div>
</div>
<div id="contest" class="module">
<div class="food_img"><a href="contest.html"><img class="module_image" src="image/contest_screenshot.png" alt="picture link to contest page"></a></div>
<div class="subtitle">
<h2>Contest</h2>
<p>Have fun with the chance to win free dinners for the whole year ! ! !</p>
<a href="contest.html">Play Now</a>
</div>
</div>
<div id="events" class="module">
<div class="subtitle">
<h2>Events &<br>Booking</h2>
<p>Have a look at the latest events and booking a place for yourself ! Your unforgetable memory starts here.</p>
<a href="booking.html">Have a look</a>
</div>
<div class="food_img"><a href="booking.html"><img class="module_image" src="image/interior.jpg" alt="picture link to events and booking"></a></div>
</div>
<div id="giftcards" class="module">
<div class="food_img"><a href="gift-cards.html"><img class="module_image" src="image/index-gift.jpg" alt="picture link to giftcard page"></a></div>
<div class="subtitle">
<h2>Gift Cards</h2>
<p>Pick a gift card for you and the most important people in your entire universe.</p>
<a href="gift-cards.html">Have a look</a>
</div>
</div>
<div id="aboutus" class="module">
<div class="subtitle">
<h2>About Us</h2>
<p>Want to know more details about our cool restaurant?</p>
<a href="about-us.html">Yes, I do</a>
</div>
<div class="food_img"><a href="about-us.html"><img class="module_image" src="image/food1.jpg" alt="picture link to about us page"></a></div>
</div>
</main>
<!-- ***************************** site map *********************** -->
<section id="sitemap">
<div id="site-homepage">HOME PAGE
<div id="site-map">SITE MAP</div>
</div>
<div id="site-flexcontainer">
<div class="sites">CONT<span id="e">E</span>ST</div>
<div class="sites">CA<span id="r">R</span>EERS</div>
<div class="sites">MEN<span id="u">U</span></div>
<div class="sites">S<span id="p">P</span>ECIALS</div>
<div class="sites">CON<span id="t">T</span>ACT US</div>
<div class="sites">G<span id="i">I</span>FT CARDS</div>
<div class="sites">BO<span id="o">O</span>KING</div>
<div class="sites">LOCATIO<span id="n">N</span></div>
<div class="sites">ABOUT U<span id="s">S</span></div>
</div>
</section>
<!-- ******************* uniform footer ************************** -->
<footer id="uniform-footer">
<div id="footer-content">
<div id="footer-flex1">
<div id="footer-logo"><a href="index.html">Pompeii BBQ</a></div>
<div id="footer-booking"><a href="booking.html">MAKE A RESERVATION</a></div>
<div id="footer-tel">Tel. (416) 675-3111<br>Email. VESUVIUS@webdeveloper.com</div>
</div>
<div id="footer-flex2">
<div id="footer-time">
<p><span class="footer-timeslot">LUNCH</span><br>
Friday, Saturday & Sunday:<br>
Bookings from 12pm – 1.30pm<br>
Thursdays in December
</p>
<p><span class="footer-timeslot">DINNER </span><br>
Daily: Bookings from 6pm – 9pm</p>
<p><span class="footer-timeslot">CHRISTMAS DAY</span><br>
Open lunch</p>
<p><span class="footer-timeslot">EVENTS</span><br>
Lunch: Monday to Sunday from 12pm<br>
Dinner: Monday to Sunday from 6pm</p>
</div>
</div>
</div>
<div id="footer-bottom1">
Pompeii BBQ Restaurant 2019. ALL RIGHTS RESERVED
</div>
<div id="footer-bottom2"><a href="https://github.com/Yusha16/Vesuvius-Final-Project-2019">
DESIGNED BY TEAM VESUVIUS <span id="footerspan">- Christopher Maeda - Christopher Jones - Oswaldo Meza Brun - Paul Tran - Ella Qi</span></a>
</div>
</footer>
</body>
</html>