|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Adventure - Free Bootstrap 4 Template by Colorlib</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
|
|
|
|
<link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
|
|
<link rel="stylesheet" href="css/animate.css">
|
|
|
|
<link rel="stylesheet" href="css/owl.carousel.min.css">
|
|
<link rel="stylesheet" href="css/owl.theme.default.min.css">
|
|
<link rel="stylesheet" href="css/magnific-popup.css">
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="css/aos.css">
|
|
|
|
<link rel="stylesheet" href="css/ionicons.min.css">
|
|
|
|
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
|
|
<link rel="stylesheet" href="css/jquery.timepicker.css">
|
|
|
|
|
|
<link rel="stylesheet" href="css/flaticon.css">
|
|
<link rel="stylesheet" href="css/icomoon.css">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" style="background-color: #f9be37 !important;" id="ftco-navbar">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="index.html">TravellerMK</a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="oi oi-menu"></span> Menu
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="ftco-nav">
|
|
<ul class="navbar-nav ml-auto">
|
|
<li class="nav-item "><a href="index.html" class="nav-link">Home</a></li>
|
|
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
|
|
<li class="nav-item active"><a href="destinations.html" class="nav-link">Destinations</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- END nav -->
|
|
|
|
|
|
|
|
<section class="ftco-section ftco-degree-bg" style="padding-top:100px;">
|
|
<div class="container"><div class="row">
|
|
<div class="col-lg-9">
|
|
<div class="row">
|
|
<div class="col-md-10 ftco-animate">
|
|
<div class="single-slider owl-carousel">
|
|
<div class="item">
|
|
<div class="hotel-img" style="background-image: url(images/hotel-2.jpg);"></div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="hotel-img" style="background-image: url(images/hotel-3.jpg);"></div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="hotel-img" style="background-image: url(images/hotel-4.jpg);"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-9 hotel-single mt-4 mb-5 ftco-animate">
|
|
<h2>Naslov na destinacija</h2>
|
|
<p class="rate mb-5">
|
|
<span class="loc"><a href="#"><i class="icon-map"></i> 291 South 21th Street, Suite 721 New York NY 10016</a></span>
|
|
<span class="star">
|
|
<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>
|
|
8 Rating</span>
|
|
</p>
|
|
<p>When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way.</p>
|
|
<div class="d-md-flex mt-5 mb-5">
|
|
<ul>
|
|
<li>The Big Oxmox advised her not to do so</li>
|
|
<li>When she reached the first hills of the Italic Mountains</li>
|
|
<li>She had a last view back on the skyline of her hometown </li>
|
|
<li>Bookmarksgrove, the headline of Alphabet </li>
|
|
</ul>
|
|
<ul class="ml-md-5">
|
|
<li>Question ran over her cheek, then she continued</li>
|
|
<li>Pityful a rethoric question ran</li>
|
|
<li>Mountains, she had a last view back on the skyline</li>
|
|
<li>Headline of Alphabet Village and the subline</li>
|
|
</ul>
|
|
</div>
|
|
<p>When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way.</p>
|
|
</div>
|
|
|
|
<div class="col-md-9 hotel-single ftco-animate mb-5 mt-5">
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d189763.78858865693!2d21.284806424959342!3d41.99900509569202!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x135415a58c9aa2a5%3A0xb2ed88c260872020!2sSkopje!5e0!3m2!1sen!2smk!4v1590078758189!5m2!1sen!2smk" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 sidebar">
|
|
|
|
<div class="sidebar-wrap ftco-animate">
|
|
<h3 class="heading mb-4">Rate this place</h3>
|
|
<form method="post" class="star-rating">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input" id="exampleCheck1">
|
|
<label class="form-check-label" for="exampleCheck1">
|
|
<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>
|
|
</label>
|
|
</div>
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input" id="exampleCheck1">
|
|
<label class="form-check-label" for="exampleCheck1">
|
|
<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>
|
|
</label>
|
|
</div>
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input" id="exampleCheck1">
|
|
<label class="form-check-label" for="exampleCheck1">
|
|
<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>
|
|
</label>
|
|
</div>
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input" id="exampleCheck1">
|
|
<label class="form-check-label" for="exampleCheck1">
|
|
<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>
|
|
</label>
|
|
</div>
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input" id="exampleCheck1">
|
|
<label class="form-check-label" for="exampleCheck1">
|
|
<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>
|
|
</label>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="sidebar-wrap ftco-animate">
|
|
|
|
</div>
|
|
<div class="sidebar-wrap ftco-animate">
|
|
<div class="col-md-12 hotel-single ftco-animate mb-5 mt-5" style="padding:85px 0 0 0;">
|
|
<h4 class="mb-4">Related Destinations</h4>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="destination">
|
|
<a href="hotel-single.html" class="img img-2" style="background-image: url(images/hotel-1.jpg);"></a>
|
|
<div class="text p-3">
|
|
<div class="d-flex">
|
|
<div class="one">
|
|
<h3><a href="hotel-single.html">Hotel, Italy</a></h3>
|
|
<p class="rate">
|
|
<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>8 Rating</span>
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="destination">
|
|
<a href="hotel-single.html" class="img img-2" style="background-image: url(images/hotel-2.jpg);"></a>
|
|
<div class="text p-3">
|
|
<div class="d-flex">
|
|
<div class="one">
|
|
<h3><a href="hotel-single.html">Hotel, Italy</a></h3>
|
|
<p class="rate">
|
|
<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>8 Rating</span>
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="destination">
|
|
<a href="hotel-single.html" class="img img-2" style="background-image: url(images/hotel-3.jpg);"></a>
|
|
<div class="text p-3">
|
|
<div class="d-flex">
|
|
<div class="one">
|
|
<h3><a href="hotel-single.html">Hotel, Italy</a></h3>
|
|
<p class="rate">
|
|
<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>8 Rating</span>
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<footer class="ftco-footer ftco-bg-dark ftco-section">
|
|
<div class="container">
|
|
<div class="row mb-5">
|
|
<div class="col-md">
|
|
<div class="ftco-footer-widget mb-4">
|
|
<h2 class="ftco-heading-2">Adventure</h2>
|
|
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
|
|
<ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-3">
|
|
<li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li>
|
|
<li class="ftco-animate"><a href="#"><span class="icon-facebook"></span></a></li>
|
|
<li class="ftco-animate"><a href="#"><span class="icon-instagram"></span></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md">
|
|
<div class="ftco-footer-widget mb-4 ml-md-4">
|
|
<h2 class="ftco-heading-2">Information</h2>
|
|
<ul class="list-unstyled">
|
|
<li><a href="#" class="py-2 d-block">About Us</a></li>
|
|
<li><a href="#" class="py-2 d-block">Online enquiry</a></li>
|
|
<li><a href="#" class="py-2 d-block">Call Us</a></li>
|
|
<li><a href="#" class="py-2 d-block">General enquiries</a></li>
|
|
<li><a href="#" class="py-2 d-block">Booking Conditions</a></li>
|
|
<li><a href="#" class="py-2 d-block">Privacy and Policy</a></li>
|
|
<li><a href="#" class="py-2 d-block">Refund policy</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md">
|
|
<div class="ftco-footer-widget mb-4">
|
|
<h2 class="ftco-heading-2">Experience</h2>
|
|
<ul class="list-unstyled">
|
|
<li><a href="#" class="py-2 d-block">Beach</a></li>
|
|
<li><a href="#" class="py-2 d-block">Adventure</a></li>
|
|
<li><a href="#" class="py-2 d-block">Wildlife</a></li>
|
|
<li><a href="#" class="py-2 d-block">Honeymoon</a></li>
|
|
<li><a href="#" class="py-2 d-block">Nature</a></li>
|
|
<li><a href="#" class="py-2 d-block">Party</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md">
|
|
<div class="ftco-footer-widget mb-4">
|
|
<h2 class="ftco-heading-2">Have a Questions?</h2>
|
|
<div class="block-23 mb-3">
|
|
<ul>
|
|
<li><span class="icon icon-map-marker"></span><span class="text">203 Fake St. Mountain View, San Francisco, California, USA</span></li>
|
|
<li><a href="#"><span class="icon icon-phone"></span><span class="text">+2 392 3929 210</span></a></li>
|
|
<li><a href="#"><span class="icon icon-envelope"></span><span class="text">info@yourdomain.com</span></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12 text-center">
|
|
|
|
<p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
|
|
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="icon-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
|
|
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
|
|
<!-- loader -->
|
|
<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>
|
|
|
|
|
|
<script src="js/jquery.min.js"></script>
|
|
<script src="js/jquery-migrate-3.0.1.min.js"></script>
|
|
<script src="js/popper.min.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/jquery.easing.1.3.js"></script>
|
|
<script src="js/jquery.waypoints.min.js"></script>
|
|
<script src="js/jquery.stellar.min.js"></script>
|
|
<script src="js/owl.carousel.min.js"></script>
|
|
<script src="js/jquery.magnific-popup.min.js"></script>
|
|
<script src="js/aos.js"></script>
|
|
<script src="js/jquery.animateNumber.min.js"></script>
|
|
<script src="js/bootstrap-datepicker.js"></script>
|
|
<script src="js/jquery.timepicker.min.js"></script>
|
|
<script src="js/scrollax.min.js"></script>
|
|
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
|
|
<script src="js/google-map.js"></script>
|
|
<script src="js/main.js"></script>
|
|
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
.