-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
174 lines (168 loc) · 5.26 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bliss</title>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Playball|Economica|Dosis' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<div class="container cf">
<a href="index.html" class="logo cf">
<h1>bliss</h1>
<p>Italian Restaurant</p>
</a>
<nav>
<ul class="cf">
<li><a href="#">home</a></li>
<li><a href="menu.html">menu</a></li>
<li><a href="reservation.html">reservation</a></li>
<li><a href="blog.html">blog</a></li>
<li><a href="contacts.html">contacts</a></li>
</ul>
</nav>
</div>
</header>
<section>
<div class="container">
<div class="row service cf">
<div class="col4">
<img src="images/home1.png" alt="">
<div class="text">
<img src="images/home11.png" alt="">
<h2>Traditional Cuisine</h2>
<a href="" class="more">more</a>
</div>
</div>
<div class="col4">
<div class="text">
<img src="images/home12.png" alt="">
<h2>Kid’s & Vegan Menu</h2>
<a href="" class="more">more</a>
</div>
<img src="images/home2.png" alt="">
</div>
<div class="col4">
<img src="images/home3.png" alt="">
<div class="text">
<img src="images/home13.png" alt="">
<h2>Happy Hours & Offers</h2>
<a href="" class="more">more</a>
</div>
</div>
</div>
<div class="row number cf">
<div class="col4">
<h2>1.</h2>
<p>
Vivamus at magna non nunc tristique rhoncus. Aliquam nibh ante, egestas id dictum a, commodo. Praesent faucibus malesuada faucibus. Donec laeet metus id laoreet malesuadarem ipsum dolor
</p>
<a href="" class="more">more</a>
</div>
<div class="col4">
<h2>2.</h2>
<p>
Dasamus at magna non nunc tristique rhoncus. Kliquam nibh ante, egestas id dictum a, commodo. Praesent faucibus malesuada faucibus. Donec laeet metus id laoreet malesuadarem ipsumer
</p>
<a href="" class="more">more</a>
</div>
<div class="col4">
<h2>3.</h2>
<p>
Tervamus at magna non nunc tristique rhoncus. Oliquam nibh ante, egestas id dictum a, commodo. Iraesent faucibus malesuada faucibus. Donec laeet etus id laoreet malesuadarem ipsolo
</p>
<a href="" class="more">more</a>
</div>
</div>
<div class="row welcome cf">
<div class="col5">
<h2>Welcome</h2>
<div class="text">
<p>
Post about this <b>freebie</b> will tell you all you need to know about it. Need a good choice of <b>themes</b>? Visit TemplateMonster’s website.
</p>
<p>
liquam nibh e,estas id dictum a, commodo. Praesent faucibus malesuada faucibusonec laeet metus id laoreet malesuadarem ipsum dolor sit
</p>
</div>
<a href="" class="more">more</a>
</div>
<div class="col5">
<h2>Feel the Savor of Life</h2>
<div class="text">
<p>
Dervamus at magna non nunc tristique rhoncus. Aliquam nibh ante, egestas id dictum a, commodo. Praesent faucibus malesuada ucibus. Donec laeet metus id laoreet malesuadarem ipsum dosit ametctetur adipiscing elit. Nullam consectetur orci sed nulla facilisis consequat. Curabitur vel lorem sit amet nulla ullamcorper fermentum.
</p>
</div>
<a href="" class="more">more</a>
</div>
</div>
<div class="row dishes cf">
<h2>Dishes for You to Try</h2>
<div class="col4">
<img src="images/home4.png" alt="">
<a href="">+</a>
</div>
<div class="col4">
<img src="images/home5.png" alt="">
<a href="">+</a>
</div>
<div class="col4">
<img src="images/home6.png" alt="">
<a href="">+</a>
</div>
</div>
<div class="row cf">
<div class="col4 testimonials text">
<h2>Testimonials</h2>
<img src="images/home_foto.png" alt="">
<h5>Mark Wood</h5>
<p>
Sivamus at magna non nuncer tristique rhoncus. Aliquame nibh ante, egestas id dictumertolom commodo. Praesent faucib mal.
</p>
<a href=""> > more testimonials</a>
</div>
<div class="col4 new">
<h2>What's new</h2>
<div class="text cf">
<h4>11 june</h4>
<h6>Vivamus at magna non nunc</h6>
<p>
Rehoncus. Aliquam nibh antegestas id dictum a, commodo. Praesenterto faucibus malesuada faucibus
</p>
</div>
<div class="text cf">
<h4>15 apr</h4>
<h6>Vivamus at magna non nunc</h6>
<p>
Rehoncus. Aliquam nibh antegestas id dictum a, commodo. Praesenterto faucibus malesuada faucibus
</p>
</div>
</div>
<div class="col4 open">
<h2>Opening Hours</h2>
<h4>Breakfast: 8AM - 11AM</h4>
<h4>Grill Menu: 12AM - 12PM</h4>
<h4>Live Musiс: 8AM - 11AM</h4>
</div>
</div>
</div>
</section>
<footer>
<div class="container cf">
<div class="copy">
<a href="/">Bliss © 2014 | Privacy Policy</a>
<a href="TemplateMonster.com">Website designed by TemplateMonster.com</a>
</div>
<div class="social cf">
<a href="" class="twitter" alt="twitter"></a>
<a href="" class="facebook" alt="facebook"></a>
<a href="" class="google" alt="google+"></a>
<a href="" class="mail" alt="mail"></a>
</div>
</div>
<a href="#"></a>
</footer>
</body>
</html>