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-bridge.html

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

 
1
<!DOCTYPE html>
2
<html lang="en">
3
  <head>
4
    <title>Stone Bridge</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/stone1.jpeg);"></div>
60
                </div>
61
                <div class="item">
62
                  <div class="hotel-img" style="background-image: url(images/stone2.jpg);"></div>
63
                </div>
64
                <div class="item">
65
                  <div class="hotel-img" style="background-image: url(images/stone3.jpg);"></div>
66
                </div>
67
              </div>
68
            </div>
69
            <div class="col-md-9 hotel-single mt-4 mb-5 ftco-animate">
70
              <h2>Stone Bridge</h2>
71
              <p class="rate mb-5">
72
                <span class="loc"><a href="#"><i class="icon-map"></i> Macedonia, Skopje 1000</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-o"></i>
79
                8.2 Rating</span>
80
              </p>
81
              <p>
82
              The Stone Bridge is a bridge across the Vardar RIver in Skopje, the capital of the Republic of North Macedonia. The bridge is also less frequently known as the Dušan Bridge (Macedonian and Serbian: Душанов мост) after Stephen Dušan, Emperor of Serbia.
83
The bridge is considered a symbol of Skopje and is the main element of the coat of arms of the city, which in turn is incorporated in the city's flag. It is located in Centar municipality and it connects Macedonia Square to the Old Bazaar.
84
The current Stone Bridge was built on Roman foundations under the patronage of Sultan Mehmed II the Conqueror between 1451 and 1469. Most of the Stone Bridge originates from the Ottoman period and throughout the centuries, the Stone Bridge was often damaged and then repaired. There is historical evidence that it once suffered during the great earthquake of 1555 which heavily damaged or destroyed four pillars. Renovations were carried out the same year. Some executions have also taken place on this bridge, such as the execution of Karposh in 1689.
85

    
86
            </p>
87
              
88
            </div>
89
            
90
            <div class="col-md-9 hotel-single ftco-animate mb-5 mt-5">
91
           <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2965.145595766174!2d21.43109721544488!3d41.99715077921284!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x135415b3e094c2cd%3A0x9a702c998e170a3e!2sStone%20Bridge!5e0!3m2!1sen!2smk!4v1590089582071!5m2!1sen!2smk" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
92
            
93
            </div>
94
    
95
          </div>
96
        </div> 
97
        <div class="col-lg-3 sidebar">
98
              
99
            <div class="sidebar-wrap ftco-animate">
100
              <h3 class="heading mb-4">Rate this place</h3>
101
              <form method="post" class="star-rating">
102
                <div class="form-check">
103
                  <input type="checkbox" class="form-check-input" id="exampleCheck1">
104
                  <label class="form-check-label" for="exampleCheck1">
105
                    <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>
106
                  </label>
107
                </div>
108
                <div class="form-check">
109
                  <input type="checkbox" class="form-check-input" id="exampleCheck1">
110
                  <label class="form-check-label" for="exampleCheck1">
111
                     <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>
112
                  </label>
113
                </div>
114
                <div class="form-check">
115
                  <input type="checkbox" class="form-check-input" id="exampleCheck1">
116
                  <label class="form-check-label" for="exampleCheck1">
117
                    <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>
118
                 </label>
119
                </div>
120
                <div class="form-check">
121
                  <input type="checkbox" class="form-check-input" id="exampleCheck1">
122
                  <label class="form-check-label" for="exampleCheck1">
123
                    <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>
124
                  </label>
125
                </div>
126
                <div class="form-check">
127
                  <input type="checkbox" class="form-check-input" id="exampleCheck1">
128
                  <label class="form-check-label" for="exampleCheck1">
129
                    <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>
130
                  </label>
131
                </div>
132
              </form>
133
            </div>
134
            <div class="sidebar-wrap ftco-animate">
135
              
136
            </div>
137
            <div class="sidebar-wrap ftco-animate">
138
              <div class="col-md-12 hotel-single ftco-animate mb-5 mt-5" style="padding:85px 0 0 0;">
139
                <h4 class="mb-4">Related Destinations</h4>
140
                <div class="row">
141
                  <div class="col-md-12">
142
                    <div class="destination">
143
                      <a href="hotel-single.html" class="img img-2" style="background-image: url(images/Pelister.jpg);"></a>
