CINXE.COM

Dosso Dossi Fashion Show - Musteri Kayıt Platformu

<!DOCTYPE HTML> <html lang="tr-TR" > <head> <meta charset="UTF-8"> <title>Dosso Dossi Fashion Show - Musteri Kayıt Platformu</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="robots" content="index, follow" /> <meta name="keywords" content="" /> <meta name="description" content="Dosso Dossi Fashion Show Büyüleyici Etkinliklerle Modanın Kalbinde Buluşuyoruz." /> <link type="text/css" rel="stylesheet" href="css/reset.css"> <link type="text/css" rel="stylesheet" href="css/plugins.css"> <link type="text/css" rel="stylesheet" href="css/style.css"> <link type="text/css" rel="stylesheet" href="css/color.css"> <link rel="shortcut icon" href="images/favicon.ico"> <!-- Google Tag Manager --> <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-W85VH5G7'); </script> <!-- End Google Tag Manager --> </head> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W85VH5G7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <style> /* Özel stiller buraya */ .custom-modal { z-index: 1050; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Modal arka plan rengi ve opaklığı */ } .custom-modal-content { background-color: white; border-radius: 5px; padding: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .yan-yana-liste { list-style-type: none; padding: 0; margin: 0; font: 12px sans-serif; } .yan-yana-liste li { display: inline-block; margin-right: 10px; } </style> <body> <div class="loader"></div> <div id="main"> <header> <div class="header-inner"> <div class="container"> <div id="fixed-collapse-navbar" class="navbar-collapse"> <ul class="yan-yana-liste"> <li><a href="?dil=tr"><img class="bayrak" src="images/flags/tr.svg" width="30px" height="30px" title="Türkçe">Türkçe</a></li> <li><a href="?dil=en"><img class="bayrak" src="images/flags/gb.svg" width="30px" height="30px" title="English">English</a></li> <li><a href="?dil=ru"><img class="bayrak" src="images/flags/ru.svg" width="30px" height="30px" title="Русский">Русский</a></li> <li><a href="?dil=ar"><img class="bayrak" src="images/flags/sa.svg" width="30px" height="30px" title="‮العربية‬">‮العربية‬</a></li> </ul> </div> </div> </div> </header> <div id="wrapper"> <div class="content full-height hero-content"> <div class="slideshow-container"> <div class="media-container nomobile" data-top-bottom="transform: translateY(300px);" data-bottom-top="transform: translateY(-300px);"> <div class="slides-container"> <!-- 1 --> <div class="bg" style="background-image: url(images/bg/111.jpg)"></div> </div> </div> <div class="bg mobil-res"></div> <div class="hero-title-holder"> <div class="overlay"></div> <div class="hero-title nomobile"> <div class="hero-decor b-dec"> </div> <div class="separator color-separator"></div> <!--<h3>04-09 Haziran 2024</h3> <h3>Nest Convention Center</h3> <h3>Antalya</h3>--> </div> </div> </div> <div class="hero-link"> </div> </div> <div class="content"> <div class="section-title"> <h3></h3> </div> <section class="about-section" id="sec1"> <div class="container"> <div class="row"> <div class="col-md-6 arcevir"> <div class="section-title"> <h3></h3> <h4 class="decor-title">Dosso Dossi Fashion Show’ un renkli ve avantajlı dünyasına hoşgeldiniz</h4> <div class="separator color-separator"></div> </div> <p>İş, tatil ve eğlenceyi birleştiren Dosso Dossi Fashion Show, sizlere hem kazandıracak hem de eğlenceli anlar yaşatacak! </p> <p>200 marka, 9000 m2 fuar alanı ve binlerce modelle konforlu bir alışverişin kapılarını sizler için araladık. Bay, bayan ve çocuk giyiminden iç giyime, ev tekstili ve ayakkabıdan aksesuara kadar binlerce ürün çeşidiyle yeni sezon koleksiyonlarının tanıtılacağı bu muhteşem fuar alanına sizleri davet ediyoruz. </p> <p>“11-16 Haziran” tarihleri arasında Dosso Dossi Fashion Show’ da eğlenirken alışveriş yapmanın tadını doya doya yaşayın.</p> <p>Katılım sağlamak için bilgilerinizi doldurmanız yeterlidir; ekibimiz en kısa sürede sizinle iletişime geçecektir.</p> </div> <link rel="stylesheet" href="https://cdn.plyr.io/3.5.6/plyr.css" /> <script src="https://cdn.plyr.io/3.5.6/plyr.js"></script> <div class="col-md-6"> <div class="grid-item-holder"> <div class="player-wrapper"> <div class="plyr__video-embed js-player" data-plyr-provider="youtube" data-plyr-embed-id="nE3h1-AoC-k"></div> </div> </div> </div> </div> </div> </section> <section> <div class="container arcevir"> <div class="row"> <div class="col-md-12"> <div class="section-title"> <h4>Müşteri Bilgileri</h4> </div> <div class="row"> <div class="col-md-12"> <div class="inner"> <p>Bilgileri eksiksiz olarak doldurmanız önemle rica olunur.</p> </div> </div> </div> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <br><br> <div class="container"> <div class="row justify-content-center"> <div class="col-md-6"> <form method="post" action="" name="reservationform" id="reservation-form"> <div class="mb-3"> <label for="name" class="form-label">Ad Soyad</label> <input name="name" type="text" class="form-control" id="name" placeholder="Ad Soyad" required> </div> <div class="mb-3"> <label for="email" class="form-label">E-Posta</label> <input name="email" type="email" class="form-control" id="email" placeholder="E-Posta" required> </div> <div class="mb-3"> <label for="phone" class="form-label">Telefon</label> <input name="phone" type="tel" class="form-control" id="phone" placeholder="Telefon" required> </div> <div class="mb-3"> <label for="ulke" class="form-label">Ülke</label> <input name="ulke" type="text" class="form-control" id="ulke" placeholder="Ülke" required> </div> <div class="mb-3"> <label for="sehir" class="form-label">Şehir</label> <input name="sehir" type="text" class="form-control" id="sehir" placeholder="Şehir" required> </div> <div class="mb-3"> <label for="magaza" class="form-label">Mağaza Adı</label> <input name="magaza" type="text" class="form-control" id="magaza" placeholder="Mağaza Adı" required> </div> <div class="mb-3"> <label for="aciklama" class="form-label">Açıklama</label> <input name="aciklama" type="text" class="form-control" id="aciklama" placeholder="Açıklama"> </div> <div class="mb-3 form-check"> <input type="checkbox" name="checkConfirm" class="form-check-input" id="checkConfirm" required> <label class="form-check-label" for="checkConfirm">Kişisel verilerin paylaşıldığını kabul ediyorum.<a href="kvkk.html" target="_blank">Detaylar için tıklayın.</a></label> </div> <div class="mb-3"> <button type="submit" class="btn btn-dark" id="submitButton" disabled>Formu Gönder</button> </div> <input name="dil" type="hidden" class="form-control" id="dil" value="1"> </form> <div class="alert alert-success" role="alert" id="message" style="display: none; margin-top: 10px;"> </div> </div> </div> </div> </div> </div> </div> </section> <section id="sec3"> <div class="triangle-decor"></div> </div> </section> </div> <footer> <link rel="style.css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <a href="https://api.whatsapp.com/send?phone=905444799322&text=Merhaba. Bilgi almak istiyorum." class="whatsappfloat" target="_blank"> <i class="fa fa-whatsapp whatsappmy-float"></i> </a> <div class="to-top-holder"> <div class="container"> <div class="logo-holder nomobile"> <a href="index.php"> <img src="images/logoddfs.png" class="" alt=""> </a> </div> <p> <span>Copyright 2024, Dosso Dossi Fashion Show</span></p> </div> </div> </footer> </div> </div> <!--Modal açımı--> <div class="custom-modal" id="customModal"> <div class="custom-modal-content"> <h3>Bilgilendirme</h3> <p>KVKK Metni Yazılacaktır.</p> <button id="closeModalButton" class="btn btn-secondary">Kapat</button> </div> </div> <script> const checkbox = document.getElementById('checkConfirm'); const submitButton = document.getElementById('submitButton'); checkbox.addEventListener('change', function() { if (checkbox.checked) { submitButton.disabled = false; } else { submitButton.disabled = true; } }); </script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/plugins.js"></script> <script type="text/javascript" src="js/scripts.js"></script> <script> $(document).ready(function() { $('#reservation-form').submit(function(event) { event.preventDefault(); // Formun normal submit işlemini durdur var formData = $(this).serialize(); // Form verilerini al $.ajax({ type: 'POST', url: 'veriler.php', // Verileri işleyecek sunucu tarafı dosyasının adı data: formData, success: function(response) { // İşlem başarılıysa yapılacak işlemler if (response.includes('Bu telefon numarasıyla zaten bir kayıt bulunmaktadır.')) { $('#message').removeClass('alert-success').addClass('alert-danger').html('<strong>Telefon numarasıyla daha önce kayıt yapılmıştır.</strong>').show(); // 5 saniye sonra uyarıyı kaldır setTimeout(function() { $('#message').hide(); }, 5000); } else { console.log('Veri başarıyla gönderildi.'); $('#message').removeClass('alert-danger').addClass('alert-success').html('<strong>Kaydınız başarıyla yapılmıştır.</strong>').show(); // 1 saniye sonra sayfayı yenile setTimeout(function() { location.reload(); }, 1000); // 1000 milisaniye = 1 saniye } }, error: function(error) { // İşlem başarısızsa yapılacak işlemler console.error('Hata oluştu: ', error); $('#message').removeClass('alert-success').addClass('alert-danger').html('<strong>Kayıt yapılırken hata oluştu.</strong>').show(); } }); }); }); </script> <script> //const player = new Plyr('#player'); document.addEventListener('DOMContentLoaded', () => { const controls = [ 'play-large', // The large play button in the center 'restart', // Restart playback 'rewind', // Rewind by the seek time (default 10 seconds) 'play', // Play/pause playback //'fast-forward', // Fast forward by the seek time (default 10 seconds) 'progress', // The progress bar and scrubber for playback and buffering //'current-time', // The current time of playback 'duration', // The full duration of the media 'mute', // Toggle mute 'volume', // Volume control //'captions', // Toggle captions //'settings', // Settings menu //'pip', // Picture-in-picture (currently Safari only) //'airplay', // Airplay (currently Safari only) 'download', // Show a download button with a link to either the current source or a custom URL you specify in your options 'fullscreen' // Toggle fullscreen ]; const player = Plyr.setup('.js-player', { controls }); }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10