This repository has been archived by the owner on Nov 10, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
europe.html
147 lines (141 loc) · 7.71 KB
/
europe.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="lib/bootstrap-4.1.1/css/bootstrap.css">
<link rel="stylesheet" href="lib/fonts-awsome-5.1.0/css/all.css">
<link rel="stylesheet" href="lib/aos/css/aos.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="lib/ui-kit-3.0.0/css/uikit.css" >
<link rel="icon" href="img/icon.png">
<title>Let's Travel Agency</title>
</head>
<body>
<nav class="navbar navbar-expand-lg rev">
<a class="navbar-brand" href="http://lets-travel.lo:5104">
<img id="desk" src="img/Logo.png" width="126">
<img id="mob" src="img/Logo2.png" width="126">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav" aria-controls="nav" aria-expanded="false" aria-label="Toggle Navigation">
<span class="fa fa-2x fa-bars"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="nav">
<ul class="navbar-nav">
<li class="nav-item">
<a href="about.html" class="nav-link">About Us</a>
</li>
<li class="nav-item">
<a href="reviews.html" class="nav-link">Reviews</a>
</li>
<li class="nav-item">
<a id="contact" href="#modal-full" class="nav-link" uk-toggle>Contact</a>
</li>
</ul>
</div>
</nav>
<section role="section">
<div class="row no-gutters">
<a href="#" class="col-md-3 cont text-center">
<div style="background-image: url('img/Europe/acropolis-10917.jpg');">
<span>Acropolis</span>
</div>
</a>
<a href="#" class="col-md-3 cont text-center">
<div style="background-image: url('img/Europe/brandenburg-gate-10648.jpg');">
<span>Brandenburg Gate</span>
</div>
</a>
<a href="#" class="col-md-3 cont text-center">
<div style="background-image: url('img/Europe/dubrovnik-10805.jpg');">
<span>Dubrovnik</span>
</div>
</a>
<a href="#" class="col-md-3 cont text-center">
<div style="background-image: url('img/Europe/eiffel-tower-1576.jpg');">
<span>Eiffel Tower</span>
</div>
</a>
<a href="#" class="col-md-3 cont text-center">
<div style="background-image: url('img/Europe/florence-duomo-climb-hero.jpg');">
<span>Florence</span>
</div>
</a>
<div href="#" class="col-md-6 p-3 text-center" style="height:194px; font-size: 1.4em;">
<p id="desc">It's easy to see why Europe - a well preserved cultural heritage, open borders and efficient infrastructure makes visiting Europe a breeze, and rarely will you have to travel more than a few hours before you can immerse yourself in a new culture, and dive into a different phrasebook. </p>
</div>
<a href="#" class="col-md-3 cont text-center">
<div style="background-image: url('img/Europe/la-sagrada-familia-10314Copy.jpg'); background-position:bottom;">
<span>La Sagrada Familia</span>
</div>
</a>
<a href="#" class="col-md-3 cont text-center">
<div style="background-image: url('img/Europe/newgrange-tour-1-1920x1080.jpg');">
<span>Newgrange</span>
</div>
</a>
<a href="#" class="col-md-3 cont text-center">
<div style="background-image: url('img/Europe/Padrão dos Descobrimentos.jpg'); ">
<span>Padrão dos Descobrimentos</span>
</div>
</a>
<a href="#" class="col-md-3 cont text-center">
<div style="background-image: url('img/Europe/piza.jpg');">
<span>Piza Tower</span>
</div>
</a>
<a href="#" class="col-md-3 cont text-center">
<div style="background-image: url('img/Europe/Sibelius Monument (1).jpg');">
<span>Sibelius Monument</span>
</div>
</a>
</div>
</section>
<div id="modal-full" class="uk-modal-full" uk-modal>
<div class="uk-modal-dialog">
<button class="uk-modal-close-full uk-close-large float-right mr-3 mt-3" type="button" uk-close></button>
<div class="uk-grid-collapse uk-child-width-1-2@s uk-flex-middle" uk-grid>
<div class="uk-background-cover" style="background-image: url('img/homing-pigeons-3-1397554.jpg')" uk-height-viewport></div>
<form class="uk-padding-large" action="" method="POST">
<div class="input-group mb-3 input-group-lg">
<div class="input-group-prepend ">
<span class="input-group-text btn-my">Your Name</span>
</div>
<input class="form-control" placeholder="your name" value="">
</div>
<div class="input-group mb-3 input-group-lg">
<div class="input-group-prepend">
<span class="input-group-text btn-my">Your Email</span>
</div>
<input class="form-control" placeholder="your email" value="">
</div>
<div class="input-group mb-3 input-group-lg">
<div class="input-group-prepend">
<span class="input-group-text btn-my">Subject</span>
</div>
<input class="form-control" placeholder="subject" value="">
</div>
<div class="input-group mb-3 input-group-lg">
<div class="input-group-prepend">
<span class="input-group-text btn-my" >Message</span>
</div>
<textarea class="form-control" placeholder="message...." value=""></textarea>
</div>
<button type="submit" class="btn btn-lg btn-my">Submit</button>
</form>
</div>
</div>
</div>
<script src="lib/jquery-3.3.1/jquery-3.3.1.min.js"></script>
<script src="lib/bootstrap-4.1.1/js/bootstrap.bundle.min.js"></script>
<script src="lib/bootstrap-4.1.1/js/bootstrap.min.js"></script>
<script src="lib/aos/js/aos.js"></script>
<script src="lib/ui-kit-3.0.0/js/uikit.js"></script>
<script>
$(document).ready(function(){
$.getScript('js/main.js');
});
</script>
</body>
</html>