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
This commit is contained in:
mstfyldz
2026-05-04 21:03:38 +03:00
commit 262f31a704
167 changed files with 17777 additions and 0 deletions

549
services.html Normal file
View File

@@ -0,0 +1,549 @@
<!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>