    
        
    



<!doctype html>
<html lang="tr" dir="ltr">
<head>
    <base href="https://growednut.makeup/">
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <div class="cursor"></div>
    <div class="follower"></div>
    <title>404 | ONUR ÖZELÇAĞLAYAN MÜZİK ALETLERİ VE SANAT MERKEZİ</title>
<meta name="description" content="Müzik tutkusunu bilgi ve deneyimiyle birleştiren Onur Özelçağlayan, her yaştan ve seviyeden öğrenciye özel müzik eğitimi sunmaktadır. ">
<meta name="keywords" content="">
<meta name="news_keywords" content="">
<meta name="author" content="ONUR ÖZELÇAĞLAYAN MÜZİK ALETLERİ VE SANAT MERKEZİ" />
<meta itemprop="author" content="ONUR ÖZELÇAĞLAYAN MÜZİK ALETLERİ VE SANAT MERKEZİ" />
<meta name="robots" content="index follow">
<meta name="googlebot" content="index follow">
<meta property="og:type" content="website" />

<!-- Mobile Settings
    ======================================================================== -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- Mobile icons and fav settings
    ======================================================================== -->
<link rel="shortcut icon" href="https://growednut.makeup/images/favicon.ico">
<link rel="apple-touch-icon" sizes="57x57" href="images/icons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/icons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/icons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/icons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/icons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/icons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/icons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/icons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/icons/apple-touch-icon-180x180.png">

<!-- Mobile icons and fav settings End -->



<!-- Google Fonts
    ======================================================================== -->
<link href="https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap" rel="stylesheet" type="text/css" rel="preload"><link href="https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&display=swap" rel="stylesheet" type="text/css" rel="preload"><link href="https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;700&display=swap" rel="stylesheet" type="text/css" rel="preload"><link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap" rel="stylesheet" type="text/css" rel="preload"><link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap" rel="stylesheet" type="text/css" rel="preload"><link href="https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap" rel="stylesheet" type="text/css" rel="preload"><link href="https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap" rel="stylesheet" type="text/css" rel="preload"><link href="https://fonts.googleapis.com/css2?family=MuseoModerno:wght@100;300;400;500;600;700;800;900" rel="stylesheet" type="text/css" rel="preload"><link href="https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap" rel="stylesheet" type="text/css" rel="preload"><!-- Google Fonts End -->


<!--  CSS Assets
    ======================================================================== -->
<link rel="stylesheet" href="assets/css/font-awesome/font-awesome.min.css" />
<link rel="stylesheet" href="assets/css/style.css" >
<link rel="stylesheet" href="assets/css/line-awesome/css/line-awesome.min.css" rel="preload">
<link rel="stylesheet" href="assets/css/responsive.css" >
<link rel="stylesheet" href="assets/css/responsive/mobile.css" >
<link rel="stylesheet" href="assets/helper/bootstrap/css/bootstrap.min.css" >
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/flag/flag-icon.css" >
<link rel='stylesheet' href='assets/css/slider/swiper.min.css'>
<link rel="stylesheet" href="assets/css/lightbox/lightbox.css" >
<link rel="stylesheet" href="assets/css/sweetalert/sweetalert2.min.css" >
<link rel="stylesheet" href="assets/css/header_style.css" >


<!--  CSS Assets End -->



<!--  Js Assets
    ======================================================================== -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="assets/js/custom.js"></script>

<!--  Js Assets End
   ======================================================================== -->


<!-- RSS
   ======================================================================== -->
<link rel="alternate" type="application/rss+xml" title="RSS servisi" href="https://growednut.makeup/rss.xml" />
<!-- RSS  End !-->

