-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
125 lines (117 loc) · 6.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
<!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>Pizzeria</title>
<link rel="icon" type="image/png" href="images/favicon.png" />
<!--Main css file for all website -->
<link rel="stylesheet" href="css/base_layout.css" type="text/css">
<!-- General fonts to website-->
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<!-- Generic JS file to the website -->
<script src="js/index.js" type="text/javascript"></script>
<!--specific css for the page goes here -->
<link rel="stylesheet" href="css/index.css" type="text/css">
</head>
<body>
<!-- the header and nav sections needs to repeat in each website's page -->
<header>
<div class="centre-content">
<a href="../index.html">
<img src="images/logo.png" alt="Site's logotype" height="120" width="120">
</a>
</div>
<div class="centre-content header-text">
<h1>Pizzeria website</h1>
</div>
<div class="centre-content">
<img src="images/italy-flag.png" alt="Italy Flag" height="120" width="120">
<a id="lnk-cart" href="pages/checkout.html">
<img id="shopping-cart" src="some_image.png" alt="Shopping Cart" width="30" height="30">
</a>
</div>
</header>
<nav id="menu_home_page">
<ul class="main-menu">
<li tabindex="1"><a href="#" class="menu-button">Menu</a></li>
<li tabindex="2"><a href="#" class="menu-button">Promo</a></li>
<li tabindex="3"><a href="#" class="menu-button">Mount your Pizza</a></li>
<li tabindex="4"><a href="#" class="menu-button">Order Track</a></li>
<li tabindex="5"><a href="#" class="menu-button">Nutritional Guide</a></li>
<li tabindex="6"><a href="#" class="menu-button">Email Offers</a></li>
<li tabindex="7"><a href="#" class="menu-button">Locations</a></li>
<li tabindex="8"><a href="#" class="menu-button">Careers</a></li>
<li tabindex="10"><a href="#" class="menu-button">About Us</a></li>
<li tabindex="10"><a href="#" class="menu-button">Contact Us</a></li>
</ul>
</nav>
<main>
<div class="content all-columns">
<fieldset>
<div class="slider" id="main-slider">
<div>
<img src="images/home/in.jpg" id="slideshow" name="slideshow" height="510" width="1150" />
</div>
</div>
</fieldset>
</div>
<div class="content">
<img class="small-img" src="images/home/dough.jpg" style="float: left">
<p style="float: right">Prepared with<br> quality ingredients!<br>Hand-tossed <br>in our kitchens!</p>
</div>
<div class="content" style="min-height:150px;">
<div class="centre-content">
<img class="small-img" src="images/home/t2.jpg" style="float: bottom">
</div>
</div>
<div class="content">
<img class="small-img" src="images/home/meat.jpg" style="float: right">
<p style="float: left">Ethically sourced!<br>Lovingly cured!<br>Slow-roasted!<br>Grilled!</p>
</div>
<div class="content all-columns">
<div class="flex-1">
<img src="images/home/shef.png" alt="">
<h3>Our Puro Promise</h3>
<p>The promise of pure, or as Nonna would say, puro, is the foundation of everything we do. From farmer
to your doorstep, you deserve only the best. It’s why we pledge to source only the best ingredients
from farmers and producers who share our commitment to quality, and it’s why we use recipes and
preparation methods that ensure our food is as fresh as possible. It’s a promise that’s easy to
keep - trust us, you’ll taste the difference.</p>
</div>
<div class="flex-1">
<img src="images/home/anti.png" alt="">
<h3>RWA</h3>
<p>In 2015, we were the first pizza company to introduce pepperoni made from pork and beef raised
without the use of antibiotics.<br />In 2016, we took it a step further by offering a full slate of
proteins free of antibiotics, which include chicken wings, pollini, smoked ham and grilled chicken.
We believe in providing our customers the best quality product possible.</p>
</div>
<div class="flex-1">
<img src="images/home/dish.png" alt="">
<h3>Our Business</h3>
<p>At Pizzeria, we have been founded upon a culture that is both customer-focused and
performance-based. We have a commitment to serving our customers with simply the best quality
product. Over the years, we built a team of experienced leaders and a strong operating business
model that benefits both our customers and stakeholders.</p>
</div>
<div class="flex-1">
<img src="images/home/spoon.png" alt="">
<h3>Our Growth</h3>
<p>The story continues to unfold as we strive to meet the demands of our consumers, planning and
opening many more restaurants across Ontario and beyond. As we grow, we never lose sight of our
mission and unwavering commitment to quality food made from the finest quality ingredients.</p>
</div>
</div>
</main>
<!-- The footer section needs to repeat in each website's page -->
<footer>
<div>Pizzeria website ®</div>
<div>ITC-5103-0NA - Web Programming and Design</div>
<div>Annonymous Team</div>
</footer>
<script src="js/master.js" type="text/javascript"></script>
</body>
</html>