Files
muglasurucukursu/index.html
mstfyldz 0d03a71eb6 perf: add w_800 resize to Cloudinary image URLs
- Reduces image download from ~1MB to ~100KB per image
- Original 2832x3511 images now served at 800px width
- Cloudinary handles responsive resizing server-side
2026-05-04 22:07:19 +03:00

1533 lines
89 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="tr">
<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=5">
<meta name="description" content="Muğla Sürücü Kursu - A, B, C sınıfı ehliyet eğitimi. Uzman eğitmenler, modern araçlar ve yüksek başarı oranı ile Muğla'nın güvenilir sürücü kursu. Hemen kayıt olun!">
<meta name="keywords" content="muğla sürücü kursu, ehliyet kursu muğla, sürücü kursu, B sınıfı ehliyet, A sınıfı ehliyet, C sınıfı ehliyet, direksiyon eğitimi, ehliyet sınavı, sürücü belgesi muğla">
<meta name="author" content="Muğla Sürücü Kursu">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://muglasurucukursu.com/">
<!-- Open Graph -->
<meta property="og:title" content="Muğla Sürücü Kursu | Güvenilir Ehliyet Eğitimi">
<meta property="og:description" content="Muğla'nın güvenilir sürücü kursu. A, B, C sınıfı ehliyet eğitimi, uzman eğitmenler ve modern araçlarla hizmetinizdeyiz.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://muglasurucukursu.com/">
<meta property="og:image" content="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917625/muglasurucukursu/logo.jpg">
<meta property="og:locale" content="tr_TR">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Muğla Sürücü Kursu | Güvenilir Ehliyet Eğitimi">
<meta name="twitter:description" content="Muğla'nın güvenilir sürücü kursu. A, B, C sınıfı ehliyet eğitimi.">
<meta name="twitter:image" content="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917625/muglasurucukursu/logo.jpg">
<!-- Page Title -->
<title>Muğla Sürücü Kursu | Güvenilir Ehliyet Eğitimi</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="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777918031/muglasurucukursu/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="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777918012/muglasurucukursu/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 -->
<!-- Hero Section Start -->
<div class="hero">
<div class="hero-section hero-video bg-section">
<!-- Video Start -->
<div class="hero-bg-video">
<!-- Selfhosted Video Start -->
<!-- <video autoplay muted loop id="myVideo"><source src="images/hero-bg-video.mp4" type="video/mp4"></video> -->
<video autoplay muted loop id="myVideo"><source src="https://res.cloudinary.com/du7xohbct/video/upload/q_auto/muglasurucukursu/hero-video.mp4" type="video/mp4"></video>
<!-- Selfhosted Video End -->
<!-- Youtube Video Start -->
<!-- <div id="herovideo" class="player" data-property="{videoURL:'74DWwSxsVSs',containment:'.hero-video', showControls:false, autoPlay:true, loop:true, vol:0, mute:false, startAt:0, stopAt:296, opacity:1, addRaster:true, quality:'large', optimizeDisplay:true}"></div> -->
<!-- Youtube Video End -->
</div>
<!-- Video End -->
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Hero Content Start -->
<div class="hero-content">
<!-- Section Title Start -->
<div class="section-title dark-section">
<h3 class="wow fadeInUp">Muğla Sürücü Kursu</h3>
<h1 class="text-anime-style-2" data-cursor="-opaque">Trafiğe Can Değil <br> <span>Hayat Vermek İçin </span>Sizinleyiz!</h1>
<p class="wow fadeInUp" data-wow-delay="0.2s">Yola Çıkmadan Önce Doğru Adrestesiniz</p>
</div>
<!-- Section Title End -->
<!-- Hero Button Start -->
<div class="hero-btn wow fadeInUp" data-wow-delay="0.4s">
<a href="courses.html" class="btn-default">Kurslarımız</a>
<a href="contact.html" class="btn-default btn-highlighted">İletişim</a>
</div>
<!-- Hero Button End -->
</div>
<!-- Hero Content End -->
</div>
</div>
</div>
</div>
<!-- About Us Section Start -->
<div class="about-us">
<div class="container">
<div class="row">
<div class="col-lg-6">
<!-- About Us Image Start -->
<div class="about-us-image">
<div class="about-img-1">
<figure class="image-anime reveal">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917585/muglasurucukursu/araba1.jpg" alt="">
</figure>
</div>
<div class="about-img-2">
<figure class="image-anime reveal">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917625/muglasurucukursu/logo.jpg" alt="">
</figure>
</div>
<div class="about-contact-box wow fadeInUp">
<div class="icon-box">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777918012/muglasurucukursu/icon-phone.svg" alt="">
</div>
<div class="about-contact-content">
<p>Bizi Arayın!</p>
<h3><a href="tel:+905446071988">0544 607 19 88</a></h3>
</div>
</div>
</div>
<!-- About Us Image End -->
</div>
<div class="col-lg-6">
<!-- About Us Content Start -->
<div class="about-us-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">Hakkımızda</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Deneyim, Güven ve Başarıyla
<span>10 Yılı</span> Aşkın Süredir Hizmetinizdeyiz</h2>
</div>
<!-- Section Title End -->
<!-- About Us Body Start -->
<div class="about-us-body">
<!-- Mission Vision Item Start -->
<div class="mission-vision-item wow fadeInUp" data-wow-delay="0.2s">
<h3>Misyonumuz</h3>
<p>Sürücü adaylarına yalnızca ehliyet kazandırmakla kalmayıp, güvenli, bilinçli ve sorumlu sürücüler yetiştirmek; kaliteli eğitim anlayışımız, profesyonel kadromuz ve modern eğitim araçlarımızla trafikte toplumsal farkındalık oluşturmaktır.
</p>
</div>
<!-- Mission Vision Item End -->
<!-- Mission Vision Item Start -->
<div class="mission-vision-item wow fadeInUp" data-wow-delay="0.2s">
<h3>Vizyonumuz</h3>
<p>Muğlada ve çevresinde sürücü eğitimi denince ilk akla gelen, yenilikçi, çağın gereklerine uygun eğitim sistemleriyle donatılmış, güven veren ve örnek bir sürücü kursu olmaktır.</p>
</div>
<!-- Mission Vision Item End -->
</div>
<!-- About Us Body End -->
<!-- About Us Footer Start -->
<div class="about-us-footer">
<!-- Compant Experience Box Start -->
<div class="company-experience-box wow fadeInUp" data-wow-delay="0.4s">
<h3>Güvenli ve yetkin sürücüler yetiştirmeye kararlıyız</h3>
<h2><span class="counter">10</span>+</h2>
<p>Yıllık Deneyim</p>
</div>
<!-- Compant Experience Box End -->
<!-- About Us Footer Content Start -->
<div class="about-us-footer-content wow fadeInUp" data-wow-delay="0.4s">
<p>Muğla Sürücü Kursu, kurulduğu günden bu yana binlerce sürücü adayını başarıyla mezun etmiş, kalite odaklı bir eğitim anlayışı benimsemiştir. Alanında uzman eğitmenlerimiz ve birebir direksiyon dersleriyle her adayımıza özel eğitim sunuyoruz. Hedefimiz; ehliyetin ötesinde, trafik bilinci yüksek bireyler yetiştirmektir.</p>
<a href="about.html" class="btn-default">Hakkımızda </a>
</div>
<!-- About Us Footer Content End -->
</div>
<!-- About Us Footer End -->
</div>
<!-- About Us Content End -->
</div>
</div>
</div>
</div>
<!-- About Us Section 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="contact.html" data-cursor-text="View">
<figure class="image-anime">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/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="contact.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="contact.html" data-cursor-text="View">
<figure class="image-anime">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/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="contact.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="contact.html" data-cursor-text="View">
<figure class="image-anime">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/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="contact.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="contact.html" data-cursor-text="View">
<figure class="image-anime">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/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="contact.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="contact.html" data-cursor-text="View">
<figure class="image-anime">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/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="contact.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 -->
<!-- Why Choose Us Section Start -->
<div class="why-choose-us">
<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">Neden Muğla Sürücü Kursu?</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Güvenli ve <span>Özgüvenli</span> Sürüş İçin Uzman Eğitim </h2>
</div>
<!-- Section Title End -->
</div>
<div class="col-lg-6">
<!-- Section Content Button Start -->
<div class="section-content-btn">
<!-- Section Title Content Start -->
<div class="section-title-content wow fadeInUp" data-wow-delay="0.2s">
<p>Profesyonel eğitmenlerimiz, kişiye özel dersler, uygulamalı eğitimler ve temel trafik güvenliği becerileri ile sizi özgüvenli bir sürücü olmanız için hazırlıyor.</p>
</div>
<!-- Section Title Content End -->
<!-- Section Button Start -->
<div class="section-btn wow fadeInUp" data-wow-delay="0.4s">
<a href="contact.html" class="btn-default">İletişim</a>
</div>
<!-- Section Button End -->
</div>
<!-- Section Content Button End -->
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 order-lg-1 order-md-1 order-1">
<!-- Why Choose Box Satrt -->
<div class="why-choose-box">
<!-- Why Choose Item Start -->
<div class="why-choose-item wow fadeInUp">
<div class="icon-box">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777918014/muglasurucukursu/icon-why-choose-us-1.svg" alt="">
</div>
<div class="why-choose-item-content">
<h3>Size Uygun Esnek Eğitim Saatleri</h3>
<p>Yeni başlayanlar ve deneyimli sürücüler için geniş yelpazede eğitim programları sunuyoruz.</p>
</div>
</div>
<!-- Why Choose Item End -->
<!-- Why Choose Item Start -->
<div class="why-choose-item wow fadeInUp" data-wow-delay="0.2s">
<div class="icon-box">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777918016/muglasurucukursu/icon-why-choose-us-2.svg" alt="">
</div>
<div class="why-choose-item-content">
<h3>Deneyimli Eğitmenler</h3>
<p>Sürüş seviyeniz ne olursa olsun, size uygun eğitim programlarımız var.</p>
</div>
</div>
<!-- Why Choose Item End -->
</div>
<!-- Why Choose Box End -->
</div>
<div class="col-lg-4 order-lg-2 order-md-3 order-3">
<!-- Why Choose Image Start -->
<div class="why-choose-image">
<figure>
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917625/muglasurucukursu/logo.jpg" alt="">
</figure>
</div>
<!-- Why Choose Image End -->
</div>
<div class="col-lg-4 col-md-6 order-lg-3 order-md-2 order-2">
<!-- Why Choose Box Satrt -->
<div class="why-choose-box">
<!-- Why Choose Item Start -->
<div class="why-choose-item wow fadeInUp">
<div class="icon-box">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777918018/muglasurucukursu/icon-why-choose-us-3.svg" alt="">
</div>
<div class="why-choose-item-content">
<h3>Şehir İçi Sürüş Eğitimi</h3>
<p>Şehir içi trafikte deneyim kazanarak, gerçek sürüşe hazır olun!</p>
</div>
</div>
<!-- Why Choose Item End -->
<!-- Why Choose Item Start -->
<div class="why-choose-item wow fadeInUp" data-wow-delay="0.2s">
<div class="icon-box">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777918019/muglasurucukursu/icon-why-choose-us-4.svg" alt="">
</div>
<div class="why-choose-item-content">
<h3>Herkese Uygun Fiyatlar</h3>
<p>Muğla Sürücü Kursu olarak, kaliteli eğitimi herkesin ulaşabileceği fiyatlarla sunuyoruz.</p>
</div>
</div>
<!-- Why Choose Item End -->
</div>
<!-- Why Choose Box End -->
</div>
</div>
</div>
</div>
<!-- Why Choose Us Section End -->
<!-- What We Do Section Start -->
<div class="what-we-do">
<div class="container">
<div class="row">
<div class="col-lg-6">
<!-- What We Do Content Start -->
<div class="what-we-do-content">
<!-- Section Title Start -->
<div class="section-title dark-section">
<h3 class="wow fadeInUp">Ne Yapıyoruz</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Güvenli ve <span>kendinden emin</span> bir sürüş için size rehberlik ediyoruz</h2>
<p class="wow fadeInUp" data-wow-delay="0.2s">Tüm seviyedeki sürücü adaylarına ömür boyu güvenli, sorumlu ve özgüvenli sürüş becerileri kazandırmak amacıyla; uzman eğitmenlerle teorik bilgi, uygulamalı eğitim ve kişiye özel rehberlik sunuyoruz.</p>
</div>
<!-- Section Title End -->
<!-- What We Do List Start -->
<div class="what-we-do-list wow fadeInUp" data-wow-delay="0.4s">
<ul>
<li>Amacımız, sürücülere güvenli sürüş için ihtiyaç duydukları becerileri kazandırmaktır.</li>
<li>Kişiye Özel Direksiyon Eğitimi</li>
<li>Deneyimli Eğitmen Kadrosu</li>
<a target="_blank" href="https://www.google.com/search?rlz=1C5MACD_enTR1094TR1095&uds=AOm0WdE2fekQnsyfYEw8JPYozOKzOx2NZsxMAkZw95Uonz3VCrDsKOAokR8K1S_UGW31gR3GEfCd3TggcngqQufusdL_FB_Bo1FbZPwZ_MFLT_TRNov6NQUCqPYDn6P2TJ-mzsxkzjD0DAPmr8jePGmqE_VNY_YLI5COjgLsH_wWM3XWr9aF4KU&q=MU%C4%9ELA%20S%C3%9CR%C3%9CC%C3%9C%20KURSU%20Yorumlar&si=AMgyJEtREmoPL4P1I5IDCfuA8gybfVI2d5Uj7QMwYCZHKDZ-E_bIMJQ_wUWnI6LH1jshlDvdr3gD_sE64FRk-0ahUZf-e930fu4P2c7xfnp3Yy1KKiaGeXeYkXWpIL32wLdkt95f3EJsb23TYYVhVbkogKvPHw_Frg%3D%3D&hl=tr&sa=X&ved=0CCkQ_4MLahcKEwiItaeI3smNAxUAAAAAHQAAAAAQBg&biw=1710&bih=896&dpr=2"> <li>Deneme Sürüş Değerlendirmeleri</li> </a>
</ul>
</div>
<!-- What We Do List End -->
</div>
<!-- What We Do Content End -->
</div>
<div class="col-lg-6">
<!-- What We Do Image Start -->
<div class="what-we-do-image">
<!-- What We Do Img Start -->
<div class="what-we-do-img">
<figure class="image-anime reveal">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917625/muglasurucukursu/logo.jpg" alt="">
</figure>
</div>
<!-- What We Do Img End -->
<!-- What We Do Info Start -->
<div class="what-we-do-info wow fadeInUp" data-wow-delay="0.2s">
<h3>Güvenli sürüşe giden yolda ilk adımı at!</h3>
<a href="contact.html" class="btn-default">Hemen Başla</a>
</div>
<!-- What We Do Info End -->
</div>
<!-- What We Do Image End -->
</div>
</div>
</div>
</div>
<!-- What We Do Section End -->
<!-- Our Courses Section Start -->
<div class="our-courses">
<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">Kurslarımız</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Muğla Sürücü Kursu olarak; motosikletten otomobile, kamyondan otobüse ve traktöre kadar farklı ehliyet sınıflarında <span>her seviyeye</span> uygun eğitim programları sunuyoruz. </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>Temel becerilerden ileri sürüş tekniklerine kadar, başlangıç, orta ve ileri seviye sürücü adaylarının ihtiyaçlarına özel olarak hazırlanmış çeşitli sürüş kursları sunuyoruz.</p>
</div>
<!-- Section Title Content End -->
<!-- Section Button Start -->
<div class="section-btn wow fadeInUp" data-wow-delay="0.4s">
<a href="courses.html" class="btn-default">Kurslarımız</a>
</div>
<!-- Section Button End -->
</div>
<!-- Section Title Content End -->
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<!-- Course Item Start -->
<div class="course-item wow fadeInUp">
<!-- Course Image Start -->
<div class="course-image">
<a href="contact.html" data-cursor-text="View">
<figure class="image-anime">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917604/muglasurucukursu/arabadikey1.jpg" alt="">
</figure>
</a>
</div>
<!-- Course Image End -->
<!-- Course Body Start -->
<div class="course-body">
<!-- Course Content Start -->
<div class="course-item-content">
<h3><a href="contact.html">A Sınıfı Ehliyeti Kursu</a></h3>
</div>
<!-- Course Content End -->
<!-- Course Social List Start -->
<div class="course-readmore-btn">
<a href="contact.html" class="readmore-btn">İletişim</a>
</div>
<!-- Course Social List End -->
</div>
<!-- Course Body End -->
</div>
<!-- Course Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Course Item Start -->
<div class="course-item wow fadeInUp" data-wow-delay="0.2s">
<!-- Course Image Start -->
<div class="course-image">
<a href="contact.html" data-cursor-text="View">
<figure class="image-anime">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917627/muglasurucukursu/motor.jpg" alt="">
</figure>
</a>
</div>
<!-- Course Image End -->
<!-- Course Body Start -->
<div class="course-body">
<!-- Course Content Start -->
<div class="course-item-content">
<h3><a href="contact.html">B Sınıfı Ehliyeti Kursu</a></h3>
</div>
<!-- Course Content End -->
<!-- Course Social List Start -->
<div class="course-readmore-btn">
<a href="contact.html" class="readmore-btn">İletişim</a>
</div>
<!-- Course Social List End -->
</div>
<!-- Course Body End -->
</div>
<!-- Course Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Course Item Start -->
<div class="course-item wow fadeInUp" data-wow-delay="0.4s">
<!-- Course Image Start -->
<div class="course-image">
<a href="contact.html" data-cursor-text="View">
<figure class="image-anime">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917651/muglasurucukursu/tirdikey.jpg" alt="">
</figure>
</a>
</div>
<!-- Course Image End -->
<!-- Course Body Start -->
<div class="course-body">
<!-- Course Content Start -->
<div class="course-item-content">
<h3><a href="contact.html">C Sınıfı Ehliyeti Kursu</a></h3>
</div>
<!-- Course Content End -->
<!-- Course Social List Start -->
<div class="course-readmore-btn">
<a href="contact.html" class="readmore-btn">İletişim</a>
</div>
<!-- Course Social List End -->
</div>
<!-- Course Body End -->
</div>
<!-- Course Item End -->
</div>
</div>
</div>
</div>
<!-- Our Courses Section End -->
<!-- Our FAQs Section Start -->
<div class="our-faqs parallaxie">
<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">Sık Sorulanlar</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque"><span>Sürücü kursumuza</span> dair en sık sorulan sorular</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>Sorularınız mı var? Bizde cevapları hazır! Kurslarımız, fiyatlarımız, ders programlarımız ve daha fazlası hakkında bilgi almak için Sıkça Sorulan Sorular bölümümüze göz atın veya bizimle direk iletişime geçin</p>
</div>
<!-- Section Title Content End -->
<!-- Section Button Start -->
<div class="section-btn wow fadeInUp" data-wow-delay="0.4s">
<a href="contact.html" class="btn-default">İletişim</a>
</div>
<!-- Section Button End -->
</div>
<!-- Section Title Content End -->
</div>
</div>
<div class="row align-items-center">
<div class="col-lg-6">
<!-- FAQ Accordion Start -->
<div class="faq-accordion" id="faqaccordion">
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp">
<h2 class="accordion-header" id="heading1">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
Hangi tür sürüş kurslarını sunuyorsunuz?
</button>
</h2>
<div id="collapse1" class="accordion-collapse collapse" aria-labelledby="heading1" data-bs-parent="#faqaccordion">
<div class="accordion-body">
<p>Muğla Sürücü Kursu olarak, A (motosiklet), B (otomobil), C (kamyon), D (otobüs) ve F (traktör) sınıfı ehliyetlere yönelik sürüş kursları sunuyoruz. Ayrıca özel direksiyon dersleri, şehir içi sürüş pratiği ve ileri sürüş teknikleri gibi destekleyici eğitimlerimiz de mevcuttur.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
<h2 class="accordion-header" id="heading2">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
Sürüş derslerinin ücreti ne kadar?
</button>
</h2>
<div id="collapse2" class="accordion-collapse collapse show" aria-labelledby="heading2" data-bs-parent="#faqaccordion">
<div class="accordion-body">
<p>Sürüş derslerinin ücreti alınacak ehliyet sınıfına ve eğitim paketine göre değişiklik göstermektedir. Güncel fiyat bilgileri ve kampanyalar hakkında detaylı bilgi almak için bizimle iletişime geçebilir veya kurs merkezimizi ziyaret edebilirsiniz.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
<h2 class="accordion-header" id="heading3">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
Her sürüş dersi ne kadar sürüyor?
</button>
</h2>
<div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#faqaccordion">
<div class="accordion-body">
<p>Her direksiyon dersi ortalama 50 dakika sürmektedir. Eğitim programına göre günde birden fazla ders yapılabilir. Ders saatleri öğrencinin programına göre esnek olarak planlanabilir.
</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
<h2 class="accordion-header" id="heading4">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
Dersimi iptal etmem veya yeniden planlamam gerekirse ne olur?
</button>
</h2>
<div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#faqaccordion">
<div class="accordion-body">
<p>Dersinizi iptal etmek veya yeniden planlamak isterseniz, en az 24 saat önceden bizimle iletişime geçmeniz yeterlidir. Bu süre içerisinde yapılan değişikliklerde hiçbir ücret talep edilmez.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
</div>
<!-- FAQ Accordion End -->
</div>
<div class="col-lg-6">
<!-- FAQ Image Start -->
<div class="faq-image wow fadeInUp" data-wow-delay="0.2s">
<figure class="image-anime">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917612/muglasurucukursu/arabagenel1.jpg" alt="">
</figure>
<!-- Appointment Info List Start -->
<div class="appointment-info-list">
<!-- Appointment Info Item Start -->
<div class="appointment-info-item">
<!-- Appointment Info Title Start -->
<div class="appointment-info-title">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917992/muglasurucukursu/icon-clock.svg" alt="">
<h3>Çalışma Saatlerimiz</h3>
</div>
<!-- Appointment Info Title End -->
<!-- Appointment Info Content Start -->
<div class="appointment-info-content">
<p>Pazartesi-Cumartesi:08:30-18:00</p>
<p>Pazar: Tatil</p>
</div>
<!-- Appointment Info Content End -->
</div>
<!-- Appointment Info Item End -->
<!-- Appointment Info Item Start -->
<div class="appointment-info-item">
<!-- Appointment Info Title Start -->
<div class="appointment-info-title">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777918007/muglasurucukursu/icon-phone-accent.svg" alt="">
<h3>Hızlı İletişim</h3>
</div>
<!-- Appointment Info Title End -->
<!-- Appointment Info Content Start -->
<div class="appointment-info-content">
<p><a href="tel:+905446071988">0544 607 19 88</a></p>
<p><a href="mailto:info@muglasurucukursu.com">info@muglasurucukursu.com</a></p>
</div>
<!-- Appointment Info Content End -->
</div>
<!-- Appointment Info Item End -->
</div>
<!-- Appointment Info List End -->
</div>
<!-- FAQ Image End -->
</div>
</div>
</div>
</div>
<!-- Our FAQs Section End -->
<!-- How It Work Section Start -->
<div class="how-it-work parallaxie">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="how-it-work-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">Eğitim Sürecimiz</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Güvenli sürüşü öğrenmenin <span>adım adım</span> süreci </h2>
<p class="wow fadeInUp" data-wow-delay="0.2s">Sistemli eğitim yaklaşımımız, temel bilgilerden ileri sürüş becerilerine kadar her aşamayı kapsar.</p>
</div>
<!-- Section Title End -->
<!-- How It Work Image Start -->
<div class="how-it-work-image">
<figure class="image-anime reveal">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917643/muglasurucukursu/motorhoca.jpg" alt="">
</figure>
</div>
<!-- How It Work Image End -->
</div>
</div>
<div class="col-lg-6">
<!-- How It Work Steps Start -->
<div class="how-it-work-steps">
<!-- How It Work Item Start -->
<div class="how-work-step-item wow fadeInUp">
<div class="how-work-step-no">
<h2>01</h2>
</div>
<div class="how-work-step-content">
<h3>Kayıt</h3>
<p>Gerekli belgelerle birlikte kursa kayıt olursunuz</p>
</div>
</div>
<!-- How It Work Item End -->
<!-- How It Work Item Start -->
<div class="how-work-step-item wow fadeInUp" data-wow-delay="0.2s">
<div class="how-work-step-no">
<h2>02</h2>
</div>
<div class="how-work-step-content">
<h3>Teorik Eğitim</h3>
<p>Trafik, ilk yardım, motor ve trafik adabı derslerine katılırsınız.</p>
</div>
</div>
<!-- How It Work Item End -->
<!-- How It Work Item Start -->
<div class="how-work-step-item wow fadeInUp" data-wow-delay="0.4s">
<div class="how-work-step-no">
<h2>03</h2>
</div>
<div class="how-work-step-content">
<h3>Direksiyon Eğitimi</h3>
<p>Eğitmen eşliğinde uygulamalı sürüş dersleri alırsınız</p>
</div>
</div>
<!-- How It Work Item End -->
<!-- How It Work Item Start -->
<div class="how-work-step-item wow fadeInUp" data-wow-delay="0.6s">
<div class="how-work-step-no">
<h2>04</h2>
</div>
<div class="how-work-step-content">
<h3>Resmi Sınavlar ve Ehliyet Başvurusu</h3>
<p>Teorik ve uygulamalı eğitimlerin ardından Milli Eğitim Bakanlığı tarafından düzenlenen yazılı ve direksiyon sınavlarına katılırsınız. Her iki sınavı başarıyla tamamladığınızda sürücü sertifikanızı alarak, ilgili merciilere başvuru yapabilir ve ehliyetinizi çıkarabilirsiniz.</p>
</div>
</div>
<!-- How It Work Item End -->
</div>
<!-- How It Work Steps End -->
</div>
</div>
</div>
</div>
<!-- How It Work Section End -->
<!-- Book Appointment Section Start -->
<div class="book-appointment parallaxie">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<!-- Book Appointment Content Start -->
<div class="book-appointment-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">İletişim</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Bizimle bu alandan <span>iletişime</span> geçebilirsiniz</h2>
</div>
<!-- Section Title End -->
<!-- Appointment Info List Start -->
<div class="appointment-info-list">
<!-- Appointment Info Item Start -->
<div class="appointment-info-item wow fadeInUp" data-wow-delay="0.2s">
<!-- Appointment Info Title Start -->
<div class="appointment-info-title">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777918007/muglasurucukursu/icon-phone-accent.svg" alt="">
<h3>Hemen Ara !</h3>
</div>
<!-- Appointment Info Title End -->
<!-- Appointment Info Content Start -->
<div class="appointment-info-content">
<p><a href="tel:+905446071988">0544 607 19 88</a></p>
<p><a href="mailto:info@muglasurucukursu">info@muglasurucukursu.com</a></p>
</div>
<!-- Appointment Info Content End -->
</div>
<!-- Appointment Info Item End -->
<!-- Appointment Info Item Start -->
<div class="appointment-info-item wow fadeInUp" data-wow-delay="0.4s">
<!-- Appointment Info Title Start -->
<div class="appointment-info-title">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917992/muglasurucukursu/icon-clock.svg" alt="">
<h3>Çalışma Saatleri</h3>
</div>
<!-- Appointment Info Title End -->
<!-- Appointment Info Content Start -->
<div class="appointment-info-content">
<p>Pazartesi - Cumartesi: <br> 08:30-18:00</p>
<p>Pazar: Tatil</p>
</div>
<!-- Appointment Info Content End -->
</div>
<!-- Appointment Info Item End -->
<!-- Appointment Info Item Start -->
<div class="appointment-info-item location-info-item wow fadeInUp" data-wow-delay="0.6s">
<!-- Appointment Info Title Start -->
<div class="appointment-info-title">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917999/muglasurucukursu/icon-location-accent.svg" alt="">
<h3>Konum:</h3>
</div>
<!-- Appointment Info Title End -->
<!-- Appointment Info Content Start -->
<div class="appointment-info-content">
<p>Mahiroğlu Apt, Özel, Emirbeyazıt, Özer Türk Cd. No:24 Merkez, 48000 Menteşe/Muğla</p>
</div>
<!-- Appointment Info Content End -->
</div>
<!-- Appointment Info Item End -->
</div>
<!-- Appointment Info List End -->
</div>
<!-- Book Appointment Content End -->
</div>
<div class="col-lg-6">
<!-- Book Appointment Form Start -->
<div class="book-appointment-form wow fadeInUp" data-wow-delay="0.25s">
<form id="appointmentForm" action="#" method="POST" data-toggle="validator">
<div class="row">
<div class="form-group col-md-6 mb-4">
<input type="text" name="fname" class="form-control" id="fname" placeholder="Adınız" required>
<div class="help-block with-errors"></div>
</div>
<div class="form-group col-md-6 mb-4">
<input type="text" name="lname" class="form-control" id="lname" placeholder="Soyadınız" required>
<div class="help-block with-errors"></div>
</div>
<div class="form-group col-md-12 mb-4">
<input type="email" name ="email" class="form-control" id="email" placeholder="Email" required>
<div class="help-block with-errors"></div>
</div>
<div class="form-group col-md-12 mb-4">
<input type="text" name="phone" class="form-control" id="phone" placeholder="Telefon" required>
<div class="help-block with-errors"></div>
</div>
<div class="form-group col-md-6 mb-4">
<select name="course" class="form-control form-select" id="Kurs" required>
<option value="" disabled selected>Kurs Seçiniz</option>
<option value="general_dental_care">A Sınıfı Ehliyet Kursu</option>
<option value="dental_implants">B Sınıfı Ehliyet Kursu</option>
<option value="cosmetic_dentistry">C Sınıfı Ehliyet Kursu</option>
<option value="teeth_whitening">D Sınıfı Ehliyet Kursu</option>
<option value="pediatric_dental_care">E Sınıfı Ehliyet Kursu</option>
<
</select>
<div class="help-block with-errors"></div>
</div>
<div class="form-group col-md-6 mb-5">
<input type="date" name="date" class="form-control" id="date" required>
<div class="help-block with-errors"></div>
</div>
<div class="col-md-12">
<button type="submit" class="btn-default"><span>Gönder</span></button>
<div id="msgSubmit" class="h3 hidden"></div>
</div>
</div>
</form>
</div>
<!-- Book Appointment Form End -->
</div>
</div>
</div>
</div>
<!-- Book Appointment Section End -->
<!-- Our Testimonials Section Start -->
<div class="our-testimonials">
<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">Müşteri Memnuniyeti</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque"> <span> Muğla Sürücü Kursu </span> Hakkında Söylenenler</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üş eğitimini başarıyla tamamlayan öğrencilerimizin yorumlarını okuyun, onların deneyimleriyle tanışın ve siz de bu güvenli yolculuğa adım atın.</p>
</div>
<!-- Section Title Content End -->
<!-- Section Button Start -->
<div class="section-btn wow fadeInUp" data-wow-delay="0.4s">
<a href="contact.html" class="btn-default">İletişim</a>
</div>
<!-- Section Button End -->
</div>
<!-- Section Title Content End -->
</div>
</div>
<div class="row">
<div class="col-lg-12">
<!-- Testimonial Slider Start -->
<div class="testimonial-slider">
<div class="swiper">
<div class="swiper-wrapper" data-cursor-text="Drag">
<!-- Testimonial Slide Start -->
<div class="swiper-slide">
<div class="testimonial-item">
<div class="testimonial-header">
<div class="testimonial-rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
<div class="testimonial-rating-conuter">
<h3>(5.0)</h3>
</div>
</div>
<div class="testimonial-content">
<p>İlk kez direksiyon başına geçerken çok heyecanlıydım ama eğitmenler o kadar sabırlı ve destekleyiciydi ki, kısa sürede kendime güvenmeye başladım. Muğla Sürücü Kursu'na gönül rahatlığıyla tavsiye ederim!
</p>
</div>
<div class="testimonial-author">
<div class="author-image">
<figure class="image-anime">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917979/muglasurucukursu/author-1.jpg" alt="">
</figure>
</div>
<div class="author-content">
<h3>Ayşe Kara</h3>
</div>
</div>
</div>
</div>
<!-- Testimonial Slide End -->
<!-- Testimonial Slide Start -->
<div class="swiper-slide">
<div class="testimonial-item">
<div class="testimonial-header">
<div class="testimonial-rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
<div class="testimonial-rating-conuter">
<h3>(5.0)</h3>
</div>
</div>
<div class="testimonial-content">
<p>Teorik derslerden direksiyon eğitimine kadar her şey çok düzenliydi. Eğitmenim gerçekten işini bilen biriydi. Sınavı ilk seferde geçtim, emeği geçen herkese teşekkür ederim.
</p>
</div>
<div class="testimonial-author">
<div class="author-image">
<figure class="image-anime">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917980/muglasurucukursu/author-2.jpg" alt="">
</figure>
</div>
<div class="author-content">
<h3>Mehmet Yıldız</h3>
</div>
</div>
</div>
</div>
<!-- Testimonial Slide End -->
<!-- Testimonial Slide Start -->
<div class="swiper-slide">
<div class="testimonial-item">
<div class="testimonial-header">
<div class="testimonial-rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
<div class="testimonial-rating-conuter">
<h3>(5.0)</h3>
</div>
</div>
<div class="testimonial-content">
<p>Şehir içi sürüşte hep stres yaşardım ama burada aldığım pratik eğitim sayesinde artık rahatça araç kullanabiliyorum. Ders saatleri de esnekti, çalışma saatlerime göre ayarlayabildik.</p>
</div>
<div class="testimonial-author">
<div class="author-image">
<figure class="image-anime">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917981/muglasurucukursu/author-3.jpg" alt="">
</figure>
</div>
<div class="author-content">
<h3>Elif Demirtaş</h3>
</div>
</div>
</div>
</div>
<!-- Testimonial Slide End -->
<!-- Testimonial Slide Start -->
<div class="swiper-slide">
<div class="testimonial-item">
<div class="testimonial-header">
<div class="testimonial-rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
<div class="testimonial-rating-conuter">
<h3>(5.0)</h3>
</div>
</div>
<div class="testimonial-content">
<p>Motor eğitimi aldım, A sınıfı ehliyet için. Hem teorik bilgiler hem de pist üzerindeki uygulamalı eğitimler çok profesyoneldi. Muğlada motor ehliyeti düşünenlere tavsiye ederim.</p>
</div>
<div class="testimonial-author">
<div class="author-image">
<figure class="image-anime">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917982/muglasurucukursu/author-4.jpg" alt="">
</figure>
</div>
<div class="author-content">
<h3>Ahmet Toprak</h3>
</div>
</div>
</div>
</div>
<!-- Testimonial Slide End -->
<!-- Testimonial Slide Start -->
<div class="swiper-slide">
<div class="testimonial-item">
<div class="testimonial-header">
<div class="testimonial-rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
<div class="testimonial-rating-conuter">
<h3>(5.0)</h3>
</div>
</div>
<div class="testimonial-content">
<p>Daha önce başka bir kursa yazılıp memnun kalmamıştım. Muğla Sürücü Kursu farkını ilk günden hissettirdi. Hem ilgililer hem de güler yüzlüler. Sınav stresimi bile azaltmayı başardılar.</p>
</div>
<div class="testimonial-author">
<div class="author-image">
<figure class="image-anime">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917982/muglasurucukursu/author-5.jpg" alt="">
</figure>
</div>
<div class="author-content">
<h3>Zeynep Özcan</h3>
</div>
</div>
</div>
</div>
<!-- Testimonial Slide End -->
</div>
<div class="testimonial-pagination"></div>
</div>
</div>
<!-- Testimonial Slider End -->
</div>
</div>
</div>
</div>
<!-- Our Testimonials Section End -->
<!-- Footer Start -->
<footer class="main-footer">
<div class="container">
<div class="row">
<!-- Footer Column 1: Logo & Description -->
<div class="col-lg-3 col-md-6">
<div class="footer-about">
<div class="footer-logo">
<img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777918031/muglasurucukursu/suruculogo.svg" alt="Muğla Sürücü Kursu Logo">
</div>
<p class="footer-desc">Sadece ehliyet değil, bilinçli sürüş kazandırıyoruz. Muğla merkezli sürücü kursumuzla güvenli sürüş eğitimi alın.</p>
</div>
</div>
<!-- Footer Column 2: Kurumsal -->
<div class="col-lg-3 col-md-6">
<div class="footer-links-new">
<h4>Kurumsal</h4>
<ul>
<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>
<li><a href="contact.html">İletişim</a></li>
</ul>
</div>
</div>
<!-- Footer Column 3: Hemen İletişim -->
<div class="col-lg-3 col-md-6">
<div class="footer-links-new">
<h4>Hemen İletişim</h4>
<ul class="footer-contact-list-new">
<li>
<i class="fa-solid fa-location-dot"></i>
<span>Mahiroğlu Apt, Özel, Emirbeyazıt, Özer Türk Cd. No:24 Merkez, 48000 Menteşe/Muğla</span>
</li>
<li>
<i class="fa-solid fa-clock"></i>
<span>Pazartesi-Cuma: 08:30-19:00</span>
</li>
<li>
<i class="fa-solid fa-clock"></i>
<span>Cumartesi: 08:30-16:00</span>
</li>
<li>
<i class="fa-solid fa-clock"></i>
<span>Pazar: Tatil</span>
</li>
</ul>
</div>
</div>
<!-- Footer Column 4: İletişim -->
<div class="col-lg-3 col-md-6">
<div class="footer-links-new footer-contact-new">
<h4>İletişim</h4>
<ul class="footer-contact-list-new">
<li>
<i class="fa-solid fa-location-dot"></i>
<span>Menteşe / Muğla</span>
</li>
<li>
<a href="tel:+905446071988">
<i class="fa-solid fa-phone"></i>
<span>+90 (544) 607 19 88</span>
</a>
</li>
<li>
<a href="mailto:info@muglasurucukursu.com">
<i class="fa-solid fa-envelope"></i>
<span>info@muglasurucukursu.com</span>
</a>
</li>
</ul>
<div class="footer-social-new">
<a target="_blank" href="https://wa.me/+905446071988" aria-label="WhatsApp"><i class="fa-brands fa-whatsapp"></i></a>
<a target="_blank" href="https://www.facebook.com/p/%C3%96zel-Mu%C4%9Fla-S%C3%BCr%C3%BCc%C3%BC-Kursu-100037625053988/" aria-label="Facebook"><i class="fa-brands fa-facebook-f"></i></a>
<a target="_blank" href="https://www.instagram.com/muglasurucukursu/" aria-label="Instagram"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Bottom Bar -->
<div class="footer-bottom">
<div class="container">
<p class="footer-copyright-text-new">© 2025 Muğla Sürücü Kursu. Tüm Hakları Saklıdır.</p>
<p class="footer-credit">Created by <a href="https://ayris.tech" target="_blank">AyrisTech</a></p>
</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>