<!DOCTYPE html>
<html dir="ltr" lang="tr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- SEO Meta Etiketleri -->
<title>Anasayfa</title>
<meta name="description" content="Anasayfa">
<meta name="keywords" content="Anasayfa">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://atakan.iyiserver.com/anasayfa"/>
<meta property="og:type" content="website">
<meta property="og:title" content="Anasayfa">
<meta property="og:description" content="Anasayfa">
<meta property="og:image" content="https://cdn.e-very.com.tr/customer-data/0477FAE14429DAC66CB48E7F116D813B70/0477FAE14429DAC66CB48E7F116D813B70_28036c6a047ddda8.png">
<link href="https://cdn.e-very.com.tr/customer-data/0477FAE14429DAC66CB48E7F116D813B70/0477FAE14429DAC66CB48E7F116D813B70_tatileozlem-logo.png" sizes="128x128" rel="shortcut icon" type="image/x-icon"/>
<link href="https://fonts.googleapis.com/css?family=Roboto|Open+Sans|Lato|Montserrat|Oswald|Raleway|Poppins|Ubuntu|Merriweather|Nunito|Playfair+Display|Rubik|Josefin+Sans|Quicksand|Inter&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://cdn.very.tr/theme-files/activite/css/animate.css">
<link rel="stylesheet" type="text/css"
href="https://cdn.very.tr/theme-files/activite/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css"
href="https://cdn.very.tr/theme-files/activite/revolution/css/settings.css">
<link rel="stylesheet" type="text/css"
href="https://cdn.very.tr/theme-files/activite/revolution/css/navigation.css">
<link rel="stylesheet" type="text/css"
href="https://cdn.very.tr/theme-files/activite/css/line-awesome.min.css">
<link rel="stylesheet" type="text/css"
href="https://cdn.very.tr/theme-files/activite/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css"
href="https://cdn.very.tr/theme-files/activite/js/lib/slick/slick.css">
<link rel="stylesheet" type="text/css"
href="https://cdn.very.tr/theme-files/activite/js/lib/slick/slick-theme.css">
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css"
href="https://cdn.very.tr/theme-files/activite/css/flatpickr.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.very.tr/theme-files/activite/css/style.css">
<link rel="stylesheet" type="text/css" href="https://cdn.very.tr/theme-files/activite/css/responsive.css">
<link rel="stylesheet" type="text/css" href="https://cdn.very.tr/theme-files/activite/css/color.css">
<link href="https://cdn.jsdelivr.net/npm/@mdi/font@7.2.96/css/materialdesignicons.min.css" rel="stylesheet">
<style>
b, strong {
font-weight: bold !important;
}
i, em {
font-style: italic !important;
}
iframe {
background: #fa0000; /* Görünürlük testi için */
}
/* Masaüstü cihazlar (992px ve üzeri) */
@media (min-width: 992px) {
.show-desktop {
display: block !important; /* Masaüstünde göster */
}
.hide-desktop {
display: none !important; /* Masaüstünde gizle */
}
}
/* Tablet cihazlar (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
.show-tablet {
display: block !important; /* Tabletlerde göster */
}
.hide-tablet {
display: none !important; /* Tabletlerde gizle */
}
}
/* Mobil cihazlar (768px ve altı) */
@media (max-width: 768px) {
.show-mobile {
display: block !important; /* Mobilde göster */
}
.hide-mobile {
display: none !important; /* Mobilde gizle */
}
}
table {
border: none !important; /* Tablo çevresindeki sınırları kaldırır */
border-collapse: collapse; /* Kenar boşluklarını yok eder */
}
table th, table td {
border: none !important; /* Hücrelerin çevresindeki sınırları kaldırır */
}
/* fullWidth*/
.fullwidth {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
}
/* boxed*/
.boxed {
width: 1200px !important;
margin: 0 auto !important;
}
/* sağa yaslama*/
.right-text {
display: flex;
justify-content: center !important; /* Yatay ortalama */
align-items: center !important; /* Dikey ortalama */
text-align: right !important;
}
/* sola yaslama*/
.left-text {
display: flex !important;
justify-content: center !important; /* Yatay ortalama */
align-items: center !important; /* Dikey ortalama */
text-align: left !important;
}
.centered-text {
display: flex !important;
justify-content: center !important; /* Yatay ortalama */
align-items: center !important; /* Dikey ortalama */
text-align: center !important; /* Çok satırlı yazı için yatay ortalama */
}
#menu span i {
color: white; /* İkonların rengini beyaz yap */
}
</style>
</head>
<body>
<div class="layout hpg1">
<header class="pb hp1">
<div class="row" data-styles='' data-elementid="id-4l2mk0m2g">
<div class="col-lg-2">
<div class="ft-logo">
<a href="/" title="">
<img style="width:100px !important; height:auto !important;" src="https://cdn.very.tr/customer-data/tatileozlem/tatileozlem_tatileozlem-logo.png" alt="">
</a>
</div>
<div class="menu-bar">
<a href="#" title="">
<span class="bar1"></span>
<span class="bar2"></span>
<span class="bar3"></span>
</a>
</div>
<script>
$(document).ready(function () {
$(document).off("click", ".menu-bar a").on("click", ".menu-bar a", function (e) {
e.preventDefault();
$(".responsive_mobile_menu").first().toggleClass("active"); // İlk öğeye uygula
$(".menu-bar").toggleClass("active"); // İlk öğeye uygula
});
});
</script>
</div>
<div class="col-lg-10">
<nav>
<ul>
<li class="has_menu">
<a href="/tr/category/yurtici-turlari" title="Yurtiçi Turları">Yurtiçi Turları</a>
<ul style="left:-50px !important;">
<li class="has_menu">
<a href="/tr/category/gunubirlik-yurtici-turlari" title="Günübirlik Yurtiçi Turları">Günübirlik Yurtiçi Turları</a>
<ul style="left:-270px !important;">
<li>
<a href="/tr/category/ankara-antik-yurtici-gunubirlik" title="Ankara Antık Yurtiçi Günübirlik">Ankara Antık Yurtiçi Günübirlik</a>
</li>
<li>
<a href="/tr/category/bursa-trilye-yurtici-gunubirlik" title="Bursa Trilye Yurtiçi Günübirlik">Bursa Trilye Yurtiçi Günübirlik</a>
</li>
<li>
<a href="/tr/category/canakkale-yurtici-gunubirlik" title="Çanakkale Yurtiçi Günübirlik">Çanakkale Yurtiçi Günübirlik</a>
</li>
<li>
<a href="/tr/category/dupnisa-magarasi-igneada-yurtici-gunubirlik" title="Dupnisa Mağarası İğneada Yurtiçi Günübirlik">Dupnisa Mağarası İğneada Yurtiçi Günübirlik</a>
</li>
<li>
<a href="/tr/category/edirne-yurtici-gunubirlik" title="Edirne Yurtiçi Günübirlik">Edirne Yurtiçi Günübirlik</a>
</li>
<li>
<a href="/tr/category/eskisehir-yurtici-gunubirlik" title="Eskişehir Yurtiçi Günübirlik">Eskişehir Yurtiçi Günübirlik</a>
</li>
<li>
<a href="/tr/category/sapanca-abant-yurtici-gunubirlik" title="Sapanca Abant Yurtiçi Günübirlik">Sapanca Abant Yurtiçi Günübirlik</a>
</li>
<li>
<a href="/tr/category/polonezkoy-sile-agva-yurtici-gunubirlik" title="Polonezköy Şile Ağva Yurtiçi Günübirlik">Polonezköy Şile Ağva Yurtiçi Günübirlik</a>
</li>
<li>
<a href="/tr/category/masukiye-yurtici-gunubirlik" title="Maşukiye Yurtiçi Günübirlik">Maşukiye Yurtiçi Günübirlik</a>
</li>
<li>
<a href="/tr/category/bursa-uludag-yurtici-gunubirlik" title="Bursa Uludağ Yurtiçi Günübirlik">Bursa Uludağ Yurtiçi Günübirlik</a>
</li>
<li>
<a href="/tr/category/yedi-goller-yurtici-gunubirlik" title="Yedi Göller Yurtiçi Günübirlik">Yedi Göller Yurtiçi Günübirlik</a>
</li>
</ul>
</li>
<li class="has_menu">
<a href="/tr/category/konaklamali-yurtici-turlari" title="Konaklamalı Yurtiçi Turları">Konaklamalı Yurtiçi Turları</a>
<ul style="left:-270px !important;">
<li>
<a href="/tr/category/ayvalik-assos-yurtici-konaklamali" title="Ayvalık Assos Yurtiçi Konaklamalı">Ayvalık Assos Yurtiçi Konaklamalı</a>
</li>
<li>
<a href="/tr/category/kapadokya-yurtici-konaklamali" title="Kapadokya Yurtiçi Konaklamalı">Kapadokya Yurtiçi Konaklamalı</a>
</li>
<li>
<a href="/tr/category/likya-yurtici-konaklamali" title="Likya Yurtiçi Konaklamalı">Likya Yurtiçi Konaklamalı</a>
</li>
<li>
<a href="/tr/category/karadeniz-ve-batum-yurtici-konaklamali" title="Karadeniz ve Batum Yurtiçi Konaklamalı">Karadeniz ve Batum Yurtiçi Konaklamalı</a>
</li>
<li>
<a href="/tr/category/bati-karadeniz-yurtici-konaklamali" title="Batı Karadeniz Yurtiçi Konaklamalı">Batı Karadeniz Yurtiçi Konaklamalı</a>
</li>
<li>
<a href="/tr/category/safranbolu-amasya-yurtici-konaklamali" title="Safranbolu Amasya Yurtiçi Konaklamalı">Safranbolu Amasya Yurtiçi Konaklamalı</a>
</li>
<li>
<a href="/tr/category/pamukkale-yurtici-konaklamali" title="Pamukkale Yurtiçi Konaklamalı">Pamukkale Yurtiçi Konaklamalı</a>
</li>
<li>
<a href="/tr/category/cesme-alacati-yurtici-konaklamali" title="Çeşme Alaçatı Yurtiçi Konaklamalı">Çeşme Alaçatı Yurtiçi Konaklamalı</a>
</li>
<li>
<a href="/tr/category/gap-yurtici-konaklamali" title="Gap Yurtiçi Konaklamalı">Gap Yurtiçi Konaklamalı</a>
</li>
<li>
<a href="/tr/category/dogu-karadeniz-yurtici-konaklamali" title="Doğu Karadeniz Yurtiçi Konaklamalı">Doğu Karadeniz Yurtiçi Konaklamalı</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="has_menu">
<a href="/tr/category/yurtdisi-turlari" title="Yurtdışı Turları">Yurtdışı Turları</a>
<ul style="left:-50px !important;">
<li class="has_menu">
<a href="/tr/category/balkan-turlari-yurtdisi" title="Balkan Turları Yurtdışı">Balkan Turları Yurtdışı</a>
<ul style="left:-270px !important;">
<li>
<a href="/tr/category/bulgaristan-balkan-yurtdisi" title="Bulgaristan Balkan Yurtdışı">Bulgaristan Balkan Yurtdışı</a>
</li>
<li>
<a href="/tr/category/makadonya-balkan-yurtdisi" title="Makadonya Balkan Yurtdışı">Makadonya Balkan Yurtdışı</a>
</li>
<li>
<a href="/tr/category/yunanistan-balkan-yurtdisi" title="Yunanistan Balkan Yurtdışı">Yunanistan Balkan Yurtdışı</a>
</li>
<li>
<a href="/tr/category/bosna-hersek-balkan-yurtdisi" title="Bosna Hersek Balkan Yurtdışı">Bosna Hersek Balkan Yurtdışı</a>
</li>
</ul>
</li>
<li class="has_menu">
<a href="/tr/category/avrupa-turlari-yurtdisi" title="Avrupa Turları Yurtdışı">Avrupa Turları Yurtdışı</a>
<ul style="left:-270px !important;">
<li>
<a href="/tr/category/orta-avrupa-avrupa-yurtdisi" title="Orta Avrupa - Avrupa Yurtdışı">Orta Avrupa - Avrupa Yurtdışı</a>
</li>
<li>
<a href="/tr/category/italya-avrupa-yurtdisi" title="İtalya Avrupa Yurtdışı">İtalya Avrupa Yurtdışı</a>
</li>
<li>
<a href="/tr/category/ingiltere-avrupa-yurtdisi-2794" title="İngiltere Avrupa Yurtdışı">İngiltere Avrupa Yurtdışı</a>
</li>
</ul>
</li>
<li class="has_menu">
<a href="/tr/category/misir-ve-afrika-turlari-yurtdisi" title="Mısır ve Afrika Turları Yurtdışı">Mısır ve Afrika Turları Yurtdışı</a>
<ul style="left:-270px !important;">
<li>
<a href="/tr/category/misir-misir-ve-afrika-yurtdisi" title="Mısır - Mısır ve Afrika Yurtdışı">Mısır - Mısır ve Afrika Yurtdışı</a>
</li>
<li>
<a href="/tr/category/tunus-antik-kentler-misir-ve-afrika-yurtdisi" title="Tunus Antik Kentler - Mısır ve Afrika Yurtdışı">Tunus Antik Kentler - Mısır ve Afrika Yurtdışı</a>
</li>
<li>
<a href="/tr/category/fas-kralligi-ve-mistik-misir-ve-afrika-yurtdisi" title="Fas Krallığı ve Mistik - Mısır ve Afrika Yurtdışı">Fas Krallığı ve Mistik - Mısır ve Afrika Yurtdışı</a>
</li>
</ul>
</li>
<li class="has_menu">
<a href="/tr/category/vizesiz-yurtdisi-turlari" title="Vizesiz Yurtdışı Turları">Vizesiz Yurtdışı Turları</a>
<ul style="left:-270px !important;">
<li>
<a href="/tr/category/uzak-dogu-vizesiz-yurtdisi" title="Uzak Doğu Vizesiz Yurtdışı">Uzak Doğu Vizesiz Yurtdışı</a>
</li>
<li>
<a href="/tr/category/iran-vizesiz-yurt-disi-turlari" title="İran Vizesiz Yurt Dışı Turları">İran Vizesiz Yurt Dışı Turları</a>
</li>
<li>
<a href="/tr/category/rusya-vizesiz-yurtdisi" title="Rusya Vizesiz Yurtdışı">Rusya Vizesiz Yurtdışı</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="has_menu">
<a href="/tr/category/kis-kayak-turlari" title="Kış Kayak Turları">Kış Kayak Turları</a>
<ul style="left:-50px !important;">
<li class="has_menu">
<a href="/tr/category/gunubirlik-kis-kayak-turlari" title="Günübirlik Kış Kayak Turları">Günübirlik Kış Kayak Turları</a>
<ul style="left:-270px !important;">
<li>
<a href="/tr/category/uludag-gunubirlik-kis-kayak-turlari" title="Uludağ Günübirlik Kış Kayak Turları">Uludağ Günübirlik Kış Kayak Turları</a>
</li>
<li>
<a href="/tr/category/kartepe-gunubirlik-kis-kayak-turlari-8053" title="Kartepe Günübirlik Kış Kayak Turları">Kartepe Günübirlik Kış Kayak Turları</a>
</li>
</ul>
</li>
<li class="has_menu">
<a href="/tr/category/konaklamali-kis-kayak-turlari" title="Konaklamalı Kış Kayak Turları">Konaklamalı Kış Kayak Turları</a>
<ul style="left:-270px !important;">
<li>
<a href="/tr/category/uludag-konaklamali-kis-kayak-turlari" title="Uludağ Konaklamalı Kış Kayak Turları">Uludağ Konaklamalı Kış Kayak Turları</a>
</li>
<li>
<a href="/tr/category/kartepe-konaklamali-kis-kayak-turlari" title="Kartepe Konaklamalı Kış Kayak Turları">Kartepe Konaklamalı Kış Kayak Turları</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="has_menu">
<a href="/tr/category/erken-rezervasyon-7583" title="Erken Rezervasyon">Erken Rezervasyon</a>
<ul style="left:-50px !important;">
<li class="has_menu">
<a href="/tr/category/konaklamali-erken-rezervasyon-turlari" title="Konaklamalı Erken Rezervasyon Turları">Konaklamalı Erken Rezervasyon Turları</a>
<ul style="left:-270px !important;">
<li>
<a href="/tr/category/safranbolu-amasya-turlari-konaklamali-erken-rezervasyon" title="Safranbolu Amasya Turları Konaklamalı Erken Rezervasyon">Safranbolu Amasya Turları Konaklamalı Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/likya-turlari-konaklamali-erken-rezervasyon" title="Likya Turları Konaklamalı Erken Rezervasyon">Likya Turları Konaklamalı Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/bati-karadeniz-turlari-konaklamali-erken-rezervasyon" title="Batı Karadeniz Turları Konaklamalı Erken Rezervasyon">Batı Karadeniz Turları Konaklamalı Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/cesme-alacati-turlari-konaklamali-erken-rezervasyon" title="Çeşme Alaçatı Turları Konaklamalı Erken Rezervasyon">Çeşme Alaçatı Turları Konaklamalı Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/kapadokya-turlari-konaklamali-erken-rezervasyon" title="Kapadokya Turları Konaklamalı Erken Rezervasyon">Kapadokya Turları Konaklamalı Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/gap-turlari-konaklamali-erken-rezervasyon" title="Gap Turları Konaklamalı Erken Rezervasyon">Gap Turları Konaklamalı Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/karadeniz-ve-batum-turlari-konaklamali-erken-rezervasyon" title="Karadeniz ve Batum Turları Konaklamalı Erken Rezervasyon">Karadeniz ve Batum Turları Konaklamalı Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/dogu-karadeniz-turlari-konaklamali-erken-rezervasyon" title="Doğu Karadeniz Turları Konaklamalı Erken Rezervasyon">Doğu Karadeniz Turları Konaklamalı Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/ayvalik-assos-turlari-konaklamali-erken-rezervasyon" title="Ayvalık Assos Turları Konaklamalı Erken Rezervasyon">Ayvalık Assos Turları Konaklamalı Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/pamukkale-turlari-konaklamali-erken-rezervasyon" title="Pamukkale Turları Konaklamalı Erken Rezervasyon">Pamukkale Turları Konaklamalı Erken Rezervasyon</a>
</li>
</ul>
</li>
<li class="has_menu">
<a href="/tr/category/gunubirlik-erken-rezervasyon-turlari-5879" title="Günübirlik Erken Rezervasyon Turları">Günübirlik Erken Rezervasyon Turları</a>
<ul style="left:-270px !important;">
<li>
<a href="/tr/category/bursa-uludag-gunubirlik-erken-rezervasyon" title="Bursa Uludağ Günübirlik Erken Rezervasyon">Bursa Uludağ Günübirlik Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/masukiye-gunubirlik-erken-rezervasyon" title="Maşukiye Günübirlik Erken Rezervasyon">Maşukiye Günübirlik Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/polonezkoy-sile-agva-gunubirlik-erken-rezervasyon" title="Polonezköy - Şile - Ağva Günübirlik Erken Rezervasyon">Polonezköy - Şile - Ağva Günübirlik Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/edirne-gunubirlik-erken-rezervasyon" title="Edirne Günübirlik Erken Rezervasyon">Edirne Günübirlik Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/dupnisa-magarasi-igneada-gunubirlik-erken-rezervasyon" title="Dupnisa Mağarası İğneada Günübirlik Erken Rezervasyon">Dupnisa Mağarası İğneada Günübirlik Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/eskisehir-gunubirlik-erken-rezervasyon" title="Eskişehir Günübirlik Erken Rezervasyon">Eskişehir Günübirlik Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/yedi-goller-gunubirlik-erken-rezervasyon" title="Yedi Göller Günübirlik Erken Rezervasyon">Yedi Göller Günübirlik Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/canakkale-gunubirlik-erken-rezervasyon" title="Çanakkale Günübirlik Erken Rezervasyon">Çanakkale Günübirlik Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/sapanca-abant-gunubirlik-erken-rezervasyon" title="Sapanca Abant Günübirlik Erken Rezervasyon">Sapanca Abant Günübirlik Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/bursa-trilye-mudanya-gunubirlik-erken-rezervasyon" title="Bursa - Trilye - Mudanya Günübirlik Erken Rezervasyon">Bursa - Trilye - Mudanya Günübirlik Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/ankara-antik-gunubirlik-erken-rezervasyon" title="Ankara Antık Günübirlik Erken Rezervasyon">Ankara Antık Günübirlik Erken Rezervasyon</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
<div class="responsive_mobile_menu">
<div class="resp_head">
<div class="ft-logo">
<a href="/" title="">
<img src="https://cdn.very.tr/customer-data/tatileozlem/tatileozlem_tatileozlem-logo.png">
</a>
</div>
<div class="menu-bar">
<a href="#" title="">
<span class="bar1"></span>
<span class="bar2"></span>
<span class="bar3"></span>
</a>
</div><!--menu-bar end-->
<div class="clearfix"></div>
</div>
<div class="navigations mt-5">
<ul>
<li class="has_menu">
<a href="/tr/category/yurtici-turlari" title="Yurtiçi Turları">Yurtiçi Turları</a>
<ul style="left:-50px !important;">
<li class="has_menu">
<a href="/tr/category/gunubirlik-yurtici-turlari" title="Günübirlik Yurtiçi Turları">Günübirlik Yurtiçi Turları</a>
<ul style="left:-270px !important;">
<li>
<a href="/tr/category/ankara-antik-yurtici-gunubirlik" title="Ankara Antık Yurtiçi Günübirlik">Ankara Antık Yurtiçi Günübirlik</a>
</li>
<li>
<a href="/tr/category/bursa-trilye-yurtici-gunubirlik" title="Bursa Trilye Yurtiçi Günübirlik">Bursa Trilye Yurtiçi Günübirlik</a>
</li>
<li>
<a href="/tr/category/canakkale-yurtici-gunubirlik" title="Çanakkale Yurtiçi Günübirlik">Çanakkale Yurtiçi Günübirlik</a>
</li>
<li>
<a href="/tr/category/dupnisa-magarasi-igneada-yurtici-gunubirlik" title="Dupnisa Mağarası İğneada Yurtiçi Günübirlik">Dupnisa Mağarası İğneada Yurtiçi Günübirlik</a>
</li>
<li>
<a href="/tr/category/edirne-yurtici-gunubirlik" title="Edirne Yurtiçi Günübirlik">Edirne Yurtiçi Günübirlik</a>
</li>
<li>
<a href="/tr/category/eskisehir-yurtici-gunubirlik" title="Eskişehir Yurtiçi Günübirlik">Eskişehir Yurtiçi Günübirlik</a>
</li>
<li>
<a href="/tr/category/sapanca-abant-yurtici-gunubirlik" title="Sapanca Abant Yurtiçi Günübirlik">Sapanca Abant Yurtiçi Günübirlik</a>
</li>
<li>
<a href="/tr/category/polonezkoy-sile-agva-yurtici-gunubirlik" title="Polonezköy Şile Ağva Yurtiçi Günübirlik">Polonezköy Şile Ağva Yurtiçi Günübirlik</a>
</li>
<li>
<a href="/tr/category/masukiye-yurtici-gunubirlik" title="Maşukiye Yurtiçi Günübirlik">Maşukiye Yurtiçi Günübirlik</a>
</li>
<li>
<a href="/tr/category/bursa-uludag-yurtici-gunubirlik" title="Bursa Uludağ Yurtiçi Günübirlik">Bursa Uludağ Yurtiçi Günübirlik</a>
</li>
<li>
<a href="/tr/category/yedi-goller-yurtici-gunubirlik" title="Yedi Göller Yurtiçi Günübirlik">Yedi Göller Yurtiçi Günübirlik</a>
</li>
</ul>
</li>
<li class="has_menu">
<a href="/tr/category/konaklamali-yurtici-turlari" title="Konaklamalı Yurtiçi Turları">Konaklamalı Yurtiçi Turları</a>
<ul style="left:-270px !important;">
<li>
<a href="/tr/category/ayvalik-assos-yurtici-konaklamali" title="Ayvalık Assos Yurtiçi Konaklamalı">Ayvalık Assos Yurtiçi Konaklamalı</a>
</li>
<li>
<a href="/tr/category/kapadokya-yurtici-konaklamali" title="Kapadokya Yurtiçi Konaklamalı">Kapadokya Yurtiçi Konaklamalı</a>
</li>
<li>
<a href="/tr/category/likya-yurtici-konaklamali" title="Likya Yurtiçi Konaklamalı">Likya Yurtiçi Konaklamalı</a>
</li>
<li>
<a href="/tr/category/karadeniz-ve-batum-yurtici-konaklamali" title="Karadeniz ve Batum Yurtiçi Konaklamalı">Karadeniz ve Batum Yurtiçi Konaklamalı</a>
</li>
<li>
<a href="/tr/category/bati-karadeniz-yurtici-konaklamali" title="Batı Karadeniz Yurtiçi Konaklamalı">Batı Karadeniz Yurtiçi Konaklamalı</a>
</li>
<li>
<a href="/tr/category/safranbolu-amasya-yurtici-konaklamali" title="Safranbolu Amasya Yurtiçi Konaklamalı">Safranbolu Amasya Yurtiçi Konaklamalı</a>
</li>
<li>
<a href="/tr/category/pamukkale-yurtici-konaklamali" title="Pamukkale Yurtiçi Konaklamalı">Pamukkale Yurtiçi Konaklamalı</a>
</li>
<li>
<a href="/tr/category/cesme-alacati-yurtici-konaklamali" title="Çeşme Alaçatı Yurtiçi Konaklamalı">Çeşme Alaçatı Yurtiçi Konaklamalı</a>
</li>
<li>
<a href="/tr/category/gap-yurtici-konaklamali" title="Gap Yurtiçi Konaklamalı">Gap Yurtiçi Konaklamalı</a>
</li>
<li>
<a href="/tr/category/dogu-karadeniz-yurtici-konaklamali" title="Doğu Karadeniz Yurtiçi Konaklamalı">Doğu Karadeniz Yurtiçi Konaklamalı</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="has_menu">
<a href="/tr/category/yurtdisi-turlari" title="Yurtdışı Turları">Yurtdışı Turları</a>
<ul style="left:-50px !important;">
<li class="has_menu">
<a href="/tr/category/balkan-turlari-yurtdisi" title="Balkan Turları Yurtdışı">Balkan Turları Yurtdışı</a>
<ul style="left:-270px !important;">
<li>
<a href="/tr/category/bulgaristan-balkan-yurtdisi" title="Bulgaristan Balkan Yurtdışı">Bulgaristan Balkan Yurtdışı</a>
</li>
<li>
<a href="/tr/category/makadonya-balkan-yurtdisi" title="Makadonya Balkan Yurtdışı">Makadonya Balkan Yurtdışı</a>
</li>
<li>
<a href="/tr/category/yunanistan-balkan-yurtdisi" title="Yunanistan Balkan Yurtdışı">Yunanistan Balkan Yurtdışı</a>
</li>
<li>
<a href="/tr/category/bosna-hersek-balkan-yurtdisi" title="Bosna Hersek Balkan Yurtdışı">Bosna Hersek Balkan Yurtdışı</a>
</li>
</ul>
</li>
<li class="has_menu">
<a href="/tr/category/avrupa-turlari-yurtdisi" title="Avrupa Turları Yurtdışı">Avrupa Turları Yurtdışı</a>
<ul style="left:-270px !important;">
<li>
<a href="/tr/category/orta-avrupa-avrupa-yurtdisi" title="Orta Avrupa - Avrupa Yurtdışı">Orta Avrupa - Avrupa Yurtdışı</a>
</li>
<li>
<a href="/tr/category/italya-avrupa-yurtdisi" title="İtalya Avrupa Yurtdışı">İtalya Avrupa Yurtdışı</a>
</li>
<li>
<a href="/tr/category/ingiltere-avrupa-yurtdisi-2794" title="İngiltere Avrupa Yurtdışı">İngiltere Avrupa Yurtdışı</a>
</li>
</ul>
</li>
<li class="has_menu">
<a href="/tr/category/misir-ve-afrika-turlari-yurtdisi" title="Mısır ve Afrika Turları Yurtdışı">Mısır ve Afrika Turları Yurtdışı</a>
<ul style="left:-270px !important;">
<li>
<a href="/tr/category/misir-misir-ve-afrika-yurtdisi" title="Mısır - Mısır ve Afrika Yurtdışı">Mısır - Mısır ve Afrika Yurtdışı</a>
</li>
<li>
<a href="/tr/category/tunus-antik-kentler-misir-ve-afrika-yurtdisi" title="Tunus Antik Kentler - Mısır ve Afrika Yurtdışı">Tunus Antik Kentler - Mısır ve Afrika Yurtdışı</a>
</li>
<li>
<a href="/tr/category/fas-kralligi-ve-mistik-misir-ve-afrika-yurtdisi" title="Fas Krallığı ve Mistik - Mısır ve Afrika Yurtdışı">Fas Krallığı ve Mistik - Mısır ve Afrika Yurtdışı</a>
</li>
</ul>
</li>
<li class="has_menu">
<a href="/tr/category/vizesiz-yurtdisi-turlari" title="Vizesiz Yurtdışı Turları">Vizesiz Yurtdışı Turları</a>
<ul style="left:-270px !important;">
<li>
<a href="/tr/category/uzak-dogu-vizesiz-yurtdisi" title="Uzak Doğu Vizesiz Yurtdışı">Uzak Doğu Vizesiz Yurtdışı</a>
</li>
<li>
<a href="/tr/category/iran-vizesiz-yurt-disi-turlari" title="İran Vizesiz Yurt Dışı Turları">İran Vizesiz Yurt Dışı Turları</a>
</li>
<li>
<a href="/tr/category/rusya-vizesiz-yurtdisi" title="Rusya Vizesiz Yurtdışı">Rusya Vizesiz Yurtdışı</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="has_menu">
<a href="/tr/category/kis-kayak-turlari" title="Kış Kayak Turları">Kış Kayak Turları</a>
<ul style="left:-50px !important;">
<li class="has_menu">
<a href="/tr/category/gunubirlik-kis-kayak-turlari" title="Günübirlik Kış Kayak Turları">Günübirlik Kış Kayak Turları</a>
<ul style="left:-270px !important;">
<li>
<a href="/tr/category/uludag-gunubirlik-kis-kayak-turlari" title="Uludağ Günübirlik Kış Kayak Turları">Uludağ Günübirlik Kış Kayak Turları</a>
</li>
<li>
<a href="/tr/category/kartepe-gunubirlik-kis-kayak-turlari-8053" title="Kartepe Günübirlik Kış Kayak Turları">Kartepe Günübirlik Kış Kayak Turları</a>
</li>
</ul>
</li>
<li class="has_menu">
<a href="/tr/category/konaklamali-kis-kayak-turlari" title="Konaklamalı Kış Kayak Turları">Konaklamalı Kış Kayak Turları</a>
<ul style="left:-270px !important;">
<li>
<a href="/tr/category/uludag-konaklamali-kis-kayak-turlari" title="Uludağ Konaklamalı Kış Kayak Turları">Uludağ Konaklamalı Kış Kayak Turları</a>
</li>
<li>
<a href="/tr/category/kartepe-konaklamali-kis-kayak-turlari" title="Kartepe Konaklamalı Kış Kayak Turları">Kartepe Konaklamalı Kış Kayak Turları</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="has_menu">
<a href="/tr/category/erken-rezervasyon-7583" title="Erken Rezervasyon">Erken Rezervasyon</a>
<ul style="left:-50px !important;">
<li class="has_menu">
<a href="/tr/category/konaklamali-erken-rezervasyon-turlari" title="Konaklamalı Erken Rezervasyon Turları">Konaklamalı Erken Rezervasyon Turları</a>
<ul style="left:-270px !important;">
<li>
<a href="/tr/category/safranbolu-amasya-turlari-konaklamali-erken-rezervasyon" title="Safranbolu Amasya Turları Konaklamalı Erken Rezervasyon">Safranbolu Amasya Turları Konaklamalı Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/likya-turlari-konaklamali-erken-rezervasyon" title="Likya Turları Konaklamalı Erken Rezervasyon">Likya Turları Konaklamalı Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/bati-karadeniz-turlari-konaklamali-erken-rezervasyon" title="Batı Karadeniz Turları Konaklamalı Erken Rezervasyon">Batı Karadeniz Turları Konaklamalı Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/cesme-alacati-turlari-konaklamali-erken-rezervasyon" title="Çeşme Alaçatı Turları Konaklamalı Erken Rezervasyon">Çeşme Alaçatı Turları Konaklamalı Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/kapadokya-turlari-konaklamali-erken-rezervasyon" title="Kapadokya Turları Konaklamalı Erken Rezervasyon">Kapadokya Turları Konaklamalı Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/gap-turlari-konaklamali-erken-rezervasyon" title="Gap Turları Konaklamalı Erken Rezervasyon">Gap Turları Konaklamalı Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/karadeniz-ve-batum-turlari-konaklamali-erken-rezervasyon" title="Karadeniz ve Batum Turları Konaklamalı Erken Rezervasyon">Karadeniz ve Batum Turları Konaklamalı Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/dogu-karadeniz-turlari-konaklamali-erken-rezervasyon" title="Doğu Karadeniz Turları Konaklamalı Erken Rezervasyon">Doğu Karadeniz Turları Konaklamalı Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/ayvalik-assos-turlari-konaklamali-erken-rezervasyon" title="Ayvalık Assos Turları Konaklamalı Erken Rezervasyon">Ayvalık Assos Turları Konaklamalı Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/pamukkale-turlari-konaklamali-erken-rezervasyon" title="Pamukkale Turları Konaklamalı Erken Rezervasyon">Pamukkale Turları Konaklamalı Erken Rezervasyon</a>
</li>
</ul>
</li>
<li class="has_menu">
<a href="/tr/category/gunubirlik-erken-rezervasyon-turlari-5879" title="Günübirlik Erken Rezervasyon Turları">Günübirlik Erken Rezervasyon Turları</a>
<ul style="left:-270px !important;">
<li>
<a href="/tr/category/bursa-uludag-gunubirlik-erken-rezervasyon" title="Bursa Uludağ Günübirlik Erken Rezervasyon">Bursa Uludağ Günübirlik Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/masukiye-gunubirlik-erken-rezervasyon" title="Maşukiye Günübirlik Erken Rezervasyon">Maşukiye Günübirlik Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/polonezkoy-sile-agva-gunubirlik-erken-rezervasyon" title="Polonezköy - Şile - Ağva Günübirlik Erken Rezervasyon">Polonezköy - Şile - Ağva Günübirlik Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/edirne-gunubirlik-erken-rezervasyon" title="Edirne Günübirlik Erken Rezervasyon">Edirne Günübirlik Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/dupnisa-magarasi-igneada-gunubirlik-erken-rezervasyon" title="Dupnisa Mağarası İğneada Günübirlik Erken Rezervasyon">Dupnisa Mağarası İğneada Günübirlik Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/eskisehir-gunubirlik-erken-rezervasyon" title="Eskişehir Günübirlik Erken Rezervasyon">Eskişehir Günübirlik Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/yedi-goller-gunubirlik-erken-rezervasyon" title="Yedi Göller Günübirlik Erken Rezervasyon">Yedi Göller Günübirlik Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/canakkale-gunubirlik-erken-rezervasyon" title="Çanakkale Günübirlik Erken Rezervasyon">Çanakkale Günübirlik Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/sapanca-abant-gunubirlik-erken-rezervasyon" title="Sapanca Abant Günübirlik Erken Rezervasyon">Sapanca Abant Günübirlik Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/bursa-trilye-mudanya-gunubirlik-erken-rezervasyon" title="Bursa - Trilye - Mudanya Günübirlik Erken Rezervasyon">Bursa - Trilye - Mudanya Günübirlik Erken Rezervasyon</a>
</li>
<li>
<a href="/tr/category/ankara-antik-gunubirlik-erken-rezervasyon" title="Ankara Antık Günübirlik Erken Rezervasyon">Ankara Antık Günübirlik Erken Rezervasyon</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
<style>
footer {
position: relative;
width: 100%;
text-align: center;
padding: 20px 0;
z-index: 100;
overflow: visible;
}
footer nav {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
footer nav ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
position: relative;
}
footer nav ul li {
position: relative;
margin: 0 15px;
}
footer nav ul li a {
color: #fff;
text-decoration: none;
font-weight: bold;
padding: 10px 15px;
display: block;
transition: color 0.3s ease;
}
footer nav ul li a:hover {
color: #f1c40f;
}
/* Alt menülerin yukarı açılması için düzenlenen kısım */
footer nav ul li ul {
position: absolute;
top: auto !important; /* Otomatik olarak hesaplanacak */
bottom: 100%; /* Ana menünün üstünde başlayacak */
left: 50%;
transform: translateX(-50%);
width: 200px;
background: rgba(0, 0, 0, 0.9);
padding: 10px 0;
margin-bottom: 10px;
display: none;
text-align: left;
z-index: 9999;
border-radius: 4px;
box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
}
footer nav ul li:hover > ul {
display: block;
animation: slideUp 0.3s ease;
}
footer nav ul li ul li {
padding: 5px 15px;
margin: 0;
width: 100%;
}
footer nav ul li ul li a {
color: #fff;
text-decoration: none;
display: block;
padding: 8px 15px;
transition: all 0.3s ease;
}
footer nav ul li ul li a:hover {
background: #f1c40f;
color: #000;
}
/* Yukarı kayma animasyonu */
@keyframes slideUp {
from {
opacity: 0;
transform: translateX(-50%) translateY(20px);
}
to {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
const footerNavItems = document.querySelectorAll('footer nav ul li');
footerNavItems.forEach(item => {
const subMenu = item.querySelector('ul');
if (subMenu) {
const subMenuHeight = subMenu.offsetHeight;
subMenu.style.top = `-${subMenuHeight}px`;
}
});
});
</script>
</div>
<div class="col-lg-2">
<div class="metin">
<p><span style="font-size: 15.68px;"><font color="#ffffff">9559</font></span></p><p><span style="color: rgb(255, 255, 255);">Gölyazı Turizm Seyahat Acentası</span></p>
</div>
<script>
console.log(document.querySelector('.metin').innerHTML);
</script>
</div>
</div>
</header>
<div class="page-content" id="page-content">
<div class="row" data-styles='' data-elementid="id-zbh0kq5a4">
<div class="col-lg-12">
<style>
/* Slider'ı tam ekran yap */
.custom-slider {
position: relative;
width: 102%;
height: 100vh; /* Ekran yüksekliği kadar */
overflow: hidden;
left:-20px !important;
}
/* Slider container'ı */
.slider-container {
display: flex;
width: 100%;
height: 100%;
transition: transform 0.5s ease-in-out;
}
/* Her bir slayt */
.slider {
min-width: 100%;
height: 100%;
position: relative;
display: none;
}
/* Aktif slayt */
.slider.active {
display: block;
}
/* Slayt içindeki görsel */
.slide-image {
width: 100%;
height: 100%;
object-fit: cover; /* Görseli tam ekran kaplayacak şekilde ayarla */
display: block;
}
/* Slayt içeriği (başlık, metin, buton) */
.slide-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: white;
background-color: rgba(0, 0, 0, 0.5); /* Arka planı hafif karanlık yap */
padding: 20px;
border-radius: 10px;
}
.slide-content h2 {
font-size: 2.5em;
margin-bottom: 10px;
}
.slide-content p {
font-size: 1.2em;
margin-bottom: 20px;
}
.slide-button {
padding: 10px 20px;
background-color: #ff5722;
color: white;
text-decoration: none;
border-radius: 5px;
}
/* Önceki ve sonraki butonlar */
.prev-slide, .next-slide {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0.5);
color: white;
border: none;
padding: 10px;
cursor: pointer;
z-index: 10; /* Butonların içerik üzerinde olmasını sağla */
}
.prev-slide {
left: 10px;
}
.next-slide {
right: 10px;
}
</style>
<div class="main-slider id-yp9j6oqsy-parent">
<div class="custom-slider">
<div class="slider-container">
<div class="slider active">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_likya-fethiye-ramazan-tur.jpeg" alt="Likya - Fethiye Konaklamalı Turu" class="slide-image">
<div class="slide-content">
<h2 class="id-yp9j6oqsy-title">Likya - Fethiye Konaklamalı Turu</h2>
<p>Ramazan Bayramına Özel</p>
<a href="https://www.tatileozlem.com/tr/event/ramazan-bayrami-28-mart-cikisli-likya-fetiye-turu-3-gece-konaklamali-5-gun-3443" class="slide-button">DAHA FAZLASI</a>
</div>
</div>
<div class="slider ">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_yedi-goller-turu.jpg" alt="Yedi Göller Günübirlik Turu" class="slide-image">
<div class="slide-content">
<h2 class="id-yp9j6oqsy-title">Yedi Göller Günübirlik Turu</h2>
<p></p>
<a href="https://www.tatileozlem.com/tr/event/her-hafta-sonu-cikisli-gunubirlik-yedigoller-turu" class="slide-button">DAHA FAZLASI</a>
</div>
</div>
<div class="slider ">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_gap-turu.jpg" alt="GAP Turu" class="slide-image">
<div class="slide-content">
<h2 class="id-yp9j6oqsy-title">GAP Turu</h2>
<p>KONAKLAMALI </p>
<a href="https://tatileozlem.com/tr/category/gap-yurtici-konaklamali" class="slide-button">DAHA FAZLASI</a>
</div>
</div>
<div class="slider ">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_kış-kayak-tur.jpg" alt="KIŞ KAYAK TURLARI" class="slide-image">
<div class="slide-content">
<h2 class="id-yp9j6oqsy-title">KIŞ KAYAK TURLARI</h2>
<p>GÜNÜBİRLİK YA DA KONAKLAMALI</p>
<a href="https://tatileozlem.com/tr/category/konaklamali-kis-kayak-turlari" class="slide-button">DAHA FAZLASI</a>
</div>
</div>
</div>
<button class="prev-slide">❮</button>
<button class="next-slide">❯</button>
</div>
</div>
<script>
$(document).ready(function() {
// Sadece .slider-container içindeki .slide elementlerini seç
let $slides = $('.slider-container').find('.slider');
let $prevButton = $('.prev-slide');
let $nextButton = $('.next-slide');
let currentSlide = 0;
let totalSlides = $slides.length;
// Debug için console.log
console.log("Toplam Slayt Sayısı:", totalSlides);
console.log("Slaytlar:", $slides);
// İlk slayta active class'ını ekle
$slides.eq(currentSlide).addClass('active');
function showSlide(index) {
// Tüm slaytlardan active class'ını kaldır
$slides.removeClass('active');
// İstenen slayta active class'ını ekle
$slides.eq(index).addClass('active');
}
function nextSlide() {
currentSlide = (currentSlide + 1) % totalSlides; // Son slayta ulaştığında başa dön
showSlide(currentSlide);
}
function prevSlide() {
currentSlide = (currentSlide - 1 + totalSlides) % totalSlides; // İlk slayta ulaştığında sona git
showSlide(currentSlide);
}
// Butonlara tıklama olaylarını ekle
$nextButton.on('click', nextSlide);
$prevButton.on('click', prevSlide);
// Otomatik geçiş için
let slideInterval = setInterval(nextSlide, 3000); // 3 saniyede bir geçiş yapar
});
</script>
</div>
</div><div class="row" data-styles='' data-elementid="id-b5wa0sfx9">
<div class="col-lg-6">
<div class="metin">
<p><span style="font-size: 15.68px;"><b><i>Tatile Özlem : Hayalini Kurduğun Tatil, Gerçek Olsun!</i></b></span></p><p><span style="font-size: 15.68px;"><br></span></p><p><span style="font-size: 15.68px;">Tatile Özlem, Türkiyenin dört bir yanındaki en popüler destinasyonlara, unutulmaz turlar düzenleyen ve her yaşa hitap eden bir tur şirketidir. Günübirlik kaçamaklardan konaklamalı turlara, yurt içi ve yurt dışı seyahatlere kadar geniş bir tur yelpazesiyle, size özel unutulmaz tatil deneyimleri sunuyoruz.</span></p><p><span style="font-size: 15.68px;"><br></span></p><p><span style="font-size: 15.68px;">Gençler, çiftler, aileler ya da arkadaş grupları... Herkese hitap eden turlarımız, en konforlu <i>VIP araçlarla ve alanında uzman rehberlerimizle daha da özel hale geliyor.</i> Doğanın içinde huzurlu bir gün geçirmek veya tarihi ve kültürel zenginlikleri keşfetmek isterseniz, Tatile Özlem her zaman yanınızda.</span></p><p><span style="font-size: 15.68px;"><br></span></p><p><span style="font-size: 15.68px;">Müşteri memnuniyetini her şeyin önünde tutarak, <i>size en iyi tatil deneyimini yaşatmayı hedefliyoruz.</i> Çünkü biz, tatilin sadece bir gezi değil, hayatınızda unutamayacağınız anlar yaratmak olduğuna inanıyoruz.</span></p>
</div>
<script>
console.log(document.querySelector('.metin').innerHTML);
</script>
</div>
<div class="col-lg-6">
<style>
/* Dikey slider için özel stiller */
.vertical-slider {
position: relative;
width: 50%;
height: 40vh; /* Ekran yüksekliği kadar */
overflow: hidden;
margin: 0 auto; /* Ortala */
}
.vertical-slider .slider-container {
display: flex;
flex-direction: column; /* Dikey kaydırma */
width: 100%;
height: 100%;
transition: transform 0.5s ease-in-out;
}
.vertical-slider .slide {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%; /* Her slayt tam yükseklikte */
flex-shrink: 0; /* Slaytların küçülmesini engelle */
}
.vertical-slider .slide-image {
max-width: 100%;
max-height: 100%;
object-fit: contain; /* Görseli kırpmadan tam ortalar */
}
/* Buton ve noktalar için yeni düzen */
.slider-controls {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
display: flex;
flex-direction: column;
align-items: center;
z-index: 11;
}
/* Yönlendirme butonları (üstte ve altta) */
.slider-controls .prev-slide,
.slider-controls .next-slide {
background-color: rgba(0, 0, 0, 0.5);
color: white;
border: none;
padding: 12px;
cursor: pointer;
font-size: 18px;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
.slider-controls .next-slide {
margin-top: 10px;
}
.slider-controls button:hover {
background-color: rgba(255, 255, 255, 0.7);
color: black;
}
/* Slider noktaları (ortada) */
.slider-dots {
display: flex;
flex-direction: column;
gap: 8px;
}
.slider-dots .dot {
width: 10px;
height: 10px;
background-color: black !important;
border-radius: 50%;
cursor: pointer;
transition: background-color 0.3s ease;
}
.slider-dots .dot.active {
background-color: white;
}
</style>
<div class="vertical-slider">
<div class="slider-container">
<div class="slide active">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_konklamalı turları tatile özlem.jpg" alt="" class="slide-image">
</div>
<div class="slide ">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_gunubirlik-turlari-tatileozlem.jpg" alt="" class="slide-image">
</div>
<div class="slide ">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_gunubirlik-turlari-tatileozlem.jpg" alt="" class="slide-image">
</div>
<div class="slide ">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_yurtdışı turları tatile özlem.jpg" alt="" class="slide-image">
</div>
</div>
<!-- Sağ tarafta butonlar ve noktalar -->
<div class="slider-controls">
<button class="prev-slide d-none">▲</button> <!-- Yukarı Ok -->
<div class="slider-dots"></div> <!-- Noktalar (Ortada) -->
<button class="next-slide d-none">▼</button> <!-- Aşağı Ok -->
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const sliderContainer = document.querySelector('.vertical-slider .slider-container');
const slides = document.querySelectorAll('.vertical-slider .slide');
const prevButton = document.querySelector('.vertical-slider .prev-slide');
const nextButton = document.querySelector('.vertical-slider .next-slide');
const dotsContainer = document.querySelector('.vertical-slider .slider-dots');
let currentSlide = 0;
function showSlide(index) {
const offset = -index * 100; // 100% kaydır
sliderContainer.style.transform = `translateY(${offset}%)`;
slides.forEach((slide, i) => {
slide.classList.remove('active');
if (i === index) {
slide.classList.add('active');
}
});
updateDots();
}
function nextSlide() {
currentSlide = (currentSlide + 1) % slides.length;
showSlide(currentSlide);
}
function prevSlide() {
currentSlide = (currentSlide - 1 + slides.length) % slides.length;
showSlide(currentSlide);
}
function createDots() {
slides.forEach((_, i) => {
const dot = document.createElement('div');
dot.classList.add('dot');
dot.addEventListener('click', () => {
currentSlide = i;
showSlide(currentSlide);
});
dotsContainer.appendChild(dot);
});
updateDots();
}
function updateDots() {
const dots = document.querySelectorAll('.slider-dots .dot');
dots.forEach((dot, i) => {
dot.classList.toggle('active', i === currentSlide);
});
}
prevButton.addEventListener('click', prevSlide);
nextButton.addEventListener('click', nextSlide);
createDots();
// Otomatik geçiş (5 saniyede bir)
setInterval(nextSlide, 5000);
});
</script>
</div>
</div><div class="row" data-styles='' data-elementid="id-4cxa446np">
<div class="col-lg-12">
<div class="main-content">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="room_details">
<div class="room-caroz">
<div class="room_img">
<img src="https://cdn.very.tr/customer-data/tatileozlem/tatileozlem_%C3%A7anakkale8.png" alt="">
<span class="price-tag">1400.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/customer-data/tatileozlem/tatileozlem_%C3%A7anakkale1.png" alt="">
<span class="price-tag">1400.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/customer-data/tatileozlem/tatileozlem_%C3%A7anakkale2.png" alt="">
<span class="price-tag">1400.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/customer-data/tatileozlem/tatileozlem_%C3%A7anakkale3.png" alt="">
<span class="price-tag">1400.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/customer-data/tatileozlem/tatileozlem_%C3%A7anakkale4.png" alt="">
<span class="price-tag">1400.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/customer-data/tatileozlem/tatileozlem_%C3%A7anakkale5.png" alt="">
<span class="price-tag">1400.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/customer-data/tatileozlem/tatileozlem_%C3%A7anakkale6.png" alt="">
<span class="price-tag">1400.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/customer-data/tatileozlem/tatileozlem_%C3%A7anakkale7.png" alt="">
<span class="price-tag">1400.00<b>₺</b></span>
</div>
</div>
<div class="room_info">
<h3><a href="#" title="">HER HAFTA SONU ÇIKIŞLI GÜNÜBİRLİK ÇANAKKALE ŞEHİTLİK TURU</a></h3>
<ul class="ppt-list">
</ul>
<!----<p><em style="color: rgb(51, 51, 51); background-color: white;">Tarihin o güne kadar gördüğü en kapsamlı çatışmalarını barındıran Birinci Dünya Savaşı içerisinde önemli bir yer tutan Çanakkale savaşlarıdır. Bu savaşlar Türk’ün sayısız zafer, şan ve şerefle dolu tarihinin en parlak sayfasıdır. Geri dönmeyeceklerini bildikleri halde gittiler coşkuyla ölüme...</em></p><p><br></p>--->
<a href="/tr/event/her-hafta-sonu-cikisli-gunubirlik-canakkale-sehitlik-turu" title="" class="lnk-default">Detaylar<i class="la la-arrow-right"></i></a>
</div><!--room_info end-->
</div><!--room-details end-->
</div>
<div class="col-lg-4 col-md-6">
<div class="room_details">
<div class="room-caroz">
<div class="room_img">
<img src="https://cdn.very.tr/customer-data/tatileozlem/tatileozlem_ANKARA%20ANIT.png" alt="">
<span class="price-tag">999.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/customer-data/tatileozlem/tatileozlem_2-min.png" alt="">
<span class="price-tag">999.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/customer-data/tatileozlem/tatileozlem_3-min.png" alt="">
<span class="price-tag">999.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/customer-data/tatileozlem/tatileozlem_4-min.png" alt="">
<span class="price-tag">999.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/customer-data/tatileozlem/tatileozlem_5-min.png" alt="">
<span class="price-tag">999.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/customer-data/tatileozlem/tatileozlem_6-min.png" alt="">
<span class="price-tag">999.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/customer-data/tatileozlem/tatileozlem_7-min.png" alt="">
<span class="price-tag">999.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/customer-data/tatileozlem/tatileozlem_8-min.png" alt="">
<span class="price-tag">999.00<b>₺</b></span>
</div>
</div>
<div class="room_info">
<h3><a href="#" title="">HER HAFTA SONU ÇIKIŞLI GÜNÜBİRLİK ANKARA ANITKABİR TURU</a></h3>
<ul class="ppt-list">
</ul>
<!----<p><em style="color: rgb(51, 51, 51); background-color: white;">Cumhuriyet’imizin, ortak değerleri Atatürk’ün ilke ve inkılaplarının izindeyiz. Atatürk’ün bizlere bıraktığı bu vatanı, ilelebet sonsuz neferi olacağız. TATİLE ÖZLEM olarak bizler de bu ülkeyi ve bu vatanı BAĞIMSIZLIĞIMIZI armağan eden Ata’mızı 30 Ağustosta ebedi İstirahatgahın’da anıyoruz.</em></p><p><br></p>--->
<a href="/tr/event/her-hafta-sonu-cikisli-gunubirlik-ankara-anitkabir-turu" title="" class="lnk-default">Detaylar<i class="la la-arrow-right"></i></a>
</div><!--room_info end-->
</div><!--room-details end-->
</div>
<div class="col-lg-4 col-md-6">
<div class="room_details">
<div class="room-caroz">
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_BURSA%20TRILYE.jpg" alt="">
<span class="price-tag">1499.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_%C3%9C%C4%9E.jpg" alt="">
<span class="price-tag">1499.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_%C3%9CI.jpg" alt="">
<span class="price-tag">1499.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_%C3%9CP.jpg" alt="">
<span class="price-tag">1499.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_%C3%9CR.jpg" alt="">
<span class="price-tag">1499.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_%C3%9CT.jpg" alt="">
<span class="price-tag">1499.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_%C3%9CU.jpg" alt="">
<span class="price-tag">1499.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_%C3%9CY.jpg" alt="">
<span class="price-tag">1499.00<b>₺</b></span>
</div>
</div>
<div class="room_info">
<h3><a href="#" title="">HER HAFTA SONU ÇIKIŞLI GÜNÜBİRLİK BURSA CUMALIKIZIK MUDANYA TİRİLYE TURU</a></h3>
<ul class="ppt-list">
</ul>
<!----<p><em style="color: rgb(51, 51, 51); background-color: white;">Kitaplara sığmayan tarihi, bakmalara doyum olmayan doğal güzelliği ve tadı damaklarda kalan lezzetli yemekleri ile benzersiz bir kültür birikimidir Bursa. Doğal güzellikleri Osmanlı mimarisi ile kentin tarihi kültürel, sanatsal yanını sizlere Tatile Özlem Tur farkıyla sunuyoruz.</em></p>--->
<a href="/tr/event/her-hafta-sonu-cikisli-gunubirlik-bursa-cumalikizik-mudanya-tirilye-turu" title="" class="lnk-default">Detaylar<i class="la la-arrow-right"></i></a>
</div><!--room_info end-->
</div><!--room-details end-->
</div>
<div class="col-lg-4 col-md-6">
<div class="room_details">
<div class="room-caroz">
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_BURSA%20ULUDA%C4%9E.jpg" alt="">
<span class="price-tag">1399.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_AA.jpg" alt="">
<span class="price-tag">1399.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_AD.jpg" alt="">
<span class="price-tag">1399.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_AF.jpg" alt="">
<span class="price-tag">1399.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_AG.jpg" alt="">
<span class="price-tag">1399.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_AH.jpg" alt="">
<span class="price-tag">1399.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_AS.jpg" alt="">
<span class="price-tag">1399.00<b>₺</b></span>
</div>
</div>
<div class="room_info">
<h3><a href="#" title="">HER HAFTA SONU ÇIKIŞLI GÜNÜBİRLİK BURSA ULUDAĞ TURU</a></h3>
<ul class="ppt-list">
</ul>
<!----<p><em style="background-color: white; color: rgb(51, 51, 51);">Kitaplara sığmayan tarihi, bakmalara doyum olmayan doğal güzelliği ve tadı damaklarda kalan lezzetli yemekleri ile benzersiz bir kültür birikimidir Bursa. Doğal güzellikleri Osmanlı mimarisi ile kentin tarihi kültürel, sanatsal yanını sizlere Tatile Özlem Tur farkıyla sunuyoruz.</em></p><p><br></p>--->
<a href="/tr/event/her-hafta-sonu-cikisli-gunubirlik-bursa-uludag-turu" title="" class="lnk-default">Detaylar<i class="la la-arrow-right"></i></a>
</div><!--room_info end-->
</div><!--room-details end-->
</div>
<div class="col-lg-4 col-md-6">
<div class="room_details">
<div class="room-caroz">
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_DUPN%C4%B0SA%20MA%C4%9EARASI%20%C4%B0%C4%9ENEADA.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_%C4%9EE.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_%C4%9EO.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_%C4%9EP.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_%C4%9ER.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_%C4%9ET.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_%C4%9EU.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_%C4%9EY.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
</div>
<div class="room_info">
<h3><a href="#" title="">HER HAFTA SONU ÇIKIŞLI GÜNÜBİRLİK DUPNİSA MAĞARASI İĞNEADA TURU</a></h3>
<ul class="ppt-list">
</ul>
<!----<p><em style="color: rgb(51, 51, 51); background-color: white;">Yeşil ve Mavinin yakıştığı, Karadeniz'in En Batısında Trakya'nın En Doğusunda bulunan doğa harikası bir yapıya sahip yerdir İğneada. Ekosistem zincirinin bulunduğu bölgede sizleri hafta sonunun huzur cennetini yaşamaya davet ediyoruz.</em></p><p><br></p>--->
<a href="/tr/event/her-hafta-sonu-cikisli-gunubirlik-dupnisa-magarasi-igneada-turu" title="" class="lnk-default">Detaylar<i class="la la-arrow-right"></i></a>
</div><!--room_info end-->
</div><!--room-details end-->
</div>
<div class="col-lg-4 col-md-6">
<div class="room_details">
<div class="room-caroz">
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_ED%C4%B0RNE.jpg" alt="">
<span class="price-tag">1199.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_PE.jpg" alt="">
<span class="price-tag">1199.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_PI.jpg" alt="">
<span class="price-tag">1199.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_PO.jpg" alt="">
<span class="price-tag">1199.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_PR.jpg" alt="">
<span class="price-tag">1199.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_PT.jpg" alt="">
<span class="price-tag">1199.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_PU.jpg" alt="">
<span class="price-tag">1199.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_PY.jpg" alt="">
<span class="price-tag">1199.00<b>₺</b></span>
</div>
</div>
<div class="room_info">
<h3><a href="#" title="">HER HAFTA SONU ÇIKIŞLI GÜNÜBİRLİK EDİRNE TURU</a></h3>
<ul class="ppt-list">
</ul>
<!----<p><em style="color: rgb(51, 51, 51);">Edirne'nin Meşhur Camii'lerini ziyaret edip ünlü ciğer tavasının tadına çıkaracağınız ve tarihimizin o büyük destanlarından geriye kalanları görmek adına Edirne Müzelerini ziyaret etmek için bu geziyi kaçırmayın.</em></p>--->
<a href="/tr/event/her-hafta-sonu-cikisli-gunubirlik-edirne-turu" title="" class="lnk-default">Detaylar<i class="la la-arrow-right"></i></a>
</div><!--room_info end-->
</div><!--room-details end-->
</div>
<div class="col-lg-4 col-md-6">
<div class="room_details">
<div class="room-caroz">
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_ESK%C4%B0%C5%9EEH%C4%B0R.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_EY.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_YH.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_YJ.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_YQ.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_YR.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_YT.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_YW.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
</div>
<div class="room_info">
<h3><a href="#" title="">HER HAFTA SONU ÇIKIŞLI GÜNÜBİRLİK ESKİŞEHİR ODUNPAZARI TURU</a></h3>
<ul class="ppt-list">
</ul>
<!----<p><em style="color: rgb(51, 51, 51); background-color: white;">En Güzel Şehir olan Eskişehir Odunpazarı Tarihi Evleriyle birlikte sizi zamanda unutulmaz bir yolculuğa çıkarıyor. Kim gondolda keyifli anlar yaşamak istemez ki Unutulmaz bir hafta sonu geçirmek için geç kalmadınız..</em></p><p><br></p>--->
<a href="/tr/event/her-hafta-sonu-cikisli-gunubirlik-eskisehir-odunpazari-turu" title="" class="lnk-default">Detaylar<i class="la la-arrow-right"></i></a>
</div><!--room_info end-->
</div><!--room-details end-->
</div>
<div class="col-lg-4 col-md-6">
<div class="room_details">
<div class="room-caroz">
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_MA%C5%9EUK%C4%B0YE.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_DA.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_DF.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_DG.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_DH.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_DJ.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_DK.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_DS.jpg" alt="">
<span class="price-tag">1350.00<b>₺</b></span>
</div>
</div>
<div class="room_info">
<h3><a href="#" title="">HER HAFTA SONU ÇIKIŞLI GÜNÜBİRLİK MAŞUKİYE KARTEPE TURU</a></h3>
<ul class="ppt-list">
</ul>
<!----<p><span style="background-color: white; color: rgb(102, 102, 102);">Günün Gezi Noktaları;</span></p><p><span style="color: rgb(102, 102, 102);"> </span><span style="color: rgb(102, 102, 102); background-color: white;">Maşukiye ,Kartepe </span></p><p><span style="color: rgb(102, 102, 102);"> </span><span style="color: rgb(102, 102, 102); background-color: white;">Masalköy Macera Parkı</span></p><p><span style="color: rgb(102, 102, 102);"> </span><span style="color: rgb(102, 102, 102); background-color: white;">Sapanca Gölü</span></p><p><span style="color: rgb(102, 102, 102);"> </span><span style="color: rgb(102, 102, 102); background-color: white;">Ormanya Doğal Yaşam Parkı</span></p>--->
<a href="/tr/event/her-hafta-sonu-cikisli-gunubirlik-masukiye-kartepe-turu" title="" class="lnk-default">Detaylar<i class="la la-arrow-right"></i></a>
</div><!--room_info end-->
</div><!--room-details end-->
</div>
<div class="col-lg-4 col-md-6">
<div class="room_details">
<div class="room-caroz">
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_%C5%9E%C4%B0LE%20-%20POLONEZK%C3%96Y%20-%20A%C4%9EVA.jpg" alt="">
<span class="price-tag">1299.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_KF.jpg" alt="">
<span class="price-tag">1299.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_KG.jpg" alt="">
<span class="price-tag">1299.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_KH.jpg" alt="">
<span class="price-tag">1299.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_K%C4%B0.jpg" alt="">
<span class="price-tag">1299.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_KJ.jpg" alt="">
<span class="price-tag">1299.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_KL.jpg" alt="">
<span class="price-tag">1299.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_K%C5%9E.jpg" alt="">
<span class="price-tag">1299.00<b>₺</b></span>
</div>
</div>
<div class="room_info">
<h3><a href="#" title="">HER HAFTA SONU ÇIKIŞLI GÜNÜBİRLİK POLONEZKÖY ŞİLE AĞVA</a></h3>
<ul class="ppt-list">
</ul>
<!----<p><br></p>--->
<a href="/tr/event/her-hafta-sonu-cikisli-gunubirlik-polonezkoy-sile-agva" title="" class="lnk-default">Detaylar<i class="la la-arrow-right"></i></a>
</div><!--room_info end-->
</div><!--room-details end-->
</div>
<div class="col-lg-4 col-md-6">
<div class="room_details">
<div class="room-caroz">
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_SAPANCA%20ABANT%20%282%29.jpg" alt="">
<span class="price-tag">1300.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_FA.jpg" alt="">
<span class="price-tag">1300.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_FD.jpg" alt="">
<span class="price-tag">1300.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_FG.jpg" alt="">
<span class="price-tag">1300.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_FH.jpg" alt="">
<span class="price-tag">1300.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_FJ.jpg" alt="">
<span class="price-tag">1300.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_FK.jpg" alt="">
<span class="price-tag">1300.00<b>₺</b></span>
</div>
<div class="room_img">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_FS.jpg" alt="">
<span class="price-tag">1300.00<b>₺</b></span>
</div>
</div>
<div class="room_info">
<h3><a href="#" title="">HER HAFTA SONU ÇIKIŞLI GÜNÜBİRLİK SAPANCA ABANT CENNET GÖLÜ TURU</a></h3>
<ul class="ppt-list">
</ul>
<!----<p><em style="background-color: white; color: rgb(51, 51, 51);">Bol ve doğal oksijenin sizde yarattığı etkiyi hemen fark edecek, yer çekiminin azaldığı hissine kapılacaksınız. Dilerseniz göl kenarında uzun ve sakin bir yürüyüş yapabilir, inanılmaz doğada güzel bir gün geçirebilirsiniz. Sonbahar ve kış renklerinin iç içe bambaşka bir manzaraya şahit olacaksınız.</em></p><p><br></p>--->
<a href="/tr/event/her-hafta-sonu-cikisli-gunubirlik-sapanca-abant-cennet-golu-turu" title="" class="lnk-default">Detaylar<i class="la la-arrow-right"></i></a>
</div><!--room_info end-->
</div><!--room-details end-->
</div>
</div>
</div>
</div>
</div>
</div><div class="row" data-styles='' data-elementid="id-cnvbd7m0k">
<div class="col-lg-12">
<style>
.blog-img:after, .featz:after, .room-details:after, .abt-img:after, .srvz-img:after, .htl-img:after{
opacity: 0 !important;
}
</style>
<div class="c-block p-0">
<div class="container-fluid p-0">
<div class="rooms-sec">
<div class="row romzz_carousel">
<div class="col-lg-4 col-md-6" onclick="window.location.href='https://tatileozlem.com/tr/category/konaklamali-yurtici-turlari'">
<div class="room-details">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_yunanistan-turu-konaklamalı.jpg" alt="">
<div class="room-hd">
<h4></h4>
<h3></h3>
</div>
</div><!--room-details end-->
</div>
<div class="col-lg-4 col-md-6" onclick="window.location.href=''">
<div class="room-details">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_ESKİŞEHİR.jpg" alt="">
<div class="room-hd">
<h4></h4>
<h3></h3>
</div>
</div><!--room-details end-->
</div>
<div class="col-lg-4 col-md-6" onclick="window.location.href=''">
<div class="room-details">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_AYVALIK VE ASSOS.jpg" alt="">
<div class="room-hd">
<h4></h4>
<h3></h3>
</div>
</div><!--room-details end-->
</div>
<div class="col-lg-4 col-md-6" onclick="window.location.href=''">
<div class="room-details">
<img src="https://cdn.very.tr/tatileozlem/tatileozlem/tatileozlem_WEBSİTE ÖRNEK (1).jpg" alt="">
<div class="room-hd">
<h4></h4>
<h3></h3>
</div>
</div><!--room-details end-->
</div>
</div>
</div><!--rooms-sec end-->
</div>
</div>
<!--ROOM-SEC END-->
</div>
</div>
</div>
<footer>
<div class="row" data-styles='' data-elementid="id-rmb0ca3eu">
<div class="col-lg-12">
<nav>
<ul>
<li>
<a href="/tr/category/yurtici-turlari" title="Yurtiçi Turları">Yurtiçi Turları</a>
</li>
<li>
<a href="/tr/category/yurtdisi-turlari" title="Yurtdışı Turları">Yurtdışı Turları</a>
</li>
<li>
<a href="/tr/category/kis-kayak-turlari" title="Kış Kayak Turları">Kış Kayak Turları</a>
</li>
<li>
<a href="/tr/category/erken-rezervasyon-7583" title="Erken Rezervasyon">Erken Rezervasyon</a>
</li>
</ul>
</nav>
<div class="responsive_mobile_menu">
<div class="resp_head">
<div class="ft-logo">
<a href="/" title="">
<img src="https://cdn.very.tr/customer-data/tatileozlem/tatileozlem_tatileozlem-logo.png">
</a>
</div>
<div class="menu-bar">
<a href="#" title="">
<span class="bar1"></span>
<span class="bar2"></span>
<span class="bar3"></span>
</a>
</div><!--menu-bar end-->
<div class="clearfix"></div>
</div>
<div class="navigations mt-5">
<ul>
<li>
<a href="/tr/category/yurtici-turlari" title="Yurtiçi Turları">Yurtiçi Turları</a>
</li>
<li>
<a href="/tr/category/yurtdisi-turlari" title="Yurtdışı Turları">Yurtdışı Turları</a>
</li>
<li>
<a href="/tr/category/kis-kayak-turlari" title="Kış Kayak Turları">Kış Kayak Turları</a>
</li>
<li>
<a href="/tr/category/erken-rezervasyon-7583" title="Erken Rezervasyon">Erken Rezervasyon</a>
</li>
</ul>
</div>
</div>
<style>
footer {
position: relative;
width: 100%;
text-align: center;
padding: 20px 0;
z-index: 100;
overflow: visible;
}
footer nav {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
footer nav ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
position: relative;
}
footer nav ul li {
position: relative;
margin: 0 15px;
}
footer nav ul li a {
color: #fff;
text-decoration: none;
font-weight: bold;
padding: 10px 15px;
display: block;
transition: color 0.3s ease;
}
footer nav ul li a:hover {
color: #f1c40f;
}
/* Alt menülerin yukarı açılması için düzenlenen kısım */
footer nav ul li ul {
position: absolute;
top: auto !important; /* Otomatik olarak hesaplanacak */
bottom: 100%; /* Ana menünün üstünde başlayacak */
left: 50%;
transform: translateX(-50%);
width: 200px;
background: rgba(0, 0, 0, 0.9);
padding: 10px 0;
margin-bottom: 10px;
display: none;
text-align: left;
z-index: 9999;
border-radius: 4px;
box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
}
footer nav ul li:hover > ul {
display: block;
animation: slideUp 0.3s ease;
}
footer nav ul li ul li {
padding: 5px 15px;
margin: 0;
width: 100%;
}
footer nav ul li ul li a {
color: #fff;
text-decoration: none;
display: block;
padding: 8px 15px;
transition: all 0.3s ease;
}
footer nav ul li ul li a:hover {
background: #f1c40f;
color: #000;
}
/* Yukarı kayma animasyonu */
@keyframes slideUp {
from {
opacity: 0;
transform: translateX(-50%) translateY(20px);
}
to {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
const footerNavItems = document.querySelectorAll('footer nav ul li');
footerNavItems.forEach(item => {
const subMenu = item.querySelector('ul');
if (subMenu) {
const subMenuHeight = subMenu.offsetHeight;
subMenu.style.top = `-${subMenuHeight}px`;
}
});
});
</script>
</div>
<div class="col-lg-12">
<div class="metin">
<h2 style="text-align: center; " class=""><br></h2><h2 style="text-align: center; " class=""><span style="font-size: 31.9901px;"><font color="#ffffff">Çağrı Merkezi : 0850 304 5 000 </font></span></h2>
</div>
<script>
console.log(document.querySelector('.metin').innerHTML);
</script>
</div>
<div class="col-lg-12">
<div class="metin">
<p style="text-align: center; "><span style="font-size: 15.68px;">Belge No: 9559</span></p><p style="text-align: center; "><span style="font-size: 15.68px;">Unvan : Gölyazı Turizm Seyahat Acentası</span></p><p style="text-align: center; "><span style="font-size: 15.68px;">Adres: İkitelli OSB Mah. Tümsan 2.Kısım C Blok No:1C/76 Başakşehir/İstanbul</span></p><p style="text-align: center; "><span style="font-size: 15.68px;">Özçetinler Turizm Taş. İnş. Tem. ve Tic. Ltd. Şti.</span></p><p style="text-align: center; "><span style="font-size: 15.68px;">0212 485 15 91</span></p>
</div>
<script>
console.log(document.querySelector('.metin').innerHTML);
</script>
</div>
</div>
<!--bottom-footer end-->
<div class="bottom-strip">
<div class="container">
<p>Copyright Verysoft © 2025.</p>
</div>
</div>
<!--bottom-strip end-->
<div class="search_sec">
<a href="#" title="" class="close-search"><i class="la la-close"></i></a>
<div class="search_field">
<div class="container">
<form>
<input type="text" name="search" placeholder="Search for...">
<button type="submit"><img src="https://cdn.very.tr/theme-files/activite/images/search2.png"
alt=""></button>
</form>
</div>
</div>
</div>
<a href="#" title="" class="scrollTop"><i class="la la-arrow-up"></i></a>
<div class="max-cont"></div>
</footer>
</div>
<script src="https://cdn.very.tr/theme-files/activite/js/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/i18n/datepicker-tr.js"></script>
<script src="https://cdn.very.tr/theme-files/activite/js/popper.js"></script>
<script src="https://cdn.very.tr/theme-files/activite/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
<script src="https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/tr.js"></script>
<script src="https://cdn.very.tr/theme-files/activite/js/custom-select.js"></script>
<script src="https://cdn.very.tr/theme-files/activite/js/html5lightbox.js"></script>
<script src="https://cdn.very.tr/theme-files/activite/js/lib/slick/slick.js"></script>
<script src="https://cdn.very.tr/theme-files/activite/js/handleCounter.js"></script>
<script src="https://cdn.very.tr/theme-files/activite/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="https://cdn.very.tr/theme-files/activite/revolution/js/jquery.themepunch.revolution.min.js"></script>
<script src="https://cdn.very.tr/theme-files/activite/revolution/js/revolution.extension.actions.min.js"></script>
<script src="https://cdn.very.tr/theme-files/activite/revolution/js/revolution.extension.carousel.min.js"></script>
<script src="https://cdn.very.tr/theme-files/activite/revolution/js/revolution.extension.kenburn.min.js"></script>
<script src="https://cdn.very.tr/theme-files/activite/revolution/js/revolution.extension.layeranimation.min.js"></script>
<script src="https://cdn.very.tr/theme-files/activite/revolution/js/revolution.extension.migration.min.js"></script>
<script src="https://cdn.very.tr/theme-files/activite/revolution/js/revolution.extension.navigation.min.js"></script>
<script src="https://cdn.very.tr/theme-files/activite/revolution/js/revolution.extension.parallax.min.js"></script>
<script src="https://cdn.very.tr/theme-files/activite/revolution/js/revolution.extension.slideanims.min.js"></script>
<script src="https://cdn.very.tr/theme-files/activite/revolution/js/revolution.extension.video.min.js"></script>
<script src="https://cdn.very.tr/theme-files/activite/revolution/js/revolution.initialize.js"></script>
<script src="https://cdn.very.tr/theme-files/activite/revolution/js/revolution.initialize10.js"></script>
<script type="text/javascript" src="/panel/storage/js/global.js"></script>
</body>
</html>