-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
180 lines (172 loc) · 5.24 KB
/
index.html
File metadata and controls
180 lines (172 loc) · 5.24 KB
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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>New Food's</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Playfair+Display:700|Poppins:400,500" rel="stylesheet">
<script src="https://use.fontawesome.com/858e950473.js"></script>
</head>
<body>
<header>
<nav class="wrapper clearfix">
<p>ENG/FRA</p>
<div class="logo">
<img id="top1" src="assets/logo_red.png" alt="">
</div>
<ul class="main-nav clearfix">
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">NEW FOOD'S</a></li>
<li>RESERVATION</li>
<li>MENU</li>
<li>SHOP</li>
<li><a href="blog.html">BLOG</a></li>
<li>CONTACT</li>
</ul>
<ul class="favicon clearfix">
<li>
<a href="https://www.shopify.ca/">
<i class="fa fa-shopping-cart aria-hidden="true"></i>
</a>
</li>
<li>
<a href="https://www.facebook.com/">
<i class="fa fa-facebook-official aria-hidden="true"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com">
<i class="fa fa-instagram aria-hidden="true"></i>
</a>
</li>
<li>
<a href="https://www.tripadvisor.ca/">
<i class="fa fa-tripadvisor aria-hidden="true"></i>
</a>
</li>
</ul>
</nav>
<div class="title">
<img id="animate1" class="bigEntrance" src="assets/logo_white.png" alt="">
<h2 class="headertitle">BEST FRENCH CUISINE</h2>
<button>RESERVATION NOW</button>
</div>
</header>
<section class="one clearfix">
<div class="gridone wrapper2 clearfix">
<div>
<img class="reserve" src="assets/wine3.jpg" alt="wine glasses">
</div>
<div class="about textbox">
<h2>ABOUT US</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores, ad officia doloribus! Autem illo porro, dolore! Magni animi fugit asperiores accusamus ratione et commodi hic voluptatem molestiae omnis, assumenda porro quis laborum magnam alias culpa quibusdam obcaecati earum excepturi officia placeat eum autem eius harum. Saepe nam dignissimos ut odit?</p>
<button>LEARN MORE</button>
</div>
<div class="reserve textbox">
<h2>RESERVATIONS</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum, facere assumenda dolorem facilis explicabo adipisci quo eligendi velit aspernatur aperiam voluptatem dignissimos dolore saepe soluta. Obcaecati eligendi quibusdam totam provident.</p>
<button>LEARN MORE</button>
</div>
<div><img class="about" src="assets/upclose_meat2.jpg" alt="">
</div>
</div>
</section>
<section class="two">
<div class="overlaytwo wrapper">
<div class="overlaytwotext">
<img src="assets/bell_icon.png" alt="">
<p>OUR</p>
<img src="assets/heading_specialty.png" alt="">
</div>
</div>
</section>
<section class="three clearfix">
<div class="fourpic wrapper2">
<img src="assets/red_pie2.jpg" alt="wine glasses">
<img src="assets/baguette2.jpg" alt="wine glasses">
<img src="assets/flatbread2.jpg" alt="wine glasses">
<img src="assets/three_pies2.jpg" alt="wine glasses">
<div class="menubutton">
<h2>DISCOVER</h2>
<img class="menu" src="assets/heading_menu.png" alt="">
<p>VIEW ALL</p>
<img class="rib" src="assets/rib.png" alt="">
</div>
</div>
</section>
<section class="four clearfix">
<div class="overlayfour wrapper">
<div class="overlayfourtext">
<img src="assets/bell_icon.png" alt="">
<p>OUR</p>
<img src="assets/heading_blend.png" alt="">
</div>
</div>
</section>
<section class="five clearfix wrapper2">
<div class="lorem">
<div class="quote">
<i class="fa fa-quote-left" aria-hidden="true"></i>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo cum ad iusto reiciendis suscipit, vero aperiam similique voluptates molestiae dolores.</p>
<p class="quoteby">- MR LOC</p>
<p class="quoteby">River Side Apartments</p>
</div>
</section>
<footer class="clearfix">
<div class="wine">
<div class="subscribe">
<p>Subscribe to our newsletter to the get the latest information</p>
<input type="email" placeholder="Enter your email here">
<p>*Only relevant information, no spam</p>
</div>
</div>
<div class="texture">
<div class="top-i">
<a href="#top1">
<img src="assets/top_icon.png" alt="">
</a>
</div>
<div class="locations clearfix">
<h1>LOCATIONS</h1>
<div class="address">
<p>
92 Nguyen Trong<br>
Truyen, Phu Nhuan -<br>
700000
</p>
</div>
<div class="address">
<p>
11 Union Square West<br>
New York, NY - 1000
</p>
</div>
</div>
<div class="hours clearfix">
<h1>HOURS</h1>
<div>
<p>Monday-Thursday <br>
5:30pm - 10:00pm</p>
</div>
<div>
<p>Friday & Saturday <br>
5:30pm - 11:00pm</p>
</div>
<div>
<p>Available for private<br>
events on Sunday</p>
</div>
</div>
</div>
<div class="copyright">
<p class="project">
2017 NewFood's Project
</p>
<p class="tuntun">
Created by #TunTunLoveLove
</p>
</div>
</footer>
</body>
</html>