144
                      <div class="text p-3">
145
                        <div class="d-flex">
146
                          <div class="one">
147
                            <h3><a href="hotel-single.html">Pelister, Bitola</a></h3>
148
                            <p class="rate">
149
                              <i class="icon-star"></i>
150
                              <i class="icon-star"></i>
151
                              <i class="icon-star"></i>
152
                              <i class="icon-star"></i>
153
                              <i class="icon-star-o"></i>
154
                              <span>8.2 Rating</span>
155
                            </p>
156
                          </div>
157
                          
158
                        </div>
159
                        
160
                      </div>
161
                    </div>
162
                  </div>
163
                  <div class="col-md-12">
164
                    <div class="destination">
165
                      <a href="hotel-single.html" class="img img-2" style="background-image: url(images/ohrid.jpg);"></a>
166
                      <div class="text p-3">
167
                        <div class="d-flex">
168
                          <div class="one">
169
                            <h3><a href="hotel-single.html">Ohrid</a></h3>
170
                            <p class="rate">
171
                              <i class="icon-star"></i>
172
                              <i class="icon-star"></i>
173
                              <i class="icon-star"></i>
174
                              <i class="icon-star"></i>
175
                              <i class="icon-star-o"></i>
176
                              <span>9.0 Rating</span>
177
                            </p>
178
                          </div>
179
                          
180
                        </div>
181
                      
182
                        
183
                      </div>
184
                    </div>
185
                  </div>
186
                  <div class="col-md-12">
187
                    <div class="destination">
188
                      <a href="hotel-single.html" class="img img-2" style="background-image: url(images/matka1.jpg);"></a>
189
                      <div class="text p-3">
190
                        <div class="d-flex">
191
                          <div class="one">
192
                            <h3><a href="hotel-single.html">Matka</a></h3>
193
                            <p class="rate">
194
                              <i class="icon-star"></i>
195
                              <i class="icon-star"></i>
196
                              <i class="icon-star"></i>
197
                              <i class="icon-star"></i>
198
                              <i class="icon-star-o"></i>
199
                              <span>9.1 Rating</span>
200
                            </p>
201
                          </div>
202
                          
203
                        </div>
204
                        
205
                      </div>
206
                    </div>
207
                  </div>
208
                </div>
209
              </div>
210
            </div>
211
          </div>
212
          
213
        </div>
214
      </div>
215
    </section>
216

    
217
                
218

    
219
    <footer class="ftco-footer ftco-bg-dark ftco-section ">
220
      <div class="container">
221
        <div class="row mb-5">
222
          <div class="col-md">
223
            <div class="ftco-footer-widget mb-4">
224
              <h2 class="ftco-heading-2">Follow us</h2>
225
              <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-3">
226
                <li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li>
227
                <li class="ftco-animate"><a href="#"><span class="icon-facebook"></span></a></li>
228
                <li class="ftco-animate"><a href="#"><span class="icon-instagram"></span></a></li>
229
              </ul>
230
            </div>
231
          </div>
232
          <div class="col-md">
233
            <div class="ftco-footer-widget mb-4 ml-md-4">
234
              <h2 class="ftco-heading-2">Information</h2>
235
              <ul class="list-unstyled">
236
                                <li><a href="about.html" class="py-2 d-block">About Us</a></li>
237
                                <li><a href="#" class="py-2 d-block">Privacy policy</a></li>
238
                <li><a href="#" class="py-2 d-block">Terms of Service</a></li>
239
                
240
              </ul>
241
            </div>
242
          </div>
243
          <div class="col-md">
244
             <div class="ftco-footer-widget mb-4">
245
              <h2 class="ftco-heading-2">Top Places</h2>
246
              <ul class="list-unstyled">
247
                <li><a href="about.html" class="py-2 d-block">Skopje</a></li>
248
                                <li><a href="#" class="py-2 d-block">Ohrid</a></li>
249
                                <li><a href="#" class="py-2 d-block">Pelister</a></li>
250

    
251
              </ul>
252
            </div>
253
          </div>
254
          
255
        </div>
256
          </div>
257
          <div class="row">
258
                <div class="col-md-12 text-center">
259

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

    
269
  <!-- loader -->
270
  <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>
271

    
272

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

    
294

    
295

    
296

    
297

    
(5-5/5)