-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
296 lines (279 loc) · 9.59 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
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
crossorigin="anonymous"
/>
<!-- REMOTE CSS -->
<link
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
rel="stylesheet"
/>
<link
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
/>
<link rel="icon" href="images/favicon.svg" type="image/gif" />
<!-- Local CSS -->
<link rel="stylesheet" type="text/css" href="css/navbar.css" />
<link rel="stylesheet" href="css/footer.css" />
<link rel="stylesheet" href="css/subhiksha.css">
<title>DOVE EVENTS | FEEL BETTER</title>
</head>
<body>
<!-- ---------------
NAVBAR STARTS
-------------------->
<header>
<a href="#"><img src="images/navbar_img.png" class="logo" alt="" /></a>
<div class="menu-toggle"></div>
<nav id="collapsey">
<ul>
<li><a href="#" class="alive">HOME</a></li>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">CORE SERVICES</a></li>
<li><a href="#">BLOGS</a></li>
<li><a href="#">TESTIMONIAL</a></li>
<li><a href="#footer">CONTACT US</a></li>
</ul>
</nav>
<div class="clearfix"></div>
</header>
<!-- ---------------
NAVBAR ENDS
-------------------->
<!-- ---------------
HERO STARTS
-------------------->
<section>
<div class="container py-5">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img
src="images/navbar_img.png"
alt="Los Angeles"
style="width: 100%"
/>
<div class="carousel-caption">
<h3>Los Angeles</h3>
<p>LA is always so much fun!</p>
</div>
</div>
<div class="item">
<img
src="images/navbar_img.png"
alt="Chicago"
style="width: 100%"
/>
<div class="carousel-caption">
<h3>Chicago</h3>
<p>Thank you, Chicago!</p>
</div>
</div>
<div class="item">
<img
src="images/navbar_img.png"
alt="New York"
style="width: 100%"
/>
<div class="carousel-caption">
<h3>New York</h3>
<p>We love the Big Apple!</p>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a
class="right carousel-control"
href="#myCarousel"
data-slide="next"
>
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</section>
<!-- ---------------
HERO ENDS
-------------------->
<!-- ---------------
ABOUT STARTS
-------------------->
<section>
<div class="animation-element bounce-up">
<div class="jumbotron container-fluid">
<h1>About DOVE</h1>
<div class="row">
<div class="col-md-6">
<p class="info">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla
feugiat venenatis risus sit amet mattis. Sed sagittis accumsan
dapibus. Quisque et justo non massa efficitur consequat. Proin
accumsan enim sed fermentum elementum. Quisque maximus rutrum
nunc, quis lacinia eros porta eu. Praesent odio orci, sollicitudin
a mattis vitae, commodo sit amet felis. Sed condimentum facilisis
feugiat. Curabitur rhoncus pharetra enim, vel vehicula ipsum
ullamcorper eget.
</p>
</div>
<div class="col-md-6">
<img
src="https://images.unsplash.com/photo-1490006017569-465ccb897ba1?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=e669bc7ae2d5682aae15610470b44efb&auto=format&fit=crop&w=1350&q=80"
class="thumb"
/>
</div>
</div>
</div>
</div>
</section>
<!-- ---------------
ABOUT ENDS
-------------------->
<!-- ---------------
CORE SERVICES STARTS
-------------------->
<section>
<div class="animation-element bounce-up">
<div class="paral paralsec1 jumbotron">
<div class="desc" style="background-color: rgba(1, 1, 1, 0.3)">
<span class="title title2">Core Services</span>
<br />
<br /><br /><br />
<div class="box-wrapper">
<div class="container_services">
<span
>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span
>
</div>
<div class="container_services">
<span
>Lorem ipsum dolor sit amet, consectetur adipiscing elit</span
>
</div>
<div class="container_services">
<span>
Praesent ac nisi velit. Sed tristique viverra nisl et pretium.
Aliquam feugiat gravida metus sit amet varius.
</span>
</div>
</div>
<div class="box-wrapper">
<div class="container_services">
<span
>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span
>
</div>
<div class="container_services">
<span
>Lorem ipsum dolor sit amet, consectetur adipiscing elit</span
>
</div>
<div class="container_services">
<span>
Praesent ac nisi velit. Sed tristique viverra nisl et pretium.
Aliquam feugiat gravida metus sit amet varius.
</span>
</div>
</div>
<p><button class="button">Hit me</button></p>
</div>
</div>
</div>
</section>
<!-- ---------------
CORE SERVICES ENDS
-------------------->
<!-- ---------------
GALLERY STARTS
-------------------->
<!-- ---------------
GALLERY ENDS
-------------------->
<!-- ---------------
TESTIMONIALS STARTS
-------------------->
<!-- ---------------
TESTIMONIALS ENDS
-------------------->
<!-- ---------------
FOOTER STARTS
-------------------->
<section id="footer">
<!-- Good Fortune happens when Opportunity meets with Planning<br />
Good Events happen when you meet DOVE! -->
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="h2 reach_us text-white">Reach Us</div>
<span class="text-white reach_us" style="font-size: 2rem;">Jesudasan</span>
<p class="text-white reach_us">A/2, Circular Road </br>United Colony </br>Chennai</p>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 text-center bird">
<img src="images/bird.png" alt="" />
</div>
</div>
<div class="row">
<div class="col-lg-12 col-sm-12 col-xs-12">
<div class="social_profile">
<ul>
<li>
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-facebook"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-google-plus-g"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-whatsapp"></i></a>
</li>
</ul>
</div>
</div>
<div class="col-lg-12 col-sm-12 col-xs-12">
<p class="copyright">
DOVE EVENTS | FEEL BETTER | 2021<br />
Copyright © | Símera
</p>
</div>
</div>
</div>
</div>
</section>
<!-- ---------------
FOOTER ENDS
-------------------->
<!-- REMOTE JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
<!--LOCAL JS-->
<script src="js/navbar.js"></script>
<script src="js/subhiksha.js"></script>
</body>
</html>