GlobeTrot/GTB.html at master · lalimasharda/GlobeTrot · GitHub

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
<html>
<style>
.container {
  background: url(mountains.jpg) no-repeat center fixed;
opacity: 1;
  background-size: cover;
  position:relative;
clear:both;

}

#img1{
float:left;
}

h1{
text-align:center;
color:#782525;
font-family:"Constantine";
font-size: 80px;
font-variant: small-caps;
}

#ul1 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    clear:both;
}

#li1 {
    float: left;
}

a{
font-family: Constantine;
}

#li1 a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 60px;
    text-decoration: none;
    font-family: "Constantine";
    font-variant: small-caps;
    font-size: 40px;
}

#li1 a:hover:not(.active) {
    background-color: #DAA520;
}

.active {
    background-color: #DAA520;
}

input[type=text] {
       box-sizing: border-box;
       border: 2px solid #ccc;
       font-size: 16px;
       background-color: white;
 }

input[placeholder="Search.."] {
padding: 5px;
}

h3{
text-align: center;
color:#782525;
font-variant: small-caps;
font-size:60px;

}

h4{
text-align:center;
font-size:40;
font-style:oblique;
color:#782525;
font-family:"Constantine";
}

#img3{
float: right;
clear:both;
}

#pre1{
font-family:"Constantine";
font-size:40px;
color:white;

}
#p2{
font-family:"Constantine";
font-size:40px;
color:white;
text-align: right;
}


#img4{
float:left;
clear:both;
}


br{
clear: both;
}

#li2 a{
font-family:"Constantine";
font-size:20px;
color:black;
font-weight: bold;

}

#pre2{
list-style-type:none;
font-family:"Constantine";
clear:both;
}

footer{
clear:both;
background-color:#DAA520;
}
</style>

<body>

<img id="img1" src="globetrotlogo.png" alt="Logo" width=400 height=200>
<h1>GlobeTrot Tours</h1>
<h4>"You have arrived"</h4>
<div class="container">
<ul id="ul1">
  <li id="li1"><a class="active" href="#home">Home</a></li>
  <li id="li1"><a href="dest123.html">Destinations</a></li>
  <li id="li1"><a href="contact1.html">Contact Us</a></li>
  <li id="li1"><a href="Login.html">Log In</a></li>
  </li>
</ul>

<h3>ABOUT US</h3>
<pre id="pre1">
<img id="img3" src="about1.png" alt="About Us" width="500" height="300">
Created to empower the Indian traveller with instant booking and comprehensive choices,
the company began its journey in 2016, in the US-India travel market. It aimed to offer
a range of best-value products and services along with cutting-edge technology and dedicated
round-the-clock customer support.
</pre>
<br>
<hr>

<h3>EXPERIENCES</h3>
<pre id="p2" >
<img id="img4" src="expr1.png" alt="Experience" width="500" height="300">
"It was a lovely experience with my family, its a calm and serene place surrounded by waters.
Enjoyed very much, to be with nature for peace of mind away from the hassles of city life.
Thanks to all staff."


"Stayed at arabian dreams. Here is homely environment due to staffs approach location quick
access to lovely tourist spots for family. Amazing experience ever. Thank you!"
</pre>

<br>

<footer>
<h3 id="h31">POPULAR CHOICES</h3>

<ul id="pre2">
<pre>
<li id="li2">                             		     					            <a href="dest123.html">Agra</a>               		    <a href="dest123.html">Kashmir</a>              		<a href="dest123.html">Leh/Ladakh</a></li><br>

</ul>
</footer>

</div>

</body>
</html>