Project

Profile

Help

HostedRedmine.com has moved to the Planio platform. All logins and passwords remained the same. All users will be able to login and use Redmine just as before. Read more...

First documentation of the file » destination-single-ancient-teathre.html

Oliver Kochovski, 2020-06-22 06:15 PM

 
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
    <title>Ancient Theatre of Ohrid</title>
5
    <meta charset="utf-8">
6
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7

    
8
    <link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700" rel="stylesheet">
9
    <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
10

    
11
    <link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
12
    <link rel="stylesheet" href="css/animate.css">
13

    
14
    <link rel="stylesheet" href="css/owl.carousel.min.css">
15
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
16
    <link rel="stylesheet" href="css/magnific-popup.css">
17
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
18
    <link rel="stylesheet" href="css/aos.css">
19

    
20
    <link rel="stylesheet" href="css/ionicons.min.css">
21

    
22
    <link rel="stylesheet" href="css/bootstrap-datepicker.css">
23
    <link rel="stylesheet" href="css/jquery.timepicker.css">
24

    
25

    
26
    <link rel="stylesheet" href="css/flaticon.css">
27
    <link rel="stylesheet" href="css/icomoon.css">
28
    <link rel="stylesheet" href="css/style.css">
29
</head>
30
<body>
31

    
32
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" style="background-color: #f9be37 !important;" id="ftco-navbar">
33
    <div class="container">
34
        <a class="navbar-brand" href="index.html">TravellerMK</a>
35
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
36
            <span class="oi oi-menu"></span> Menu
37
        </button>
38

    
39
        <div class="collapse navbar-collapse" id="ftco-nav">
40
            <ul class="navbar-nav ml-auto">
41
                <li class="nav-item "><a href="index.html" class="nav-link">Home</a></li>
42
                <li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
43
                <li class="nav-item active"><a href="destinations.html" class="nav-link">Destinations</a></li>
44
            </ul>
45
        </div>
46
    </div>
47
</nav>
48
<!-- END nav -->
49

    
50

    
51

    
52
<section class="ftco-section ftco-degree-bg" style="padding-top:100px;">
53
    <div class="container"><div class="row">
54
        <div class="col-lg-9">
55
            <div class="row">
56
                <div class="col-md-10 ftco-animate">
57
                    <div class="single-slider owl-carousel">
58
                        <div class="item">
59
                            <div class="hotel-img" style="background-image: url(images/teatar1.jpg);"></div>
60
                        </div>
61
                        <div class="item">
62
                            <div class="hotel-img" style="background-image: url(images/teatar2.jpg);"></div>
63
                        </div>
64
                        <div class="item">
65
                            <div class="hotel-img" style="background-image: url(images/teatar3.jpg);"></div>
66
                        </div>
67
                    </div>
68
                </div>
69
                <div class="col-md-9 hotel-single mt-4 mb-5 ftco-animate">
70
                    <h2>Ancient Theatre of Ohrid</h2>
71
                    <p class="rate mb-5">
72
                        <span class="loc"><a href="#"><i class="icon-map"></i>Ilindenska, Ohrid 6000</a></span>
73
                        <span class="star">
74
                <i class="icon-star"></i>
75
                <i class="icon-star"></i>
76
                <i class="icon-star"></i>
77
                <i class="icon-star"></i>
78
                <i class="icon-star"></i>
79
                9.2 Rating</span>
80
                    </p>
81
                    <p>The Ancient theatre of Ohrid of the Hellenistic period is located in Ohrid, North Macedonia. It was built in 200 BC and is the only Hellenistic-type theatre in the country as the other three in Scupi, Stobi and Heraklea Lynkestis are from Roman times. It is unclear how many people the original theater used to seat, as only the lower section still exists. The open theater has a perfect location: the two hills that surround it keep it protected from winds that could interfere with acoustics during performances.
82
                        During Roman times, the theater was also used for gladiator fights. However, since the theater was also a site of executions of Christians by the Romans, it rapidly turned to a highly disliked site by the locals. In fact, as a result of this dislike, the theater was abandoned and buried by the locals after the demise of the Roman Empire. This allowed for most of the structure to be well preserved, only to be uncovered accidentally in the 1980s. Namely, during construction work around some of the houses in the area, large stone blocks with carvings of the Greek god Dyonisius and the muses were showing up, which led archaeologists to believe that a Greek theater (Dionysus and the muses were related to the performance arts) must have been located nearby.
