-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
120 lines (106 loc) · 5.13 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>task 1</title>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Acme&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="main">
<div class="main-overlay"></div>
<div class="header">
<div class="menu">
<ul>
<li><a href="#" class="menu-link">HOME</a></li>
<li><a href="#about" class="menu-link">ABOUT</a></li>
<li><a href="#" class="menu-link">TEAM</a></li>
<li><a href="#" class="menu-link">BOOKING</a></li>
<li><a href="#" class="logo"><img src="img/logo.svg" width="150px" height="150px" alt="logo"></a></li>
<li><a href="#" class="menu-link">MENU</a></li>
<li><a href="#" class="menu-link">GALERIE</a></li>
<li><a href="#" class="menu-link">EVENTS</a></li>
<li><a href="#contact" class="menu-link">CONTACT</a></li>
</ul>
</div>
</div>
<div class="main-text">
<p>RESTAURANT</p>
<H1>FANCY SAILOR</H1>
<span></span>
</div>
<div class="banner-btn">
<a href="#book-a-table" class="banner-btn-link book-btn">BOOK TABLE</a>
<a href="#specialties" class="banner-btn-link explore-btn">EXPLORE</a>
</div>
</div>
<div id="about" class="about">
<div class="about-text">
<h2>ABOUT US</h2>
<span></span>
<h4>Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident in enim soluta magnam molestias officiis.</h4>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Obcaecati nesciunt, odio minima nulla, at atque est vel culpa reprehenderit officia, esse provident odit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, recusandae.</p>
</div>
<div class="about-pic">
<img src="img/about.jpg" width="475px" height="475px" alt="fire">
</div>
</div>
<div id="book-a-table" class="book-a-table">
<div class="book-pic">
<img src="img/watch.jpg" width="475px" height="475px" alt="watch">
</div>
<div class="book-2">
<h2>BOOK A TABLE</h2>
<span></span>
<div class="book-form">
<input type="text" name="name" id="name" placeholder="Name">
<input type="email" name="email" id="email" placeholder="Email">
<input type="tel" name="phone" id="phone" placeholder="Phone">
<input type="text" name="people" id="people" placeholder="People">
<input type="date" name="date" id="date" placeholder="Date">
<input type="time" name="time" id="time" placeholder="Time">
<input type="submit" class="submit" value="BOOK NOW">
</div>
</div>
</div>
<div class="phone">
<p>Mon - Fri: <b>8PM - 10PM</b>, Sat - Sun: <b>8PM - 3AM</b> , Phone: <b>+40 729 131 637/+40 726 458 782</b></p>
</div>
<div id="specialties" class="specialties">
<div class="specialties-overlay">
<p>SPECIALTIES</p>
<div class="specialties-content">
<div class="specialties-pic">
<img src="img/dessert.png" width="475px" height="475px" alt="dessert">
</div>
<div class="specialties-text">
<h2>CHOCOLATE PANCAKES</h2>
<span></span>
<h4>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Unde, fuga optio corporis natus porro consectetur repellendus molestiae nihil.</h4>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quo, molestias eaque. Adipisci vero, cupiditate molestias harum et, quam porro quidem quibusdam architecto nihil unde deserunt maiores ut placeat recusandae! Quaerat iste deserunt vel inventore molestias nemo?</p>
</div>
</div>
</div>
</div>
<div id="contact" class="contact">
<div class="contact-text">
<h2>CONTACT</h2>
<span></span>
<h4>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod, ipsum repellat amet totam quos maxime voluptates itaque!</h4>
</div>
<div class="contact-form">
<input type="text" name="name" id="name" placeholder="Name">
<input type="email" name="email" id="email" placeholder="Email">
<input type="tel" name="phone" id="phone" placeholder="Phone">
<input type="text" class="message" name="message" id="message" placeholder="Message">
<input type="submit" class="submit" value="SEND MESSAGE">
</div>
</div>
</body>
<footer>
<div class="copyright">
<h6>© Copyright <b>Fancy Sailor</b> 2014</h6>
</div>
</footer>
</html>