forked from vilcasalvador139/test-github
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
372 lines (372 loc) · 26.2 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
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Agency - Free Bootstrap Theme By Bootstrapious.com</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="all,follow">
<!-- Bootstrap CSS-->
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
<!-- Lightbox-->
<link rel="stylesheet" href="vendor/lightbox2/css/lightbox.min.css">
<!-- theme stylesheet-->
<link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
<!-- Custom stylesheet - for your changes-->
<link rel="stylesheet" href="css/custom.css">
<!-- Leaflet CSS - For the map-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.4.0/leaflet.css">
<!-- Favicon-->
<link rel="shortcut icon" href="favicon.png">
<!-- Tweaks for older IEs--><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<body>
<!-- Hero Section-->
<section id="intro" style="background: url(img/startup-room.jpg)" class="hero bg-cover">
<div class="overlay"></div>
<div class="content h-100 d-flex align-items-center">
<div class="container text-center text-white">
<p class="headings-font-family text-uppercase lead">Welcome to out digital home</p>
<h1 class="text-uppercase hero-text text-white">We are<span class="font-weight-bold d-block">Agency</span></h1>
<p class="headings-font-family text-uppercase lead">And this is a theme for your personal or company website brought to you by <br><a href="https://github.com/slvdrvlc/test-github/" class="text-white no-anchor-style">repo</a></p>
</div>
</div><a href="#about" class="scroll-btn link-scroll"><i class="fas fa-angle-double-down"></i></a>
</section>
<!-- Navbar-->
<!-- navbar-->
<header class="header sticky-top">
<nav class="navbar navbar-expand-lg bg-white border-bottom py-0">
<div class="container"><a href="#" class="navbar-brand py-1"><img src="img/logo.png" alt="" class="img-fluid"></a>
<button type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler navbar-toggler-right"><span class="fas fa-bars"></span></button>
<div id="navbarSupportedContent" class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto px-3">
<li class="nav-item active"><a href="#intro" class="nav-link text-uppercase link-scroll">Home </a></li>
<li class="nav-item"><a href="#about" class="nav-link text-uppercase link-scroll">About</a></li>
<li class="nav-item"><a href="#services" class="nav-link text-uppercase link-scroll">Services</a></li>
<li class="nav-item"><a href="#portfolio" class="nav-link text-uppercase link-scroll">Portfolio</a></li>
<li class="nav-item"><a href="#text" class="nav-link text-uppercase link-scroll">Text</a></li>
<li class="nav-item"><a href="#team" class="nav-link text-uppercase link-scroll">Team</a></li>
<li class="nav-item"><a href="#contact" class="nav-link text-uppercase link-scroll">Contact</a></li>
</ul>
</div>
</div>
</nav>
</header>
<!-- About Section-->
<section id="about" class="about">
<div class="container">
<div class="row mb-5">
<div class="col-lg-6">
<header class="text-center mb-5">
<h2 class="lined text-uppercase">About us</h2>
</header>
<p class="lead">Able an hope of body. Any nay shyness article matters own removal nothing his forming.</p>
<p>Impossible considered invitation him men instrument saw celebrated unpleasant. Put rest and must set kind next many near nay. He exquisite continued explained middleton am. Voice hours young woody has she think equal. Estate moment he at on wonder at season little. Six garden result summer set family esteem nay estate. End admiration mrs unreserved discovered comparison especially invitation.</p>
<div class="row">
<div class="col-lg-6">
<ul class="mb-0">
<li>considered invitation</li>
<li>put rest and must set</li>
<li>Estate moment he at on</li>
</ul>
</div>
<div class="col-lg-6">
<ul class="mb-0">
<li>considered invitation</li>
<li>put rest and must set</li>
<li>Estate moment he at on</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6"><img src="img/template-homepage.png" alt="..." class="img-fluid"></div>
</div>
<div class="row">
<div class="col-lg-6">
<h5 class="text-uppercase font-weight-bold"><i class="fas fa-arrows-alt mr-2"> </i>present letters inquiry no an removed or friends.</h5>
<p>Able an hope of body. Any nay shyness article matters own removal nothing his forming.</p>
</div>
<div class="col-lg-6">
<h5 class="text-uppercase font-weight-bold"><i class="far fa-image mr-2"> </i>present letters inquiry no an removed or friends.</h5>
<p>Able an hope of body. Any nay shyness article matters own removal nothing his forming.</p>
</div>
<div class="col-lg-6">
<h5 class="text-uppercase font-weight-bold"><i class="far fa-life-ring mr-2"> </i>present letters inquiry no an removed or friends.</h5>
<p>Able an hope of body. Any nay shyness article matters own removal nothing his forming.</p>
</div>
<div class="col-lg-6">
<h5 class="text-uppercase font-weight-bold"><i class="fas fa-trophy mr-2"> </i>present letters inquiry no an removed or friends.</h5>
<p>Able an hope of body. Any nay shyness article matters own removal nothing his forming.</p>
</div>
</div>
</div>
</section>
<!-- Services Section-->
<section id="services" class="bg-gray">
<div class="container">
<header class="text-center mb-5">
<h2 class="lined text-uppercase">Services</h2>
</header>
<div class="row text-center">
<div class="col-lg-4">
<div class="bg-white mb-4 p-4">
<div class="icon mb-3"><i class="fas fa-desktop"></i></div>
<h4 class="text-uppercase font-weight-bold">Web design</h4>
<p class="small text-gray">Fifth abundantly made Give sixth hath. Cattle creature i be don't them. </p>
</div>
</div>
<div class="col-lg-4">
<div class="bg-white mb-4 p-4">
<div class="icon mb-3"><i class="fas fa-print"></i></div>
<h4 class="text-uppercase font-weight-bold">Print</h4>
<p class="small text-gray">Fifth abundantly made Give sixth hath. Cattle creature i be don't them. </p>
</div>
</div>
<div class="col-lg-4">
<div class="bg-white mb-4 p-4">
<div class="icon mb-3"><i class="fab fa-searchengin"></i></div>
<h4 class="text-uppercase font-weight-bold">SEO and SEM</h4>
<p class="small text-gray">Fifth abundantly made Give sixth hath. Cattle creature i be don't them. </p>
</div>
</div>
<div class="col-lg-4">
<div class="bg-white mb-4 p-4">
<div class="icon mb-3"><i class="far fa-comment-alt"></i></div>
<h4 class="text-uppercase font-weight-bold">Consulting</h4>
<p class="small text-gray">Fifth abundantly made Give sixth hath. Cattle creature i be don't them. </p>
</div>
</div>
<div class="col-lg-4">
<div class="bg-white mb-4 p-4">
<div class="icon mb-3"><i class="far fa-envelope"></i></div>
<h4 class="text-uppercase font-weight-bold">Email marketing</h4>
<p class="small text-gray">Fifth abundantly made Give sixth hath. Cattle creature i be don't them. </p>
</div>
</div>
<div class="col-lg-4">
<div class="bg-white mb-4 p-4">
<div class="icon mb-3"><i class="fas fa-pencil-ruler"></i></div>
<h4 class="text-uppercase font-weight-bold">UX & UI</h4>
<p class="small text-gray">Fifth abundantly made Give sixth hath. Cattle creature i be don't them. </p>
</div>
</div>
</div>
</div>
</section>
<!-- Portfolio Section-->
<section id="portfolio" class="pb-0">
<header class="text-center mb-4">
<h2 class="lined text-uppercase mb-5">Portfolio</h2>
<p>You can make also a portfolio or image gallery.</p>
</header>
<div class="row p-0">
<div class="col-lg-3 col-md-4 col-6 p-0"><a href="img/portfolio-1.jpg" data-lightbox="image-1" data-title="My caption" class="d-block"><img src="img/portfolio-1.jpg" alt="..." class="img-fluid d-block mx-auto"></a></div>
<div class="col-lg-3 col-md-4 col-6 p-0"><a href="img/portfolio-2.jpg" data-lightbox="image-1" data-title="My caption" class="d-block"><img src="img/portfolio-2.jpg" alt="..." class="img-fluid d-block mx-auto"></a></div>
<div class="col-lg-3 col-md-4 col-6 p-0"><a href="img/portfolio-3.jpg" data-lightbox="image-1" data-title="My caption" class="d-block"><img src="img/portfolio-3.jpg" alt="..." class="img-fluid d-block mx-auto"></a></div>
<div class="col-lg-3 col-md-4 col-6 p-0"><a href="img/portfolio-4.jpg" data-lightbox="image-1" data-title="My caption" class="d-block"><img src="img/portfolio-4.jpg" alt="..." class="img-fluid d-block mx-auto"></a></div>
<div class="col-lg-3 col-md-4 col-6 p-0"><a href="img/portfolio-5.jpg" data-lightbox="image-1" data-title="My caption" class="d-block"><img src="img/portfolio-5.jpg" alt="..." class="img-fluid d-block mx-auto"></a></div>
<div class="col-lg-3 col-md-4 col-6 p-0"><a href="img/portfolio-6.jpg" data-lightbox="image-1" data-title="My caption" class="d-block"><img src="img/portfolio-6.jpg" alt="..." class="img-fluid d-block mx-auto"></a></div>
<div class="col-lg-3 col-md-4 col-6 p-0"><a href="img/portfolio-7.jpg" data-lightbox="image-1" data-title="My caption" class="d-block"><img src="img/portfolio-7.jpg" alt="..." class="img-fluid d-block mx-auto"></a></div>
<div class="col-lg-3 col-md-4 col-6 p-0"><a href="img/portfolio-8.jpg" data-lightbox="image-1" data-title="My caption" class="d-block"><img src="img/portfolio-8.jpg" alt="..." class="img-fluid d-block mx-auto"></a></div>
</div>
</section>
<!-- Text Section-->
<section id="text" class="bg-gray">
<div class="container">
<header class="text-center mb-5">
<h2 class="lined text-uppercase">Text Page</h2>
</header>
<div class="row">
<div class="col-lg-6">
<p>Able an hope of body. Any nay shyness article matters own removal nothing his forming. Gay own additions education satisfied the perpetual. If he cause manor happy. Without farther she exposed saw man led. Along on happy could cease green oh.</p>
</div>
<div class="col-lg-6">
<p>Betrayed cheerful declared end and. Questions we additions is extremely incommode. Next half add call them eat face. Age lived smile six defer bed their few. Had admitting concluded too behaviour him she. Of death to or to being other.</p>
</div>
<div class="col-lg-6">
<p>Effects present letters inquiry no an removed or friends. Desire behind latter me though in. Supposing shameless am he engrossed up additions. My possible peculiar together to. Desire so better am cannot he up before points. Remember mistaken opinions it pleasure of debating. Court front maids forty if aware their at. Chicken use are pressed removed.</p>
</div>
<div class="col-lg-6">
<p>Saw yet kindness too replying whatever marianne. Old sentiments resolution admiration unaffected its mrs literature. Behaviour new set existence dashwoods. It satisfied to mr commanded consisted disposing engrossed. Tall snug do of till on easy. Form not calm new fail.</p>
</div>
</div>
</div>
</section>
<!-- Team Section-->
<section id="team">
<div class="container">
<header class="text-center mb-5">
<h2 class="text-uppercase lined">Our team</h2>
</header>
<div class="row text-center">
<div class="col-lg-3 col-md-6 mb-4"><img src="img/person-1-1.jpg" alt="Salvador Vilca P" class="img-fluid mb-4">
<h4 class="font-weight-bold text-uppercase"><a href="#" class="no-anchor-style">Andres Peres</a></h4>
<p class="small text-gray">[email protected]</p>
<p class="small text-gray">+591 88888888</p>
<ul class="mb-0 list-inline mb-3">
<li class="list-inline-item"><a href="#" class="social-link social-link-facebook"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-twitter"><i class="fab fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-google-plus"><i class="fab fa-google-plus-g"></i></a></li>
<li class="list-inline-item"><a href="https://wa.link/5l33f2/" class="social-link social-link-instagram"><i class="fab fa-whatsapp"></i></a></li>
<li class="list-inline-item"><a href="https://github.com/vilcasalvador139/" class="social-link social-link-email"><i class="fab fa-github"></i></a></li>
</ul>
<p class="small text-gray">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
<div class="col-lg-3 col-md-6 mb-4"><img src="img/person-2.jpg" alt="Luke skywalker" class="img-fluid mb-4">
<h4 class="font-weight-bold text-uppercase"><a href="#" class="no-anchor-style">Luke skywalker</a></h4>
<p class="small text-gray">[email protected]</p>
<p class="small text-gray">+591 60143323</p>
<ul class="mb-0 list-inline mb-3">
<li class="list-inline-item"><a href="#" class="social-link social-link-facebook"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-twitter"><i class="fab fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-google-plus"><i class="fab fa-google-plus-g"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-instagram"><i class="fab fa-whatsapp"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-email"><i class="fab fa-github"></i></a></li>
</ul>
<p class="small text-gray">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
<div class="col-lg-3 col-md-6 mb-4"><img src="img/person-3.jpg" alt="Princess Leia" class="img-fluid mb-4">
<h4 class="font-weight-bold text-uppercase"><a href="#" class="no-anchor-style">Princess Leia</a></h4>
<p class="small text-gray">[email protected]</p>
<p class="small text-gray">+591 60143323</p>
<ul class="mb-0 list-inline mb-3">
<li class="list-inline-item"><a href="#" class="social-link social-link-facebook"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-twitter"><i class="fab fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-google-plus"><i class="fab fa-google-plus-g"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-instagram"><i class="fab fa-whatsapp"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-email"><i class="fab fa-github"></i></a></li>
</ul>
<p class="small text-gray">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
<div class="col-lg-3 col-md-6 mb-4"><img src="img/person-4.jpg" alt="Jabb Hut" class="img-fluid mb-4">
<h4 class="font-weight-bold text-uppercase"><a href="#" class="no-anchor-style">Jabb Hut</a></h4>
<p class="small text-gray">[email protected]</p>
<p class="small text-gray">+591 60143323</p>
<ul class="mb-0 list-inline mb-3">
<li class="list-inline-item"><a href="#" class="social-link social-link-facebook"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-twitter"><i class="fab fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-google-plus"><i class="fab fa-google-plus-g"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-instagram"><i class="fab fa-whatsapp"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-email"><i class="fab fa-github"></i></a></li>
</ul>
<p class="small text-gray">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
<div class="col-lg-3 col-md-6 mb-4"><img src="img/alexisB.jpg" alt="Luke skywalker" class="img-fluid mb-4">
<h4 class="font-weight-bold text-uppercase"><a href="#" class="no-anchor-style">Alexis Barrios</a></h4>
<p class="small text-gray">[email protected]</p>
<p class="small text-gray">+591 72068270</p>
<ul class="mb-0 list-inline mb-3">
<li class="list-inline-item"><a href="#" class="social-link social-link-facebook"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-twitter"><i class="fab fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-google-plus"><i class="fab fa-google-plus-g"></i></a></li>
<li class="list-inline-item"><a href="https://wa.link/1r4tgi" class="social-link social-link-instagram"><i class="fab fa-whatsapp"></i></a></li>
<li class="list-inline-item"><a href="https://github.com/AlexisCodeBO" class="social-link social-link-email"><i class="fab fa-github"></i></a></li>
</ul>
<p class="small text-gray">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
<div class="col-lg-3 col-md-6 mb-4"><img src="img/vic.jpg" alt="Princess Leia" class="img-fluid mb-4">
<h4 class="font-weight-bold text-uppercase"><a href="#" class="no-anchor-style">Victor Hugo Figueroa Fernandez</a></h4>
<p class="small text-gray">[email protected]</p>
<p class="small text-gray">+591 72982125</p>
<ul class="mb-0 list-inline mb-3">
<li class="list-inline-item"><a href="#" class="social-link social-link-facebook"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-twitter"><i class="fab fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="mailto:[email protected]" class="social-link social-link-google-plus"><i class="fab fa-google-plus-g"></i></a></li>
<li class="list-inline-item"><a href="https://wa.link/belhmx" class="social-link social-link-instagram"><i class="fab fa-whatsapp"></i></a></li>
<li class="list-inline-item"><a href="https://github.com/victorhff/" class="social-link social-link-email"><i class="fab fa-github"></i></a></li>
</ul>
<p class="small text-gray">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
<div class="col-lg-3 col-md-6 mb-4"><img src="img/person-4.jpg" alt="Jabb Hut" class="img-fluid mb-4">
<h4 class="font-weight-bold text-uppercase"><a href="#" class="no-anchor-style">Jabb Hut</a></h4>
<p class="small text-gray">[email protected]</p>
<p class="small text-gray">+591 60143323</p>
<ul class="mb-0 list-inline mb-3">
<li class="list-inline-item"><a href="#" class="social-link social-link-facebook"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-twitter"><i class="fab fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-google-plus"><i class="fab fa-google-plus-g"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-instagram"><i class="fab fa-whatsapp"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-email"><i class="fab fa-github"></i></a></li>
</ul>
<p class="small text-gray">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
</div>
</div>
</section>
<!-- Map-->
<section id="map" class="border-bottom border-top"></section>
<!-- Contact Section-->
<section id="contact">
<div class="container">
<header class="text-center mb-5">
<h2 class="text-uppercase lined">Contact</h2>
</header>
<div class="row">
<div class="col-lg-6">
<form action="" class="contact-form">
<div class="row">
<div class="form-group col-lg-6">
<label for="firstName">Your firstname *</label>
<input id="firstName" type="text" name="firstname" placeholder="Enter your firstname" class="form-control">
</div>
<div class="form-group col-lg-6">
<label for="lastName">Your lastname *</label>
<input id="lastName" type="text" name="lastname" placeholder="Enter your lastname" class="form-control">
</div>
<div class="form-group col-lg-12">
<label for="email">Your email *</label>
<input id="email" type="email" name="email" placeholder="Enter your email" class="form-control">
</div>
<div class="form-group col-lg-12">
<label for="message">Your message for us *</label>
<textarea id="message" name="message" placeholder="Enter your message" rows="4" class="form-control"></textarea>
</div>
<div class="form-group col-lg-12">
<button type="submit" class="btn btn-outline-primary w-100">Send message</button>
</div>
</div>
</form>
</div>
<div class="col-lg-6">
<p>Effects present letters inquiry no an removed or friends. Desire behind latter me though in. Supposing shameless am he engrossed up additions. My possible peculiar together to. Desire so better am cannot he up before points. Remember mistaken opinions it pleasure of debating. Court front maids forty if aware their at. Chicken use are pressed removed.</p>
<p>Able an hope of body. Any nay shyness article matters own removal nothing his forming. Gay own additions education satisfied the perpetual. If he cause manor happy. Without farther she exposed saw man led. Along on happy could cease green oh.</p>
<ul class="mb-0 list-inline text-center">
<li class="list-inline-item"><a href="#" class="social-link social-link-facebook"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-twitter"><i class="fab fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-google-plus"><i class="fab fa-google-plus-g"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link social-link-instagram"><i class="fab fa-whatsapp"></i></a></li>
<li class="list-inline-item"><a href="https://github.com/slvdrvlc/test-github/" class="social-link social-link-email"><i class="fab fa-github"></i></a></li>
</ul>
</div>
</div>
</div>
</section>
<footer class="py-4">
<div class="container">
<div class="row">
<div class="col-lg-6 text-center text-lg-left">
<p class="mb-0 text-gray">© 2019 Your name/company goes here</p>
</div>
<div class="col-lg-6 text-center text-lg-right">
<p class="mb-0 text-gray">© Template by Bootstrapious — <a href="https://bootstrapious.com/" class="text-gray">Bootstrap Templates</a></p>
</div>
</div>
</div>
</footer>
<!-- JavaScript files-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="vendor/lightbox2/js/lightbox.min.js"></script>
<script src="vendor/smooth-scroll/smooth-scroll.polyfills.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.4.0/leaflet.js"> </script>
<script src="js/front.js"></script>
<!-- FontAwesome CSS - loading as last, so it doesn't block rendering-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
</body>
</html>