83
                        Since the late 1980s, the theater is again a site of public performances, such as plays, concerts, operas, ballet performances. Recently, high-profile cultural performances such as those by the Bolshoi and José Carreras take place each summer as part of the Ohrid Summer Festival.
84

    
85
                    </p>
86

    
87
                </div>
88

    
89
                <div class="col-md-9 hotel-single ftco-animate mb-5 mt-5">
90
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3005.905444834681!2d20.79147811541737!3d41.11475607929015!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1350dcbb6478e6a5%3A0xdaac2a2cc939fbfd!2sAncient%20theatre%20of%20Ohrid!5e0!3m2!1sen!2smk!4v1590156102223!5m2!1sen!2smk" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
91

    
92
                </div>
93
            </div>
94
        </div>
95
        <div class="col-lg-3 sidebar">
96

    
97
            <div class="sidebar-wrap ftco-animate">
98
                <h3 class="heading mb-4">Rate this place</h3>
99
                <form method="post" class="star-rating">
100
                    <div class="form-check">
101
                        <input type="checkbox" class="form-check-input" id="exampleCheck1">
102
                        <label class="form-check-label" for="exampleCheck1">
103
                            <p class="rate"><span><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i></span></p>
104
                        </label>
105
                    </div>
106
                    <div class="form-check">
107
                        <input type="checkbox" class="form-check-input" id="exampleCheck1">
108
                        <label class="form-check-label" for="exampleCheck1">
109
                            <p class="rate"><span><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star-o"></i></span></p>
110
                        </label>
111
                    </div>
112
                    <div class="form-check">
113
                        <input type="checkbox" class="form-check-input" id="exampleCheck1">
114
                        <label class="form-check-label" for="exampleCheck1">
115
                            <p class="rate"><span><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star-o"></i><i class="icon-star-o"></i></span></p>
116
                        </label>
117
                    </div>
118
                    <div class="form-check">
119
                        <input type="checkbox" class="form-check-input" id="exampleCheck1">
120
                        <label class="form-check-label" for="exampleCheck1">
121
                            <p class="rate"><span><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star-o"></i><i class="icon-star-o"></i><i class="icon-star-o"></i></span></p>
122
                        </label>
123
                    </div>
124
                    <div class="form-check">
125
                        <input type="checkbox" class="form-check-input" id="exampleCheck1">
126
                        <label class="form-check-label" for="exampleCheck1">
127
                            <p class="rate"><span><i class="icon-star"></i><i class="icon-star-o"></i><i class="icon-star-o"></i><i class="icon-star-o"></i><i class="icon-star-o"></i></span></p>
128
                        </label>
129
                    </div>
130
                </form>
131
            </div>
132
            <div class="sidebar-wrap ftco-animate">
133

    
134
            </div>
135
            <div class="sidebar-wrap ftco-animate">
136
                <div class="col-md-12 hotel-single ftco-animate mb-5 mt-5" style="padding:85px 0 0 0;">
137
                    <h4 class="mb-4">Related Destinations</h4>
138
                    <div class="row">
139
                        <div class="col-md-12">
140
                            <div class="destination">
141
                                <a href="hotel-single.html" class="img img-2" style="background-image: url(images/Pelister.jpg);"></a>
142
                                <div class="text p-3">
143
                                    <div class="d-flex">
144
                                        <div class="one">
145
                                            <h3><a href="hotel-single.html">Pelister, Bitola</a></h3>
146
                                            <p class="rate">
147
                                                <i class="icon-star"></i>
148
                                                <i class="icon-star"></i>
149
                                                <i class="icon-star"></i>
150
                                                <i class="icon-star"></i>
151
                                                <i class="icon-star-o"></i>
152
                                                <span>8.2 Rating</span>
153
                                            </p>
154
                                        </div>
155

    
156
                                    </div>
157

    
158
                                </div>
159
                            </div>
160
                        </div>
161
                        <div class="col-md-12">
162
                            <div class="destination">
163
                                <a href="hotel-single.html" class="img img-2" style="background-image: url(images/matka1.jpg);"></a>
164
                                <div class="text p-3">
165
                                    <div class="d-flex">
166
                                        <div class="one">
167
                                            <h3><a href="hotel-single.html">Matka, Skopje</a></h3>
168
                                            <p class="rate">
169
                                                <i class="icon-star"></i>
