-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhistoricalplaces.htm
114 lines (99 loc) · 5.29 KB
/
historicalplaces.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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE HTML>
<html>
<head>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<meta charset="utf-8">
<title>Historical Places</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><a href="home.htm">Home</a></li>
<li><a href="localdishes.htm">Local Dishes</a></li>
<li class="active"><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>
<div id="fh5co-gallery" class="fh5co-section">
<div class="container">
<div class="row">
</div>
<div class="col-md-3 col-sm-3 fh5co-gallery_item">
<div class="fh5co-bg-img" style="background-image: url(images/historical/ali-nino.jpg);" data-trigger="zoomerang"><p style="color:white"><strong><br><br><br><br><br><br><br>Ali and Nino Statue</strong></p></div>
<div class="fh5co-bg-img" style="background-image: url(images/historical/astronomical-clock.jpg);" data-trigger="zoomerang"><p style="color:white"><strong><br><br><br><br><br><br><br>Astronomical Clock</strong></p></div>
</div>
<div class="col-md-6 col-sm-6 fh5co-gallery_item">
<div class="fh5co-bg-img fh5co-gallery_big" style="background-image: url(images/historical/batumi-boulevard.jpg);" data-trigger="zoomerang"><p style="color:white"><strong><br><br><br><br><br><br><br><br><br><br><br><br><br><br> Batumi Boulevard</strong></p></div>
</div>
<div class="col-md-3 col-sm-3 fh5co-gallery_item">
<div class="fh5co-bg-img" style="background-image: url(images/historical/chacha-tower.jpg);" data-trigger="zoomerang"><p style="color:white"><strong><br><br><br><br><br><br><br>Chacha Tower</strong></p></div>
<div class="fh5co-bg-img" style="background-image: url(images/historical/europe-square.jpg);" data-trigger="zoomerang"><p style="color:white"><strong><br><br><br><br><br><br><br>Europe Square</strong></p></div>
</div>
<div class="col-md-3 col-sm-3 fh5co-gallery_item">
<div class="fh5co-bg-img" style="background-image: url(images/historical/gonio.jpg);" data-trigger="zoomerang"><p style="color:white"><strong><br><br><br><br><br><br><br>Gonio Castle</strong></p></div>
<div class="fh5co-bg-img" style="background-image: url(images/historical/ilia.jpg);" data-trigger="zoomerang"><p style="color:white"><strong><br><br><br><br><br><br><br>Ilia Chavchavadzade Monument</strong></p></div>
</div>
<div class="col-md-3 col-sm-3 fh5co-gallery_item">
<div class="fh5co-bg-img" style="background-image: url(images/historical/piazza-2.jpeg);" data-trigger="zoomerang"><p style="color:white"><strong><br><br><br><br><br><br><br>Piazza</strong></p></div>
<div class="fh5co-bg-img" style="background-image: url(images/historical/ters-ev.jpg);" data-trigger="zoomerang"><p style="color:white"><strong><br><br><br><br><br><br><br>White Restaurant (yes, it's reverse)</strong></p></div>
</div>
<div class="col-md-6 col-sm-6 fh5co-gallery_item">
<div class="fh5co-bg-img fh5co-gallery_big" style="background-image: url(images/historical/virgin-mary.jpg);" data-trigger="zoomerang"><p style="color:cyan"><strong><br><br><br><br><br><br><br><br><br><br><br><br><br><br> Virgin Mary Church</strong></p></div>
</div>
</div>
</div>
</div>
<div>
<body>
<h2 align="center" style="color:white"><br><br><strong>Two really beautiful videos about Batumi's historical places in general:</strong></h2><br>
<p style="display:inline-block;margin-left:500px"></p>
<iframe width="320" height="240" src="https://www.youtube.com/embed/xIe9NnJ2YDE">
</iframe>
</body>
<body><p style="display:inline-block;margin:20px"></p>
<iframe width="320" height="240" src="https://www.youtube.com/embed/EDB8GC043vg">
</iframe>
</body>
<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/zoomerang.js"></script>
<script src="js/main.js"></script>
<script>
Zoomerang
.config({
maxHeight: 600,
maxWidth: 900,
bgColor: '#000',
bgOpacity: .85
})
.listen('[data-trigger="zoomerang"]')
</script>
</body>
</html>