-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.htm
97 lines (85 loc) · 4.15 KB
/
home.htm
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
<!DOCTYPE HTML>
<html>
<head>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<meta charset="utf-8">
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Home" />
<meta name="author" content="emretanriverdi" />
<link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/flexslider.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/modernizr-2.6.2.min.js"></script>
</head>
<body>
<div class="fh5co-loader"></div>
<div id="page">
<nav class="fh5co-nav" role="navigation">
<div class="container">
<div class="row">
<div class="col-xs-12 text-center menu-1 menu-wrap">
<ul>
<li class="active"><a href="home.htm">Home</a></li>
<li><a href="localdishes.htm">Local Dishes</a></li>
<li><a href="historicalplaces.htm">Historical Places</a></li>
<li><a href="usefullinks.htm">Useful Links</a></li>
<li><a href="contactme.htm">Contact Me</a></li>
</ul>
</div>
</div>
</div>
</nav>
<header id="fh5co-header" class="fh5co-cover js-fullheight" role="banner" style="background-image: url(images/main_photo.jpg);" data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="display-t js-fullheight">
<div class="display-tc js-fullheight animate-box" data-animate-effect="fadeIn">
<h1>Welcome <em>to </em><span style="color:#e61931;">Batumi!</span></h1>
</div>
</div>
</div>
</div>
</div>
</header>
<div id="fh5co-about" class="fh5co-section">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-pull-4 img-wrap animate-box" data-animate-effect="fadeInLeft">
<p> </p>
<img src="images/batumi_flag.jpg" alt="" style="height: auto; width: 100%">
</div>
<div class="col-md-5 col-md-push-1 animate-box">
<div class="section-heading">
<h2 style="color:#d7b112;font-size:32px"><br>General Info</h2>
<p style="color:#fbf38e;font-size:20px">Batumi is a popular tourist destination known for its varying weather–it is a bustling seaside resort during warm seasons, but it can get entirely covered in snow during winter.<br>Much of Batumi's economy revolves around tourism and gambling, but the city is also an important sea port and includes industries like shipbuilding, food processing and light manufacturing. Since 2010, Batumi has been transformed by the construction of modern high-rise buildings, as well as the restoration of classical 19th-century edifices lining its historic Old Town.</p><p align="center", style="color:#fbf38e"> <img src="images/batumi_world.jpg" alt="Batumi's Position in World" height="150">;<img src="images/batumi_turkey.png" alt="Batumi's Position Compared in Turkey" height="150"> <br><span style="font-size:18px">Batumi is the second-largest city of Georgia, located on the coast of the Black Sea in the country's southwest; bordering Turkey. </span></p>
</div>
</div>
</div>
</div>
</div>
<div>
<p align="center", style="color:white"><font size="6"><strong>Here's a really nice video about Batumi:</strong></p>
<p align="center"><body>
<h2 align="center" style="color:white"><br>
<iframe width="360" height="270" src="https://www.youtube.com/embed/ncylaYU8Wvs">
</iframe>
</div>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<script src="js/main.js"></script>
</body>
</html>