Files
muglasurucukursu/services.html
mstfyldz 262f31a704 feat: Cloudinary image migration & preloader removal
- Migrated 25 images to Cloudinary CDN with auto format/quality optimization
- Removed preloader from all pages
- Added .gitignore for env, node_modules, and large image files
2026-05-04 21:03:38 +03:00

549 lines
29 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zxx">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Awaiken">
<!-- Page Title -->
<title>Muğla Sürücü Kursu</title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917625/muglasurucukursu/logo.jpg">
<!-- Google Fonts Css-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Big+Shoulders:opsz,wght@10..72,100..900&family=Onest:wght@100..900&display=swap" rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.min.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
</head>
<body>
<!-- Header Start -->
<header class="main-header">
<div class="header-sticky bg-section">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<!-- Logo Start -->
<a class="navbar-brand" href="./">
<img src="images/suruculogo.svg" alt="Logo">
</a>
<!-- Logo End -->
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<div class="nav-menu-wrapper">
<ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item submenu"><a class="nav-link" href="./index.html">Anasayfa</a>
</li>
<li class="nav-item"><a class="nav-link" href="about.html">Hakkımızda</a>
<li class="nav-item"><a class="nav-link" href="services.html">Hizmetlerimiz</a></li>
<li class="nav-item"><a class="nav-link" href="courses.html">Kurslarımız</a></li>
<li class="nav-item"><a class="nav-link" href="team.html">Ekibimiz</a></li>
</li>
<li class="nav-item"><a class="nav-link" href="contact.html">İletişim</a></li>
</ul>
</div>
<!-- Header Contact Box Start -->
<div class="header-contact-box">
<!-- Header Contact Btn Start -->
<div class="header-contact-btn">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
</div>
<div class="header-contact-now-content">
<h3><a href="tel:+905446071988">0544 607 19 88</a></h3>
</div>
</div>
<!-- Header Contact Btn End -->
<!-- Header Booking Button Start -->
<div class="header-booking-btn">
<a href="contact.html" class="btn-default">İletişim</a>
</div>
<!-- Header Booking Button End -->
</div>
<!-- Header Contact Box End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
<!-- Page Header Start -->
<div class="page-header">
<div class="page-header-section bg-section parallaxie">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque">Hizmetlerimiz</h1>
<nav class="wow fadeInUp">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./index.html">Anasayfa</a></li>
<li class="breadcrumb-item active" aria-current="page">Hizmetlerimiz</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Our Services Section Start -->
<div class="our-services">
<div class="container">
<div class="row section-row align-items-center">
<div class="col-lg-6">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">Hizmetlerimiz</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Tüm seviyelere uygun <span>kapsamlı</span> sürüş dersleri</h2>
</div>
<!-- Section Title End -->
</div>
<div class="col-lg-6">
<!-- Section Title Content Start -->
<div class="section-content-btn">
<!-- Section Title Content Start -->
<div class="section-title-content wow fadeInUp" data-wow-delay="0.2s">
<p>Sürücü kursumuz, ister yeni başlıyor olun ister tecrübeli bir sürücü, sürüş becerilerinizi geliştirmeye, özgüven kazandırmaya ve trafik güvenliğini sağlamaya yönelik eğitimler sunar.</p>
</div>
<!-- Section Title Content End -->
<!-- Section Button Start -->
<div class="section-btn wow fadeInUp" data-wow-delay="0.4s">
<a href="services.html" class="btn-default">Tüm Hizmetlerimize Göz Atın</a>
</div>
<!-- Section Button End -->
</div>
<!-- Section Title Content End -->
</div>
</div>
<div class="row">
<div class="col-lg-12">
<!-- Services Slider Start -->
<div class="services-slider">
<div class="swiper">
<div class="swiper-wrapper">
<!-- Services Slide Start -->
<div class="swiper-slide">
<!-- Service Item Start -->
<div class="service-item">
<!-- Service Image Start -->
<div class="service-image">
<a href="service-single.html" data-cursor-text="View">
<figure class="image-anime">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917585/muglasurucukursu/araba1.jpg" alt="">
</figure>
</a>
</div>
<!-- Service Image End -->
<!-- Service Body Start -->
<div class="service-body">
<!-- Service Content Start -->
<div class="service-item-content">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917625/muglasurucukursu/logo.jpg" alt="">
</div>
<!-- Icon Box End -->
<!-- Service Title Start -->
<div class="service-title">
<h3><a href="service-single.html">Yeni Başlayanlar İçin Sürüş Dersleri</a></h3>
</div>
<!-- Service Title End -->
</div>
<!-- Service Content End -->
<!-- Service Readmore Button Start -->
<div class="service-readmore-btn">
<a href="./contact.html" class="readmore-btn">İletişim</a>
</div>
<!-- Service Readmore Button End -->
</div>
<!-- Service Body End -->
</div>
<!-- Service Item End -->
</div>
<!-- Services Slide End -->
<!-- Services Slide Start -->
<div class="swiper-slide">
<!-- Service Item Start -->
<div class="service-item">
<!-- Service Image Start -->
<div class="service-image">
<a href="service-single.html" data-cursor-text="View">
<figure class="image-anime">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917624/muglasurucukursu/arabasurus1.jpg" alt="">
</figure>
</a>
</div>
<!-- Service Image End -->
<!-- Service Body Start -->
<div class="service-body">
<!-- Service Content Start -->
<div class="service-item-content">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917625/muglasurucukursu/logo.jpg" alt="">
</div>
<!-- Icon Box End -->
<!-- Service Title Start -->
<div class="service-title">
<h3><a href="service-single.html">Güvenli Sürüş Teknikleri Eğitimi</a></h3>
</div>
<!-- Service Title End -->
</div>
<!-- Service Content End -->
<!-- Service Readmore Button Start -->
<div class="service-readmore-btn">
<a href="./contact.html" class="readmore-btn">İletişim</a>
</div>
<!-- Service Readmore Button End -->
</div>
<!-- Service Body End -->
</div>
<!-- Service Item End -->
</div>
<!-- Services Slide End -->
<!-- Services Slide Start -->
<div class="swiper-slide">
<!-- Service Item Start -->
<div class="service-item">
<!-- Service Image Start -->
<div class="service-image">
<a href="service-single.html" data-cursor-text="View">
<figure class="image-anime">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917638/muglasurucukursu/motor4.jpg" alt="">
</figure>
</a>
</div>
<!-- Service Image End -->
<!-- Service Body Start -->
<div class="service-body">
<!-- Service Content Start -->
<div class="service-item-content">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917625/muglasurucukursu/logo.jpg" alt="">
</div>
<!-- Icon Box End -->
<!-- Service Title Start -->
<div class="service-title">
<h3><a href="service-single.html">Genç ve Yeni Sürücüler İçin Sürücü Eğitimi</a></h3>
</div>
<!-- Service Title End -->
</div>
<!-- Service Content End -->
<!-- Service Readmore Button Start -->
<div class="service-readmore-btn">
<a href="./contact.html" class="readmore-btn">İletişim</a>
</div>
<!-- Service Readmore Button End -->
</div>
<!-- Service Body End -->
</div>
<!-- Service Item End -->
</div>
<!-- Services Slide End -->
<!-- Services Slide Start -->
<div class="swiper-slide">
<!-- Service Item Start -->
<div class="service-item">
<!-- Service Image Start -->
<div class="service-image">
<a href="service-single.html" data-cursor-text="View">
<figure class="image-anime">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917600/muglasurucukursu/arababakim5.jpg" alt="">
</figure>
</a>
</div>
<!-- Service Image End -->
<!-- Service Body Start -->
<div class="service-body">
<!-- Service Content Start -->
<div class="service-item-content">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917625/muglasurucukursu/logo.jpg" alt="">
</div>
<!-- Icon Box End -->
<!-- Service Title Start -->
<div class="service-title">
<h3><a href="service-single.html">İleri Sürüş Teknikleri Eğitimi
</a></h3>
</div>
<!-- Service Title End -->
</div>
<!-- Service Content End -->
<!-- Service Readmore Button Start -->
<div class="service-readmore-btn">
<a href="./contact.html" class="readmore-btn">İletişim</a>
</div>
<!-- Service Readmore Button End -->
</div>
<!-- Service Body End -->
</div>
<!-- Service Item End -->
</div>
<!-- Services Slide End -->
<!-- Services Slide Start -->
<div class="swiper-slide">
<!-- Service Item Start -->
<div class="service-item">
<!-- Service Image Start -->
<div class="service-image">
<a href="service-single.html" data-cursor-text="View">
<figure class="image-anime">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917619/muglasurucukursu/arabaparkdikey.jpg" alt="">
</figure>
</a>
</div>
<!-- Service Image End -->
<!-- Service Body Start -->
<div class="service-body">
<!-- Service Content Start -->
<div class="service-item-content">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917625/muglasurucukursu/logo.jpg" alt="">
</div>
<!-- Icon Box End -->
<!-- Service Title Start -->
<div class="service-title">
<h3><a href="service-single.html">Otoyol Sürüşünde Ustalık Programı</a></h3>
</div>
<!-- Service Title End -->
</div>
<!-- Service Content End -->
<!-- Service Readmore Button Start -->
<div class="service-readmore-btn">
<a href="contact.html" class="readmore-btn">İletişim</a>
</div>
<!-- Service Readmore Button End -->
</div>
<!-- Service Body End -->
</div>
<!-- Service Item End -->
</div>
<!-- Services Slide End -->
</div>
<div class="services-pagination"></div>
</div>
</div>
<!-- Services Slider End -->
</div>
<div class="col-lg-12">
<!-- Section Footer Text Start -->
<div class="section-footer-text wow fadeInUp" data-wow-delay="0.2s">
<p>Uzman eğitimlerimizle özgüvenli sürüşe giden yolu keşfedin <a href="contact.html">Hemen İletişim!</a></p>
</div>
<!-- Section Footer Text End -->
</div>
</div>
</div>
</div>
<!-- Our Services Section End -->
<!-- Footer Start -->
<footer class="main-footer">
<div class="container">
<div class="row">
<div class="col-lg-3">
<!-- About Footer Start -->
<div class="about-footer">
<!-- Footer Logo Start -->
<div class="footer-logo">
<img src="images/suruculogo.svg" alt="">
</div>
<!-- Footer Logo End -->
<!-- About Footer Content Start -->
<div class="about-footer-content">
<p>Sadece Ehliyet Değil Bilinçli Sürüş Kazandırıyoruz.</p>
</div>
<!-- About Footer Content End -->
<!-- Footer Contact list Start -->
<div class="footer-contact-list">
<ul>
<li><a href="tel:+905446071988"><img src="images/icon-phone.svg" alt="">0544 607 19 88</a></li>
<li><a href="mailto:info@muglasurucukursu.com"><img src="images/icon-mail.svg" alt="">info@muglasurucukursu.com</a></li>
</ul>
</div>
</div>
<!-- About Footer End -->
</div>
<div class="col-lg-9">
<!-- Footer Link Box Start -->
<div class="footer-link-box">
<!-- Footer Links Start -->
<div class="footer-links">
<h3>Kullanışlı Linkler</h3>
<ul>
<li><a href="index.html">Anasayfa</a></li>
<li><a href="about.html">Hakkımızda</a></li>
<li><a href="services.html">Hizmetlerimiz</a></li>
<li><a href="courses.html">Kurslarımız</a></li>
</ul>
</div>
<!-- Footer Links End -->
<!-- Footer Contact Info Start -->
<div class="footer-links footer-contact-info">
<h3>Hemen İletişim</h3>
<!-- Footer Info Item Start -->
<div class="footer-info-item">
<div class="icon-box">
<img src="images/icon-location-accent.svg" alt="">
</div>
<div class="footer-info-content">
<p>Mahiroğlu Apt, Özel, Emirbeyazıt, Özer Türk Cd. No:24 Merkez, 48000 Menteşe/Muğla</p>
</div>
</div>
<!-- Footer Info Item End -->
<!-- Footer Info Item Start -->
<div class="footer-info-item">
<div class="icon-box">
<img src="images/icon-clock.svg" alt="">
</div>
<div class="footer-info-content">
<p>Pazartesi-Cuma: 08:30-19:00</p>
<p>Cumartesi: 08:30-16:00</p>
<p>Pazar: Tatil</p>
</div>
</div>
<!-- Footer Info Item End -->
</div>
<!-- Footer Contact Info End -->
<!-- Footer Newsletter Form Start -->
<div class="footer-links footer-newsletter-form">
<h3>Kurumsal İletişim</h3>
<form id="newslettersForm" action="#" method="POST">
<div class="form-group">
<input type="email" name="mail" class="form-control" id="mail" placeholder="Mail Adresiniz" required>
<button type="submit" class="btn-default">Gönder</button>
</div>
</form>
</div>
<!-- Footer Newsletter Form End -->
</div>
<!-- Footer Link Box End -->
</div>
<div class="col-lg-12">
<!-- Footer Copyright Start -->
<div class="footer-copyright">
<!-- Footer Copyright Text Start -->
<div class="footer-copyright-text">
<p>Copyright © 2025 All Rights Reserved. <br> Designed By <a href="https://cmcyazilimmedya.com/">Cmc Yazılım & Medya</a></p>
</div>
<!-- Footer Copyright Text End -->
<!-- Footer Social Links Start -->
<div class="footer-social-links">
<ul>
<li><a target="_blank" href="https://wa.me/+905446071988"><i class="fa-brands fa-whatsapp"></i></a></li>
<li><a target="_blank" href="https://www.facebook.com/p/%C3%96zel-Mu%C4%9Fla-S%C3%BCr%C3%BCc%C3%BC-Kursu-100037625053988/"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a target="_blank" href="https://www.instagram.com/muglasurucukursu/"><i class="fa-brands fa-instagram"></i></a></li>
</ul>
</div>
<!-- Footer Social Links End -->
</div>
<!-- Footer Copyright End -->
</div>
</div>
</div>
</footer>
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Wow js file -->
<script src="js/wow.min.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
</body>
</html>