170
                                                <i class="icon-star"></i>
171
                                                <i class="icon-star"></i>
172
                                                <i class="icon-star"></i>
173
                                                <i class="icon-star-o"></i>
174
                                                <span>9.1 Rating</span>
175
                                            </p>
176
                                        </div>
177

    
178
                                    </div>
179

    
180

    
181
                                </div>
182
                            </div>
183
                        </div>
184
                        <div class="col-md-12">
185
                            <div class="destination">
186
                                <a href="hotel-single.html" class="img img-2" style="background-image: url(images/kozjak.jpg);"></a>
187
                                <div class="text p-3">
188
                                    <div class="d-flex">
189
                                        <div class="one">
190
                                            <h3><a href="hotel-single.html">Kozjak</a></h3>
191
                                            <p class="rate">
192
                                                <i class="icon-star"></i>
193
                                                <i class="icon-star"></i>
194
                                                <i class="icon-star"></i>
195
                                                <i class="icon-star"></i>
196
                                                <i class="icon-star-o"></i>
197
                                                <span>8.8 Rating</span>
198
                                            </p>
199
                                        </div>
200

    
201
                                    </div>
202

    
203
                                </div>
204
                            </div>
205
                        </div>
206
                    </div>
207
                </div>
208
            </div>
209
        </div>
210

    
211
    </div>
212
    </div>
213
</section>
214

    
215

    
216

    
217
<footer class="ftco-footer ftco-bg-dark ftco-section ">
218
    <div class="container">
219
        <div class="row mb-5">
220
            <div class="col-md">
221
                <div class="ftco-footer-widget mb-4">
222
                    <h2 class="ftco-heading-2">Follow us</h2>
223
                    <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-3">
224
                        <li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li>
225
                        <li class="ftco-animate"><a href="#"><span class="icon-facebook"></span></a></li>
226
                        <li class="ftco-animate"><a href="#"><span class="icon-instagram"></span></a></li>
227
                    </ul>
228
                </div>
229
            </div>
230
            <div class="col-md">
231
                <div class="ftco-footer-widget mb-4 ml-md-4">
232
                    <h2 class="ftco-heading-2">Information</h2>
233
                    <ul class="list-unstyled">
234
                        <li><a href="about.html" class="py-2 d-block">About Us</a></li>
235
                        <li><a href="#" class="py-2 d-block">Privacy policy</a></li>
236
                        <li><a href="#" class="py-2 d-block">Terms of Service</a></li>
237

    
238
                    </ul>
239
                </div>
240
            </div>
241
            <div class="col-md">
242
                <div class="ftco-footer-widget mb-4">
243
                    <h2 class="ftco-heading-2">Top Places</h2>
244
                    <ul class="list-unstyled">
245
                        <li><a href="about.html" class="py-2 d-block">Skopje</a></li>
246
                        <li><a href="#" class="py-2 d-block">Ohrid</a></li>
247
                        <li><a href="#" class="py-2 d-block">Pelister</a></li>
248

    
249
                    </ul>
250
                </div>
251
            </div>
252

    
253
        </div>
254
    </div>
255
    <div class="row">
256
        <div class="col-md-12 text-center">
257

    
258
            <p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
259
                Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | travellermk.com.mk
260
                <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
261
        </div>
262
    </div>
263
</footer>
264

    
265

    
266

    
267
<!-- loader -->
268
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
269

    
270

    
271
<script src="js/jquery.min.js"></script>
272
<script src="js/jquery-migrate-3.0.1.min.js"></script>
273
<script src="js/popper.min.js"></script>
274
<script src="js/bootstrap.min.js"></script>
275
<script src="js/jquery.easing.1.3.js"></script>
276
<script src="js/jquery.waypoints.min.js"></script>
277
<script src="js/jquery.stellar.min.js"></script>
278
<script src="js/owl.carousel.min.js"></script>
279
<script src="js/jquery.magnific-popup.min.js"></script>
280
<script src="js/aos.js"></script>
281
<script src="js/jquery.animateNumber.min.js"></script>
282
<script src="js/bootstrap-datepicker.js"></script>
283
<script src="js/jquery.timepicker.min.js"></script>
284
<script src="js/scrollax.min.js"></script>
285
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
286
<script src="js/google-map.js"></script>
287
<script src="js/main.js"></script>
288

    
289
</body>
290
</html>
291

    
292

    
293

    
294

    
295

    
(4-4/5)