-
Notifications
You must be signed in to change notification settings - Fork 0
/
botanic.html
221 lines (198 loc) · 10.7 KB
/
botanic.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Botanic Garden</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<style>
.navbar {
margin-bottom: 0;
border-radius: 0;
}
.affix {
top: 0;
width: 100%;
z-index: 9999 !important;
}
.affix + .container-fluid {
padding-top: 70px;
}
/* Add a gray background color and some padding to the footer */
footer {
background-color: #f2f2f2;
padding: 25px;
}
.carousel-inner img {
width: 100%; /* Set width to 100% */
margin: auto;
min-height:200px;
max-height: 400px;
}
/* Hide the carousel text when the screen is less than 600 pixels wide */
@media (max-width: 600px) {
.carousel-caption {
display: none;
}
}
/* Picture sizing */
#pic {
object-fit: cover; width: 100%; height: 400px; object-position: 50%
}
#pic1 {
object-fit: cover; width: 100%; height: 300px; object-position: 50%
}
</style>
</head>
<body>
<nav class="navbar navbar-default" data-spy="affix" data-offset-top="0.1" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">TashTour</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="Accommodation.html">Accommodations</a></li>
<li class="dropdown active">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Entertainment
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="_museum.html">Museums</a></li>
<li><a href="_park.html">Parks</a></li>
<li><a href="_shop.html">Shops</a></li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Restaurants & Cafes
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="National.html">National</a></li>
<li><a href="FastFood.html">Fast Food</a></li>
<li><a href="CoffeeShop.html">Coffee Shops</a></li>
<li><a href="OR.html">Other</a></li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Transport
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="_bus.html">Bus</a></li>
<li><a href="_taxi.html">Taxi</a></li>
<li><a href="_sub.html">Underground</a></li>
<li><a href="_rail.html">Rail</a></li>
<li><a href="_air.html">Air</a></li>
</ul>
</li>
<li><a href="_tip.html">Useful Tips</a></li>
</ul>
<div class="nav navbar-nav navbar-right">
<a href="Travelers Quiz.html" target="_blank"><button class="btn btn-primary navbar-btn"><b>Travel Personality Quiz</b></button></a>
</div>
</div>
</div>
</nav>
<div class="container text-center" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)">
<div id="myCarousel" class="carousel slide" data-ride="carousel" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)">
<!-- 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>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img id="pic" src="Abro_photo/botanic/botanic1.jpg" alt="Image">
<div class="carousel-caption">
<h3>Botanic Garden</h3>
</div>
</div>
<div class="item">
<img id="pic" src="Abro_photo/botanic/botanic2.jpg" alt="Image">
<div class="carousel-caption">
<h3>Botanic Garden</h3>
</div>
</div>
<div class="item">
<img id="pic" src="Abro_photo/botanic/botanic3.jpg" alt="Image">
<div class="carousel-caption">
<h3>Botanic Garden</h3>
</div>
</div>
<div class="item">
<img id="pic" src="Abro_photo/botanic/botanic4.jpg" alt="Image">
<div class="carousel-caption">
<h3>Botanic Garden</h3>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<br>
<div class="container text-center" style="object-fit: cover; width: 100%; height: 100%; object-position: 50%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)">
<h3 class="text-primary"><b>BOTANIC GARDEN</b></h3><br>
<div class="row">
<div class="col-sm-12 text-info"><p>
The nature of our planet is organized very harmoniously and well-balanced. Each natural zone has own peculiarities and beauties, each region is unique and wonderful. It is impossible to find two identical valleys, two equal streams on the world. Millions years have made our planet as the wonderful world, full of endless variety of life. And sometimes we need to leave an urban fuss that not to lose a connection with nature. It can be done without leaving the city – most cities have their unique natural zones. One of such beautiful places is the Tashkent Botanical Garden.
Today in the unique natural zone of Tashkent there are over 4500 sorts of trees, flowers and other plants. Botanical garden is divided into five parts, which correspond to flora of Central Asia, Eastern Asia, North America and Europe, including natural zones of Crimea, Caucasus, Far East. It became possible due to if an acutely continental but favorable climate of Uzbekistan, where it is possible to grow plants from other climate zones.
Acquaintance with this wonderful garden starts form the small pond, in which delicate-pink lotuses blossom in the late spring. After it there are several alleys around the garden, which lead to the central part of the garden. All sectors of the park are closed up here, so you may begin walking from any climate region, either flora of America, Europe or Asia. But it is better to start from the hill of wishes. One of paths leads to this hill. The whole ritual consists of rising up the stairs, where on each footstep you should repeat your wish in mind, and at the top you should tie the ribbon to the tree. And when the ribbon is torn, you wish will come true. However it’s better to spare the tree and just to rise up the stairs.
Botanical GardenBotanical GardenBotanical Garden
In addition to open-air zones Botanical garden has greenhouses, hothouses and special nursery for medicinal herbs. In these greenhouses numerous sorts of exotic plants from tropical and subtropical countries are presented. The most well-known rare plants in Uzbekistan are see the relict coniferous tree - metasequoia, another relict plant - ginkgo, magnolia, decorative plants as tulip tree, Japanese quince, plants, listed in the Red Book such as eremures, Taxodium, which you can see in the exposition of North America flora, irises and others.
It is worth to say that the Botanical Garden is beautiful in each season in its own way. In spring the garden is blossomed and is full of odors, in summer it is green and saves from heat, in autumn it is really fabulous palette of colors from bright-yellow to dark-red.
You can come here with children or with company of friends for picnics. Also very often school excursions and ecology actions are held here. By the way it is more interesting to walk with guide: he will tell you interesting stories and legends related to these unique plants.
Tashkent Botanical Garden is really enchanting place, here your body and soul relax.
<br> </p></div>
</div>
</div>
<div class="container text-center" style="object-fit: cover; width: 100%; height: 100%; object-position: 50%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)">
<h3><b>CAN DO</b></h3><br>
<div class="row">
<div class="col-sm-4">
<img id="pic1" src="Abro_photo/botanic/botanic5.jpg" class="img-responsive" alt="Image">
<p>Enjoy the fresh air</p>
</div>
<div class="col-sm-4">
<img id="pic1" src="Abro_photo/botanic/botanic6.jpg" class="img-responsive" alt="Image">
<p>Have some a quiet time</p>
</div>
<div class="col-sm-4">
<img id="pic1" src="Abro_photo/botanic/botanic7.jpg" class="img-responsive" alt="Image">
<p>Embrace the view</p>
</div>
</div>
</div>
<div class="well" align="center">
<p class="text-uppercase"><b>Details</b></p>
<i>Address: Bogishamon str., Yunusabad dist., Tashkent, Uzbekistan</i><br>
<i>Nearest metro: Amir Timur Hiyoboni ~ 0m</i><br>
<i>Entrance: $ 0.12-0.30 (UZS 1000-3000)</i><br>
<i>Phone: +998 71 289 10 52</i><br>
<i>Website: tashkentgarden.uz</i><br>
<i>Email: [email protected]</i><br>
<i>Working time: from 8AM to 5PM every day</i>
</div>
<br>
<footer class="container-fluid text-center" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)">
<a href="https://www.google.com/maps/place/Tashkent+Botanical+Garden/@41.3437983,69.3160626,15z/data=!4m5!3m4!1s0x0:0xfc2ff111c466be7b!8m2!3d41.3437983!4d69.3160626" target="_blank" style="text-decoration: none;"><button type="button" class="btn btn-primary btn-lg btn-block">SEE MAP</button></a>
<a href="_Park.html" style="text-decoration: none;"><button type="button" class="btn btn-default btn-lg btn-block">OTHER LOCATIONS</button></a>
</footer>
</div>
</body>
</html>