-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
112 lines (90 loc) · 4.72 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
<!DOCTYPE html>
<html>
<title>Anasayfa | Le Catering</title>
<link rel="icon" type="image/x-img" href="image/favicon.png">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/style.css">
<body>
<div class="top">
<div class="bar white padding card">
<a href="#home" class="bar-item button">Gourmet au Catering</a>
<!-- Right-sided navbar links. Hide them on small screens -->
<div class="right hide-small">
<a href="#about" class="bar-item button">About</a>
<a href="#menu" class="bar-item button">Menu</a>
<a href="#contact" class="bar-item button">Contact</a>
</div>
</div>
</div>
<header class="display-container wide " id="home">
<img class="image" src="image/hamburger.jpg" alt="Hamburger Catering" width="100%" height="800">
<div class="display-bottom left padding-large opacity">
<h1 class="padding-large">Le Catering</h1>
</div>
</header>
<div class="margin-large">
<div class="row padding-32" id="about">
<div class="col m6 padding-large hide-small">
<img src="image/tab.jpg" class="round image opacity-min" alt="Table Setting">
</div>
<div class="col m6 padding-large">
<h1 class="center">About Catering</h1><br>
<h5 class="center">Tradition since 1889</h5>
<p class="large">The Catering was founded in blabla by Mr. Smith in lorem ipsum dolor sit amet, consectetur
adipiscing elit 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. Duis aute iruredolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur.We only use <span class="tag light-grey">seasonal</span> ingredients.</p>
<p class="large text-grey ">Excepteur sint occaecat cupidatat non proident, sunt in culpa
qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod temporincididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.</p>
</div>
</div>
<hr>
<div class="row padding-32 xs" id="menu">
<div class="col l6 padding-large">
<h1 class="center">Our Menu</h1><br>
<h4>Bread Basket</h4>
<p class="text-grey">Assortment of fresh baked fruit breads and muffins 5.50</p><br>
<h4>Honey Almond Granola with Fruits</h4>
<p class="text-grey">Natural cereal of honey toasted oats, raisins, almonds and dates 7.00</p><br>
<h4>Belgian Waffle</h4>
<p class="text-grey">Vanilla flavored batter with malted flour 7.50</p><br>
<h4>Scrambled eggs</h4>
<p class="text-grey">Scrambled eggs, roasted red pepper and garlic, with green onions 7.50</p><br>
<h4>Blueberry Pancakes</h4>
<p class="text-grey">With syrup, butter and lots of berries 8.50</p>
</div>
<div class="col l6 padding-large ">
<img src="image/tab2.jpg" class="round image opacity-min" alt="Menu">
</div>
</div>
<hr>
<div class=" padding-32" id="contact">
<div class=" padding-large">
<h1 class="center" style="margin-top: 5rem;">Contact</h1><br>
<p>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. Do not hesitate to contact us.</p>
<p class="text-blue-grey large"><b>Catering Service, 42nd Living St, 43043 New York, NY</b></p>
<p>You can also contact us by phone 00553123-2323 or email [email protected], or you can send us a message
here:</p>
</div>
<form class="forms"action="https://www.w3schools.com/action_page.php" target="_blank">
<p class="formp"><input type="text" placeholder="Name" required="" name="Name"></p>
<p class="formp"><input type="number" placeholder="How many people" required="" name="People">
</p>
<p class="formp"><input type="datetime-local" placeholder="Date and time" required="" name="date"
value="2021-09-25T20:35"></p>
<p class="formp"><input type="text" placeholder="Message \ Special requirements" required="" name="Message">
</p>
<p> <button class="pbtn" type="submit">SEND MESSAGE</button></p>
</form>
</div>
</div>
<footer class="center light-grey padding-32">
<p> Clon</p>
</footer>
</body>
</html>