-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
82 lines (80 loc) · 5.69 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>My Site</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<link href="next.html">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
<div class="b">
<div class="hh">
<div class="h" style="font-weight: 600;">dine</div>
<p style="font-size:100px"></p>
<div class="h">Exquisite dining<br>since 1989</div>
<p style="font-size:50px"></p>
<p style="font-size:20px">Experience our seasonal menu in beautiful country<br>surroundings. Eat the freshest produce from the<br>comfort of our farmhouse.</p>
<a href="next.html"><button class="styled-button">BOOK A TABLE</button></a>
</div>
<img src="https://d3dyfaf3iutrxo.cloudfront.net/general/upload/5e4718d41d234c82947c6eff4e2eed09.jpg" alt="Image">
</div>
<div class="bk">
<img class="img2" src="https://d3dyfaf3iutrxo.cloudfront.net/general/upload/8470b7ed36734528b6815a1187ee398b.jpg">
<div class="hhh">
<div class="hi" style="font-weight: 600;">Enjoyable place<br>for all the family</div>
<p style="font-size:50px"></p>
<p style="color: #242B37;font-size: 18px;line-height: 30px;letter-spacing: 0.2px;font-weight: 400;text-wrap: nowrap;">Our relaxed surroundings make dining with us a great<br>experience for everyone. We can even arrange a tour<br>of the farm before your meal.</p>
</div>
</div>
<div class="bk">
<div class="haa">
<div class="ha">The most locally<br>sourced food</div>
<p style="color: #242B37;font-size: 18px;line-height: 30px;letter-spacing: 0.2px;font-weight: 400;text-wrap: nowrap;">All our ingredients come directly from our farm or<br>local fishery. So you can be sure that you’re eating<br>the freshest, most sustainable food.</p>
</div>
<img class="img3" src="https://d3dyfaf3iutrxo.cloudfront.net/general/upload/e3628c2c5e564a13aec923ba5744600e.jpg">
<p style="font-size:1000px"> </p>
<img class="img4" src="https://zzl-frontendmentor-challenges.vercel.app/premium-dine-master/images/patterns/pattern-lines.svg" alt="text">
</div>
<div class="bbb">
<div class="baa">
<div class="ba">A few highlights from our<br> menu</div>
<p style="font-size:50px"> </p>
<p style="color: white;font-size: 18px;line-height: 30px;letter-spacing: 0.2px;font-weight: 400;text-wrap: nowrap;">We cater for all dietary requirements, but here’s a<br>glimpse at some of our diner’s favourites. Our menu is<br>revamped every season.</p>
</div>
<img class="img5" src="https://d3dyfaf3iutrxo.cloudfront.net/general/upload/e9ae1e2094ee4c7f8c590c4b6e429006.jpg">
<img class="img6" src="https://d3dyfaf3iutrxo.cloudfront.net/general/upload/7861140ade9d4c75b3e4983fdadd01bd.jpg">
<img class="img7" src="https://d3dyfaf3iutrxo.cloudfront.net/general/upload/228fcedda7584070b59bd7540c15b1e1.jpg">
<div class="pad">
<p style="color: white;font-size: 18px;line-height: 30px;letter-spacing: 0.2px;font-weight: 400;text-wrap: nowrap;">Seared Salmon Fillet<br><br>Our locally sourced salmon served with a<br>refreshing buckwheat summer salad.<br><br><br>Rosemary Filet Mignon<br><br>Our prime beef served to your taste with a<br>delicious choice of seasonal sides.<br><br><br>Summer Fruit Chocolate Mousse<br><br>Creamy mousse combined with summer<br>fruits and dark chocolate shavings.</p>
</div>
</div>
<div class="bk">
<img class="img8" src="https://d3dyfaf3iutrxo.cloudfront.net/general/upload/91dc67ff4d9442c39be07317215f2557.jpg">
<img class="img9" src="https://zzl-frontendmentor-challenges.vercel.app/premium-dine-master/images/patterns/pattern-lines.svg" alt="text">
<div class="i8">
<div class="ha">Family Gathering</div>
<p style="font-size:50px"></p>
<p style="color: black;font-size: 18px;line-height: 30px;letter-spacing: 0.2px;font-weight: 400;text-wrap: nowrap;">We love catering for entire families. So please bring<br>everyone along for a special meal with your loved ones.<br>We’ll provide a memorable experience for all.</p>
<a href="next.html"><button class="styled">BOOK A TABLE</button></a>
</div>
</div>
<div class="bbbb">
<img class="img10" src="https://d3dyfaf3iutrxo.cloudfront.net/general/upload/03479a3952a4415d8e5e23e7ce9e61ce.jpg">
<div class="mtr">
<div class="ba">Ready to make a reservation?<br><br><br><br><div class="w"><a href="next.html"><button class="sty">BOOK A TABLE</button></a></div></div>
<div class="b4">
<div class="txt">About dine<br><br>Discover exquisite flavors and unforgettable dining experiences at Dine. We strive to provide<br>exceptional service and delectable dishes to satisfy every palate.<br><br><i class="fas fa-map-marker-alt"></i> 123 Main Street, City, Country<br><br><i class="fas fa-phone"></i> (123) 456-7890<br><br><i class="fas fa-envelope"></i> [email protected]
</div>
<h1 style="color:white">Contact Us</h1>
<form>
<input class="butto" type="text" name="name" placeholder="Your name" required><br><br><br>
<input class="butto" type="mail" name="email" placeholder="Your mail" required><br><br><br>
<input class="butto" type="text" name="messege" placeholder="Your messege" required><br><br><br><br><br><br>
<button class="but">Send</button>
</form>
</div>
</div>
</body>
</html>