-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcatering.html
151 lines (145 loc) · 6.25 KB
/
catering.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
<!DOCTYPE HTML>
<html>
<head>
<title>Catering Services</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<a class="logo" href="index.html">Demo <span>by David Martin</span></a>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li class="current"><a href="menu.html">Menu</a></li>
<li><a href="reservation.html">Reservation</a></li>
<li class="current"><a href="catering.html">Catering Services</a></li>
</ul>
</nav>
</header>
<!-- One -->
<div class="wrapper">
<div class="inner">
<header class="major">
<h1>Catering Services</h1>
<p>Elit massa nisl elementum lorem ipsum dolor sit consequat</p>
</header>
<div class="image main">
<img src="images/catering.jpg" alt="Man standing beside a coffee brew" />
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin scelerisque vehicula eros at condimentum. Pellentesque massa nisl, elementum id mi sed, aliquam gravida diam. Donec condimentum eros magna, ut convallis nunc lacinia ac. Sed pellentesque ante nec pharetra facilisis. Nullam sagittis ullamcorper feugiat. Maecenas sollicitudin tincidunt convallis. Suspendisse vel arcu vitae quam pretium interdum. Sed id felis id enim maximus rutrum quis vitae mauris. Nulla facilisi. Integer pharetra mi diam, at viverra neque tristique vitae. Nunc interdum ipsum porta suscipit sagittis. Nam tempor eros non lorem consequat, vel euismod mi hendrerit. Ut suscipit lacus varius risus finibus faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>
<p>Curabitur facilisis luctus cursus. In ultrices ultrices ante, efficitur efficitur velit maximus blandit. Donec finibus ultrices arcu id scelerisque. Pellentesque ante lectus, feugiat ut sodales nec, faucibus sed nisi. In ornare ultricies euismod. Aenean vehicula velit orci, non mattis dui aliquam at. Nullam a ipsum eu orci hendrerit viverra. Curabitur justo odio, tristique nec ligula sed, tristique auctor mi.</p>
</div>
</div>
<!-- First Section -->
<section id="services" class="wrapper style3">
<header class="major">
<h2>Our Services</h2>
</header>
<ul class="features">
<li>
<img src="images/private.jpg" alt="Finger food on skewers" />
<h3>Private Catering Choices</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus hendrerit, nulla vitae faucibus posuere, est libero
feugiat lacus.</p>
</li>
<li>
<img src="images/event.jpg" alt="Food in fancy metal trays" />
<h3>Event Catering</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus hendrerit, nulla vitae faucibus posuere, est libero
feugiat lacus.</p>
</li>
<li>
<img src="images/wedding.jpg" alt="Tables lined with white linen and set with white napkins" />
<h3>Weddings</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus hendrerit, nulla vitae faucibus posuere, est libero
feugiat lacus.</p>
</li>
</ul>
<footer class="major">
<ul class="actions special">
<li><a href="#footer" class="button">Inquire</a></li>
</ul>
</footer>
</section>
<!-- Footer -->
<div id="footer">
<div class="wrapper style2">
<div class="inner">
<header class="major">
<h2>Get in touch</h2>
<p>Sed egestas, ante et vulputate volutpat pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum lorem ipsum dolor sit amet consequat hendrerit tortor semper lorem at felis.</p>
</header>
<div class="content">
<div class="form">
<form method="post" action="#">
<div class="fields">
<div class="field half">
<input name="name" id="name" placeholder="Name" type="text" />
</div>
<div class="field half">
<input name="email" id="email" placeholder="Email" type="email" />
</div>
<div class="field">
<textarea name="message" id="message" rows="6" placeholder="Message"></textarea>
</div>
</div>
<ul class="actions special">
<li><input type="button" class="button" value="Send Message" /></li>
</ul>
</form>
</div>
<ul class="icons">
<li>
<span class="icon solid fa-home"></span>
<div>
<strong>Address</strong>
123 Something Street<br />
Ballarat, VIC 0000
</div>
</li>
<li>
<span class="icon solid fa-envelope"></span>
<div>
<strong>Email</strong>
<a href="mailto:[email protected]">[email protected]</a>
</div>
</li>
<li>
<span class="icon solid fa-phone"></span>
<div>
<strong>Phone</strong>
(00) 00-000-000
</div>
</li>
</ul>
</div>
<div>
<ul class="icons">
<li><a href="#" class="icon brands fa-twitter alt"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f alt"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-instagram alt"><span class="label">Instagram</span></a></li>
</ul>
</div>
</div>
<div class="copyright">
© Demo Restaurant. All rights reserved – 2021
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>