<!-- ToTop Module -->
<style>
    body{background-color: #FFFFFF}
    #return-to-top{background-color: #FFFFFF; bottom:50px;}
    #return-to-top:hover{background-color: #FFFFFF}
    #return-to-top i{color: #000000}
    #return-to-top:hover i{color: #000000}
</style>
<a href="javascript:" id="return-to-top"><i class="fa fa-chevron-up"></i></a>
<!-- ToTop Module End -->



</head>
<body>


<div class="header-main-div" style="font-family :'Poppins',Sans-serif ;">
    <!-- Header ITEMS !-->

    <div class="header-desktop-menu-items-main-div"  >
        <!-- Logo !-->
        <div class="header-desktop-logo-div">
            <a href="index.html">
                <img src="images/logo/5548178839138-360-sdsdsdsd.gif" alt="ONUR ÖZELÇAĞLAYAN MÜZİK ALETLERİ VE SANAT MERKEZİ">
            </a>
        </div>
        <!-- Logo SON !-->
            <div class="flex-grow-1 d-flex justify-content-end">
<ul class="top-level-menu">
            <li>
            <a href="index.html" >
               <span >
                   ANASAYFA                                  </span>
            </a>
            <!-- Alt Menu !-->
                        <!-- Alt Menu SON !-->
        </li>
            <li>
            <a href="javascript:void(0" >
               <span >
                   KURUMSAL                                          <i class="fa fa-angle-down" aria-hidden="true"></i>
                                  </span>
            </a>
            <!-- Alt Menu !-->
                            <ul class="second-level-menu">
                    <div class="upsarrow">
                                                    <li>
                                <a href="sayfa/hakkimizda">
                                    <p>
                                        Hakkımızda                                                                            </p>
                                </a>
                                                            </li>
                                            </div>
                </ul>
                        <!-- Alt Menu SON !-->
        </li>
            <li>
            <a href="hizmetler" >
               <span >
                   HİZMETLERİMİZ                                  </span>
            </a>
            <!-- Alt Menu !-->
                        <!-- Alt Menu SON !-->
        </li>
            <li>
            <a href="javascript:void(0" >
               <span >
                   GALERİ                                          <i class="fa fa-angle-down" aria-hidden="true"></i>
                                  </span>
            </a>
            <!-- Alt Menu !-->
                            <ul class="second-level-menu">
                    <div class="upsarrow">
                                                    <li>
                                <a href="foto-galeri">
                                    <p>
                                        Fotoğraflar                                                                            </p>
                                </a>
                                                            </li>
                                            </div>
                </ul>
                        <!-- Alt Menu SON !-->
        </li>
            <li>
            <a href="ekibimiz" >
               <span >
                   EĞİTİM KADROSU                                  </span>
            </a>
            <!-- Alt Menu !-->
                        <!-- Alt Menu SON !-->
        </li>
            <li>
            <a href="/sayfa/insan-kaynaklari" >
               <span >
                   İNSAN KAYNAKLARI                                  </span>
            </a>
            <!-- Alt Menu !-->
                        <!-- Alt Menu SON !-->
        </li>
            <li>
            <a href="/sayfa/online-basvuru" >
               <span >
                   ONLİNE BAŞVURU                                  </span>
            </a>
            <!-- Alt Menu !-->
                        <!-- Alt Menu SON !-->
        </li>
            <li>
            <a href="iletisim" >
               <span >
                   İLETİŞİM                                  </span>
            </a>
            <!-- Alt Menu !-->
                        <!-- Alt Menu SON !-->
        </li>
    </ul>
    <!-- Language !-->
    <div class="header-language-div">
        
        <div class="head-right-bar-menu-desktop">
                            <label for="right_side_area" style="cursor: pointer; margin-bottom: 0 !important;"   >
                    <svg clip-rule="evenodd"  width="35" height="35" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m13 16.745c0-.414-.336-.75-.75-.75h-9.5c-.414 0-.75.336-.75.75s.336.75.75.75h9.5c.414 0 .75-.336.75-.75zm9-5c0-.414-.336-.75-.75-.75h-18.5c-.414 0-.75.336-.75.75s.336.75.75.75h18.5c.414 0 .75-.336.75-.75zm-4-5c0-.414-.336-.75-.75-.75h-14.5c-.414 0-.75.336-.75.75s.336.75.75.75h14.5c.414 0 .75-.336.75-.75z" fill-rule="nonzero"/></svg>
                </label>
                    </div>


    </div>
    <!--  <========SON=========>>> Language SON !-->
</div>

    </div>
    <!--  <========SON=========>>> Header ITEMS SON !-->

    <!-- Mobile/Tablet Header !-->
    <div class="header-mobile-view"  style=" background-color:transparent;;">
        <div class="header-mobile-view-in">
    <div class="header-mobile-view-logo">
        <a href="index.html">
            <img src="images/logo/530840407848-856-sdsdsdsd.gif" alt="ONUR ÖZELÇAĞLAYAN MÜZİK ALETLERİ VE SANAT MERKEZİ">
        </a>
    </div>
    <div class="header-mobile-view-right">
        <div class="header-mobile-view-right-box mr-4">
            <!-- Dil Seçimi !-->
                        <!-- Dil Seçimi SON !-->
        </div>

        <div class="header-mobile-view-right-box">
            <a href="#" class="menu-icon-toggle mobile-menu-bar-button"><span></span></a>
        </div>
    </div>
</div>
<div class="opening-mobile-menu-div">
        <section id='eg1' class="ladder tree border-top" >
        <ul>
                            <li>
                    <a href="index.html" >
                        ANASAYFA                                            </a>
                                    </li>
                            <li>
                    <a href="javascript:void(0" >
                        KURUMSAL                                                    <i class="fa fa-chevron-down" ></i>
                                            </a>
                                            <ul>
                                                            <li>
                                    <a href="sayfa/hakkimizda" >
                                        <i class="fa fa-caret-right" style="margin-right: 10px; margin-left:15px;"></i>
                                        Hakkımızda                                                                            </a>
                                                                    </li>
                                                    </ul>
                                    </li>
                            <li>
                    <a href="hizmetler" >
                        HİZMETLERİMİZ                                            </a>
                                    </li>
                            <li>
                    <a href="javascript:void(0" >
                        GALERİ                                                    <i class="fa fa-chevron-down" ></i>
                                            </a>
                                            <ul>
                                                            <li>
                                    <a href="foto-galeri" >
                                        <i class="fa fa-caret-right" style="margin-right: 10px; margin-left:15px;"></i>
                                        Fotoğraflar                                                                            </a>
                                                                    </li>
                                                    </ul>
                                    </li>
                            <li>
                    <a href="ekibimiz" >
                        EĞİTİM KADROSU                                            </a>
                                    </li>
                            <li>
                    <a href="/sayfa/insan-kaynaklari" >
                        İNSAN KAYNAKLARI                                            </a>
                                    </li>
                            <li>
                    <a href="/sayfa/online-basvuru" >
                        ONLİNE BAŞVURU                                            </a>
                                    </li>
                            <li>
                    <a href="iletisim" >
                        İLETİŞİM                                            </a>
                                    </li>
                    </ul>
    </section>
</div>    </div>
    <!-- Mobile/Tablet Header SON !-->
</div>


<!-- Fixed header !-->
    <style>
    #fixed-header-main{
        position:fixed;
        display:none;
        width:100%;
        z-index:999;
        top: 0;
        background: linear-gradient(to right, #631520, #631520) !important;
        left: 0;
        padding: 5px 0;
            box-shadow: 1px 9px 19px 0 rgb(0 0 0 / 26%);
        }
</style>
<div id="fixed-header-main" >
    <div class="fixed-header-container">
        <div class="fixed-header-container-logo">
            <a href="index.html">
                <img src="images/logo/7578787484934-175-sdsdsdsd.gif" alt="ONUR ÖZELÇAĞLAYAN MÜZİK ALETLERİ VE SANAT MERKEZİ">
            </a>
        </div>
        <div class="fixed-header-container-menu" style="font-family : 'Poppins',Sans-serif ; ">
            <div class="flex-grow-1 d-flex justify-content-end">
<ul class="top-level-menu">
            <li>
            <a href="index.html" >
               <span >
                   ANASAYFA                                  </span>
            </a>
            <!-- Alt Menu !-->
                        <!-- Alt Menu SON !-->
        </li>
            <li>
            <a href="javascript:void(0" >
               <span >
                   KURUMSAL                                          <i class="fa fa-angle-down" aria-hidden="true"></i>
                                  </span>
            </a>
            <!-- Alt Menu !-->
                            <ul class="second-level-menu">
                    <div class="upsarrow">
                                                    <li>
                                <a href="sayfa/hakkimizda">
                                    <p>
                                        Hakkımızda                                                                            </p>
                                </a>
                                                            </li>
                                            </div>
                </ul>
                        <!-- Alt Menu SON !-->
        </li>
            <li>
            <a href="hizmetler" >
               <span >
                   HİZMETLERİMİZ                                  </span>
            </a>
            <!-- Alt Menu !-->
                        <!-- Alt Menu SON !-->
        </li>
            <li>
            <a href="javascript:void(0" >
               <span >
                   GALERİ                                          <i class="fa fa-angle-down" aria-hidden="true"></i>
                                  </span>
            </a>
            <!-- Alt Menu !-->
                            <ul class="second-level-menu">
                    <div class="upsarrow">
                                                    <li>
                                <a href="foto-galeri">
                                    <p>
                                        Fotoğraflar                                                                            </p>
                                </a>
                                                            </li>
                                            </div>
                </ul>
                        <!-- Alt Menu SON !-->
        </li>
            <li>
            <a href="ekibimiz" >
               <span >
                   EĞİTİM KADROSU                                  </span>
            </a>
            <!-- Alt Menu !-->
                        <!-- Alt Menu SON !-->
        </li>
            <li>
            <a href="/sayfa/insan-kaynaklari" >
               <span >
                   İNSAN KAYNAKLARI                                  </span>
            </a>
            <!-- Alt Menu !-->
                        <!-- Alt Menu SON !-->
        </li>
            <li>
            <a href="/sayfa/online-basvuru" >
               <span >
                   ONLİNE BAŞVURU                                  </span>
            </a>
            <!-- Alt Menu !-->
                        <!-- Alt Menu SON !-->
        </li>
            <li>
            <a href="iletisim" >
               <span >
                   İLETİŞİM                                  </span>
            </a>
            <!-- Alt Menu !-->
                        <!-- Alt Menu SON !-->
        </li>
    </ul>
    <!-- Language !-->
    <div class="header-language-div">
        
        <div class="head-right-bar-menu-desktop">
                            <label for="right_side_area" style="cursor: pointer; margin-bottom: 0 !important;"   >
                    <svg clip-rule="evenodd"  width="35" height="35" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m13 16.745c0-.414-.336-.75-.75-.75h-9.5c-.414 0-.75.336-.75.75s.336.75.75.75h9.5c.414 0 .75-.336.75-.75zm9-5c0-.414-.336-.75-.75-.75h-18.5c-.414 0-.75.336-.75.75s.336.75.75.75h18.5c.414 0 .75-.336.75-.75zm-4-5c0-.414-.336-.75-.75-.75h-14.5c-.414 0-.75.336-.75.75s.336.75.75.75h14.5c.414 0 .75-.336.75-.75z" fill-rule="nonzero"/></svg>
                </label>
                    </div>


    </div>
    <!--  <========SON=========>>> Language SON !-->
</div>

        </div>


    </div>
    <!-- for mobile !-->
    <div class="fixed-header-container-mobile" >
            <div class="header-mobile-view-in">
    <div class="header-mobile-view-logo">
        <a href="index.html">
            <img src="images/logo/530840407848-856-sdsdsdsd.gif" alt="ONUR ÖZELÇAĞLAYAN MÜZİK ALETLERİ VE SANAT MERKEZİ">
        </a>
    </div>
    <div class="header-mobile-view-right">
        <div class="header-mobile-view-right-box mr-4">
            <!-- Dil Seçimi !-->
                        <!-- Dil Seçimi SON !-->
        </div>

        <div class="header-mobile-view-right-box">
            <a href="#" class="menu-icon-toggle mobile-menu-bar-button"><span></span></a>
        </div>
    </div>
</div>
<div class="opening-mobile-menu-div">
        <section id='eg1' class="ladder tree border-top" >
        <ul>
                            <li>
                    <a href="index.html" >
                        ANASAYFA                                            </a>
                                    </li>
                            <li>
                    <a href="javascript:void(0" >
                        KURUMSAL                                                    <i class="fa fa-chevron-down" ></i>
                                            </a>
                                            <ul>
                                                            <li>
                                    <a href="sayfa/hakkimizda" >
                                        <i class="fa fa-caret-right" style="margin-right: 10px; margin-left:15px;"></i>
                                        Hakkımızda                                                                            </a>
                                                                    </li>
                                                    </ul>
                                    </li>
                            <li>
                    <a href="hizmetler" >
                        HİZMETLERİMİZ                                            </a>
                                    </li>
                            <li>
                    <a href="javascript:void(0" >
                        GALERİ                                                    <i class="fa fa-chevron-down" ></i>
                                            </a>
                                            <ul>
                                                            <li>
                                    <a href="foto-galeri" >
                                        <i class="fa fa-caret-right" style="margin-right: 10px; margin-left:15px;"></i>
                                        Fotoğraflar                                                                            </a>
                                                                    </li>
                                                    </ul>
                                    </li>
                            <li>
                    <a href="ekibimiz" >
                        EĞİTİM KADROSU                                            </a>
                                    </li>
                            <li>
                    <a href="/sayfa/insan-kaynaklari" >
                        İNSAN KAYNAKLARI                                            </a>
                                    </li>
                            <li>
                    <a href="/sayfa/online-basvuru" >
                        ONLİNE BAŞVURU                                            </a>
                                    </li>
                            <li>
                    <a href="iletisim" >
                        İLETİŞİM                                            </a>
                                    </li>
                    </ul>
    </section>
</div>    </div>
    <!-- for mobile SON !-->
</div>

<!-- Fixed header SON !-->

<script id="rendered-js">
    $('.menu-icon-toggle').on('click', function (e) {
        $('body').toggleClass('open');
        e.preventDefault();
    });
</script>



    <!-- Right side bar !-->
    <div class="slide-menu" style="font-family : 'Poppins',Sans-serif ;  ">
        <input id="right_side_area" class="contact_side_toggle" type="checkbox" />
        <div class="side_wrap">



            <div class="side_wrap_in">
                <div class="side_wrap_in_close">
                    <label for="right_side_area"><i class="las la-times"></i></label>
                </div>
                <div class="side_wrap_in_content">
                    <div class="side_wrap_in_content_hed">
                      Bizimle İletişime Geçin
                    </div>
                    <div class="side_wrap_in_content_s">
                        Aşağıdaki iletişim bilgileri ile bize ulaşabilirsiniz.
                        <div style="width: 80px; height: 4px; background-color: #000; margin-top: 35px;"></div>

                    </div>


                                            <div class="side_wrap_in_content_box">
                            <div class="side_wrap_in_content_box_i">
                                <i class="las la-phone"></i>
                            </div>
                            <div class="side_wrap_in_content_box_t">
                                <a href="tel:0532 303 03 36">
                                    0532 303 03 36                                </a>
                            </div>
                        </div>
                                                                <div class="side_wrap_in_content_box">
                            <div class="side_wrap_in_content_box_i" style="background-color: mediumseagreen; color: #fff !important; border: 1px solid mediumseagreen;">
                                <i class="lab la-whatsapp"></i>
                            </div>
                            <div class="side_wrap_in_content_box_t">
                                <a href="https://wa.me/+905323030336" target="_blank">
                                    +905323030336                                </a>
                            </div>
                        </div>
                                                                <div class="side_wrap_in_content_box">
                            <div class="side_wrap_in_content_box_i">
                                <i class="las la-envelope"></i>
                            </div>
                            <div class="side_wrap_in_content_box_t">
                                <a href="mailto:sanatmerkezi2017@gmail.com">
                                    sanatmerkezi2017@gmail.com                                </a>
                            </div>
                        </div>
                                                                <div class="side_wrap_in_content_box">
                            <div class="side_wrap_in_content_box_i">
                                <i class="las la-map-marker"></i>
                            </div>
                            <div class="side_wrap_in_content_box_t">
                                Menderes mah. Atışalanı cad. No:31 Kat:5 Esenler-İstanbul                            </div>
                        </div>
                                        <!-- sosyal !-->
                    <div class="side_wrap_social">
                                                    <a href="https://www.facebook.com" target="_blank" data-toggle="tooltip" data-placement="bottom" title="Facebook">
                                <i class="fa fa-facebook"></i>
                            </a>
                                                    <a href="https://twitter.com/" target="_blank" data-toggle="tooltip" data-placement="bottom" title="Twitter">
                                <i class="fa fa-twitter"></i>
                            </a>
                                                    <a href="https://www.instagram.com/" target="_blank" data-toggle="tooltip" data-placement="bottom" title="instagram">
                                <i class="fa fa-instagram"></i>
                            </a>
                                            </div>
                    <!--  <========SON=========>>> sosyal SON !-->

                </div>
            </div>


        </div>
        <label for="right_side_area" class="contact_side_overlay"></label>
    </div>
    <!-- Right side bar SON !-->


<style>
/* Fiyat yazısı stili */
.price {
    font-size: 25px; /* Büyük yazı */
    font-weight: bold;
    color: #ff0000;
    text-shadow: 2px 2px 8px rgb(0 0 0 / 11%); /* Hafif gölge */
    animation: colorChange 2s infinite alternate;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-9-1 17:0:19
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}


/* Renk animasyonu */
@keyframes colorChange {
    0% { color: #ff0000; }
    50% { color: #ff9900; }
    100% { color: #33cc33; }
}

/* Mobil uyumlu yazı boyutu */
@media (max-width: 768px) {
    .price {
        font-size: 1.5em; /* Küçük ekranlarda yazıyı biraz küçült */
    }
    h4 {
        font-size: 1.2em;
    }
}

/* Duyuru alanı stili */
.announcement {
    background: linear-gradient(90deg, #00000000, #e1e1e191, #00000000) !important;
    padding: 20px;
    margin: 20px auto;
    max-width: 1250px;
    text-align: center;
    border-radius: 2px;
    font-family: Arial, sans-serif;
	animation: pulsate-bck 1.5s ease-in-out infinite both;;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-9-1 17:2:47
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation pulsate-bck
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}



.htmlpage-container-main{ padding:10px; 0px;!important;  }

.announcement h4 {
    margin: 10px 0;
    font-size: 1.5em;
    
}

.announcement .price {
    font-size: 25px;
    font-weight: bold;
    color: #ff0000;
    animation: colorChange 2s infinite alternate;
}

/* Renk animasyonu */
@keyframes colorChange {
    0% { color: #ff0000; }
    50% { color: #ff9900; }
    100% { color: #33cc33; }
}

/* Mobil uyumlu */
@media (max-width: 768px) {
    .announcement h4 {
        font-size: 1.2em;
    }
    .announcement .price {
        font-size: 1.5em;
    }
}


</style>

<!-- Page Header ====================== !-->
<style>
    .page-banner-main{
            background-image:url("images/uploads/3701337686358-484-sssssiletsim.png") ;
        background-size: cover;
        background-position:top center;
                padding: 160px 0 80px 0;
        font-family : 'Titillium Web',sans-serif ;
    }
    .page-banner-in-text{
        margin: 0 auto;
                text-align: center;
        }
    .page-banner-h{
        font-size: 45px ;
        color: #CD2022;
        font-weight: 700;
    }
    .page-banner-links{
            color: #000000;
    }
    .page-banner-links span{
        color: #000000;
        font-size: 15px ;
    }
    .page-banner-links a{
        color: #000000;
        font-size: 15px ;
    }
    .page-banner-links a:hover{
        color: #000000;
    }
    .form-group input{
        border-radius: 0 !important;
        font-size: 14px ;
        font-family : 'Poppins',sans-serif ;
        height: 50px;
    }
    .form-group textarea{
        border-radius: 0 !important;
        font-size: 14px ;
        font-family : 'Poppins',sans-serif ;
        padding-top: 10px;
    }
    .form-group input:focus{
        outline: none!important;
        border-color: rgba(0, 0, 0, 0.6);
        background-clip: padding-box;
    }
</style>

<!-- Page Header ====================== !-->

<!-- CONTENT AREA ============== !-->
<div class="page-banner-main" >
    <div class="page-banner-in-text">
        <div class="page-banner-h ">
            404
        </div>
        <div class="page-banner-links ">
            <a href="index.html"><i class="fa fa-home"></i> Anasayfa</a>
            <span style="font-weight: bold;">/</span>
            <a>
                404
            </a>
        </div>
    </div>
            </div>

<div style="background-color: #fff; overflow:hidden">
    <div class="iletisim-container-main" >

        <div style="margin: 0 auto; width: 100%; margin-top: 50px; text-align: center;">
            <img src="images/404.png" alt="404" style="margin-bottom: 30px">
            <div class="w-100 " style="font-size: 20px ;">
                Üzgünüz! Aradığınız sayfayı bulamadık. Tekrardan anasayfaya gidebilirsiniz            </div>
        </div>


    </div>
</div>
<!-- CONTENT AREA ============== !-->



        <div class="footer-fixed-contact">
        <a class="footer-fixed-contact-left" href="tel:05323030336">
            <i class="fa fa-phone"></i> 
            Bizi Arayın        </a>
        <a class="footer-fixed-contact-right" href="https://wa.me/+905323030336">
            <i class="fa fa-whatsapp"></i>
            WhatsApp        </a>
    </div>
    
<div class="footer-module-main-div">
    <div class="footer-module-inside-area">

        <!-- Logo Telif alanı !-->
            <div class="footer-module-box footer-1-area">
                <div class="footer-module-box-logo">
                    <img src="images/logo/736932226000-601-sss.gif" alt="Logo">
                </div>
                                    <div class="footer-module-box-telif">
                        Türkiye'nin en çok tercih edilen müzik kursu Onur Özelçağlayan, 50’den fazla branş eğitimi, teknik eğitimler, genç ve çocuk atölyeleri, workshoplar, alanında uzman ve ünlü eğitmenler, öğrenme garantisi, MEB onaylı sertifika, Avrupa standartlarında programlar, sahne ve stüdyo çalışmaları ve sosyal etkinliklerle en çok tercih edilen müzik okulu.                    </div>
					 <span style="font-size:14px;color: rgb(255, 255, 0);"><strong><a href="https://www.sepolbilisim.com">
					Sepol Bilişim Web Teknolojileri</a></strong></span><span style="font-size:14px;color: rgb(255, 255, 0);"> &reg;<br />
					</span>
                                                    <div class="footer-module-box-social">
                                                    <a href="https://www.facebook.com" target="_blank" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="Facebook">
                                <i class="fa fa-facebook"></i>
                            </a>
                                                    <a href="https://twitter.com/" target="_blank" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="Twitter">
                                <i class="fa fa-twitter"></i>
                            </a>
                                                    <a href="https://www.instagram.com/" target="_blank" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="instagram">
                                <i class="fa fa-instagram"></i>
                            </a>
                                            </div>
                            </div>
        <!-- Logo Telif alanı SON !-->


                    <!-- Bağlantılar !-->
            <div class="footer-module-box footer-4-area">
                <div class="footer-module-header-text">
                    BAĞLANTILAR                </div>

                <div class="footer-module-links-div">
                                            <a href="sayfa/hakkimizda">
                            Hakkımızda                        </a>
                                            <a href="hizmetler">
                            Hizmetler                        </a>
                                            <a href="foto-galeri">
                            Foto Galeri                        </a>
                                            <a href="video-galeri">
                            Videolar                        </a>
                                            <a href="iletisim">
                            Bize Ulaşın                        </a>
                                    </div>
            </div>
            <!-- Bağlantılar SON !-->
        

        <!-- Contact !-->
              <div class="footer-module-box footer-2-area">
                  <div class="footer-module-header-text">
                      İLETİŞİM                  </div>
                                        <div class="footer-module-contact-box">
                            <i class="fa fa-map-marker"></i> Menderes mah. Atışalanı cad. No:31 Kat:5 Esenler-İstanbul                      </div>
                                                          <div class="footer-module-contact-box">
                          <i class="fa fa-phone"></i>
                          <a href="tel:05323030336">
                              0532 303 03 36                          </a>
                      </div>
                                                          <div class="footer-module-contact-box">
                          <i class="fa fa-mobile" style="font-size: 16px ;"></i>
                          <a href="tel:05323030336">
                              0532 303 03 36                          </a>
                      </div>
                                                          <div class="footer-module-contact-box">
                          <i class="fa fa-whatsapp"></i>
                          <a href="https://api.whatsapp.com/send?phone=+905323030336&text=Merhaba&source=&data=">
                              +905323030336                          </a>
                      </div>
                                                          <div class="footer-module-contact-box">
                          <i class="fa fa-envelope-o"></i>
                          <a href="mailto:sanatmerkezi2017@gmail.com">
                              sanatmerkezi2017@gmail.com                          </a>
                      </div>
                                </div>
        <!-- Contact SON !-->






    </div>
    </div>
</body>
</html>
<!-- Chrome, Firefox ve Opera içim -->
<meta name="theme-color" content="#000000">
<!-- iOS Safari için -->
<meta name="apple-mobile-web-app-status-bar-style" content="#000000">
<!-- Windows Phone için -->
<meta name="msapplication-navbutton-color" content="#000000">

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TMQTH4VV"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) --><!-- JS
=========================================-->
<script src="assets/helper/bootstrap/js/popper.min.js" ></script>
<script src="assets/helper/bootstrap/js/bootstrap.min.js" ></script>
<script src='assets/js/jquery.magnific-popup.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.4.5/swiper-bundle.min.js'></script>
<script src="assets/helper/other/jquery.appear/jquery.appear.min.js"></script>
<script src="assets/helper/other/common/common.min.js"></script>
<script src="assets/helper/other/theme.js"></script>
<script src="assets/helper/other/theme.init.js"></script>
<script src="assets/js/lightbox/lightbox.js"></script>
<script src="assets/js/sweetalert/sweetalert2.min.js"></script>
<script src="assets/js/footer_scripts.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.1/TweenMax.min.js'></script>
    




