301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: adugc.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!doctype html> <html class="no-js" lang=""> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>AdUGC</title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, minimal-ui"> <meta name="format-detection" content="telephone=no"> <link rel="icon" type="image/x-icon" href="img/favicon.png"> <!-- CSS here --> <!-- <link rel="stylesheet" href="css/bootstrap.min.css"> --> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous"> <link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel="stylesheet" href="css/magnific-popup.css"> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/themify-icons.css"> <link rel="stylesheet" href="css/nice-select.css"> <link rel="stylesheet" href="css/gijgo.css"> <link rel="stylesheet" href="css/animate.min.css"> <link rel="stylesheet" href="css/slick.css"> <link rel="stylesheet" href="css/slicknav.css"> <link rel="stylesheet" href="css/style.css"> <!-- 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-K4MK354');</script> <!-- End Google Tag Manager --> <style> .column img { margin-top: 8px; vertical-align: middle; width: 100%; } .video-container { position: relative; margin-bottom: 15px; } .play-pause-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 50px; width: 50px; display: none; cursor: pointer; } video { width: 100%; vertical-align: middle; } @media (max-width: 992px) { .col-lg-3 { max-width: 100%; } .hero-section .wave { height: auto; } #features { margin-top: -50px; } } @media (max-width: 576px) { .col-lg-3 { max-width: 100%; } .hero-section .wave { height: auto; } #features { margin-top: -30px; } } .site-section { padding: 3rem 0; } .hero-section, .hero-section > .container > .row { height: 80vh; min-height: 880px; } .hero-section .wave { width: 100%; height: auto; position: absolute; z-index: 3; bottom: 40px; left: 0; right: 0; display: flex; justify-content: center; } .hero-section .wave svg { width: 1920px; height: auto; display: block; max-width: 100%; } #features { z-index: 5; background-color: #fff; position: relative; margin-top: -100px; } .site-navbar { margin-bottom: 0px; z-index: 1999; position: absolute; top: 0; width: 100%; background-color: #fff; } .site-navbar .site-navigation .site-menu > li > a { padding: 30px 12px; color: #000000!important; display: inline-block; text-decoration: none !important; } .site-navbar .site-navigation .site-menu > li > a:hover, .site-navbar .site-navigation .site-menu > li > a:active { color: #2d71a1 !important; } .cta-section h2 { color: #fff; font-size: 2rem; font-weight: 700; } .back-to-top { position: fixed; display: none; background: #d14c72; color: #fff; width: 44px; height: 44px; text-align: center; line-height: 1; font-size: 16px; border-radius: 50%; right: 15px; bottom: 15px; transition: background 0.5s; z-index: 11; } .back-to-top i { color: #fff; font-size: 24px; position: absolute; top: 8px; left: 10px; } /* İntro animasyon */ .scrolling-wrapper { height: 822px; overflow: hidden; position: relative; } .images { position: absolute; width: 100%; } .scrolling-img { margin-bottom: 10px; /* İmajlar arası boşluk */ border-radius: 15px; box-shadow: 5px 5px #ddd4f6; width: 70%; } .intro-text { margin-top:260px; } @media screen and (max-width: 992px) { .scrolling-wrapper { display:none; } .hero-section .hero-text-image { margin-top: -10rem; } } /* 992px ve üzeri ekran genişliklerinde .custom-scrolling sınıfını kullanan elementleri gizle */ @media (min-width: 992px) { .custom-scrolling { display: none; } } /* İntro animasyon - Mobil Görünüm */ .custom-scrolling .scrolling-wrapper2 { width: 100%; overflow: hidden; position: relative; } .custom-scrolling .scrolling-content { display: flex; animation: custom-scroll-linear 2s linear infinite; gap: 10px; /* İmajlar arası 10px boşluk */ } .custom-scrolling .scrolling-content img { width: 200px; /* İmajların genişliği */ height: auto; border-radius: 15px; box-shadow: 5px 5px #ddd4f6; } @keyframes custom-scroll-linear { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* Yalnızca mobil cihazlarda görünmesi gereken elementler */ @media (max-width: 768px) { .mobile-title-videos { font-size:35px; } } .mt-5 { margin-top: 5rem !important; } .features_info { padding: 20px; } </style> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K4MK354" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- header-start --> <header> <div class="header-area hero-section"> <!--<div class="wave"> <svg width="100%" height="355px" viewBox="0 0 1920 355" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Apple-TV" transform="translate(0.000000, -402.000000)" fill="#FFFFFF"> <path d="M0,439.134243 C175.04074,464.89273 327.944386,477.771974 458.710937,477.771974 C654.860765,477.771974 870.645295,442.632362 1205.9828,410.192501 C1429.54114,388.565926 1667.54687,411.092417 1920,477.771974 L1920,757 L1017.15166,757 L0,757 L0,439.134243 Z" id="Path"></path> </g> </g> </svg> </div>--> <div id="sticky-header" class="main-header-area"> <div class="container-fluid"> <div class="row align-items-center"> <div class="col-xl-2 col-lg-2"> <div class="logo"> <a href="index.html"> <img src="img/adugc-logo.png" alt="" height="45px;"> </a> </div> </div> <div class="col-xl-8 col-lg-8"> <div class="main-menu d-none d-lg-block"> <nav> <ul id="navigation"> <li><a href="#about">Neden AdUGC?</a></li> <li><a href="#how">Nasıl Çalışır?</a></li> <li><a href="#pricing">Paketlerimiz</a></li> <li><a href="#portfolio">Çalışmalarımız</a></li> <li><a href="#sss">S.S.S</a></li> <li><a href="ugc-yaraticisi-ol.html">UGC Yaratıcısı Ol</a></li> <li><a href="iletisim.php">İletişim</a></li> </ul> </nav> </div> </div> <div class="col-xl-2 col-lg-2 d-none d-lg-block"> <div class="Appointment"> <div class="btn btn-primary btn-sm"> <a href="https://adugc.com/wizard" style="color: #fff;">Sipariş Oluştur</a> </div> <select onChange="top.location.href=this.options[this.selectedIndex].value;" class="selectpicker" data-width="fit"> <a href="https://adugc.com/"><option value="https://adugc.com/" data-content='<span class="flag-icon flag-icon-tr flag-icon-squared"></span> Turkish'>TR</option></a> <a href="https://adugc.com/eng/"><option value="https://adugc.com/eng/" data-content='<span class="flag-icon flag-icon-us flag-icon-squared"></span> English'>ENG</option></a> </select> </div> </div> <div class="col-12"> <div class="mobile_menu d-block d-lg-none"></div> </div> </div> </div> </div> </div> </header> <!-- header-end --> <!-- slider_area_start --> <div class="slider_area"> <div class="single_slider d-flex align-items-center"> <div class="container"> <div class="row align-items-center"> <div class="col-md-6"> <div class="slider_text "> <h3 class="wow fadeInDown" data-wow-duration="1s" data-wow-delay=".1s" style="font-weight: bold;">KULLANICILARIN OLUŞTURDUĞU REKLAMLAR İLE PERFORMANSINIZI ARTIRIN</h3> <p class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".1s">Kampanyalarınız için video reklamlar veya kreatifler arıyorsanız doğru yerdesiniz!</p> <p class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".1s" style="font-weight: bold;">Facebook, Instagram ve TikTok Reklamları için</p> <div class="video_service_btn" style="z-index:9; position:absolute;"> <a href="https://adugc.com/wizard" class="boxed-btn3">Sipariş Oluştur</a> </div> </div> </div> <div class="col-md-6"> <div class="custom-scrolling"> <div class="scrolling-wrapper2"> <div class="scrolling-content" style="width: 0px;"> <img src="img/webp/AdUGC-v1-1.webp" alt="Image 1"> <img src="img/webp/defacto-bayram25-1.webp" alt="Image 2"> <img src="img/webp/defacto-bayram25-10.webp" alt="Image 3"> <img src="img/webp/defacto-bayram25-11.webp" alt="Image 4"> <img src="img/webp/HubStuff.webp" alt="Image 5"> <img src="img/webp/defacto-bayram25-13.webp" alt="Image 6"> <img src="img/webp/defacto-bayram25-2.webp" alt="Image 7"> <img src="img/webp/faceyogini-1.webp" alt="Image 8"> <img src="img/webp/defacto-bayram25-4.webp" alt="Image 9"> <!-- İmajlar tekrar ediyor --> <img src="img/webp/defacto-bayram25-5.webp" alt="Image 1"> <img src="img/webp/defacto-bayram25-7.webp" alt="Image 2"> <img src="img/webp/defacto-bayram25-9.webp" alt="Image 3"> <img src="img/webp/faceyogini-1.webp" alt="Image 4"> <img src="img/webp/karaca-kupon-1.webp" alt="Image 5"> <img src="img/webp/karaca-kupon-2.webp" alt="Image 6"> <img src="img/webp/karaca-kupon-3.webp" alt="Image 7"> <img src="img/webp/karakteranalizim.webp" alt="Image 8"> <img src="img/webp/influty-2.webp" alt="Image 9"> </div> </div> </div> <div class="container mt-5"> <div class="row"> <!-- İlk Sütun (Yukarı Hareket) --> <div class="col scrolling-wrapper"> <div id="upwardImages1" class="images" style="top: -42px;"> <img class="scrolling-img" src="https://influty.com/img/video/intro/intro-1.webp" alt="Image 1"> <img class="scrolling-img" src="https://influty.com/img/video/intro/intro-2.webp" alt="Image 2"> <img class="scrolling-img" src="https://influty.com/img/video/intro/intro-3.webp" alt="Image 3"> <img class="scrolling-img" src="https://influty.com/img/video/intro/intro-1.webp" alt="Image 1"> <img class="scrolling-img" src="https://influty.com/img/video/intro/intro-2.webp" alt="Image 2"> <img class="scrolling-img" src="https://influty.com/img/video/intro/intro-3.webp" alt="Image 3"> </div> </div> <!-- İkinci Sütun (Aşağı Hareket) --> <div class="col scrolling-wrapper"> <div id="downwardImages" class="images" style="top: -458px;"> <img class="scrolling-img" src="img/webp/faceyogini-1.webp" alt="Image 4"> <img class="scrolling-img" src="img/webp/defacto-bayram25-1.webp" alt="Image 5"> <img class="scrolling-img" src="img/webp/karaca-kupon-2.webp" alt="Image 6"> <img class="scrolling-img" src="img/webp/defacto-bayram25-9.webp" alt="Image 7"> <img class="scrolling-img" src="img/webp/defacto-bayram25-10.webp" alt="Image 4"> <img class="scrolling-img" src="img/webp/defacto-bayram25-2.webp" alt="Image 5"> <img class="scrolling-img" src="img/webp/karaca-kupon-2.webp" alt="Image 6"> <img class="scrolling-img" src="img/webp/defacto-bayram25-5.webp" alt="Image 7"> </div> </div> <!-- Üçüncü Sütun (Yukarı Hareket) --> <div class="col scrolling-wrapper"> <div id="upwardImages2" class="images" style="top: -40px;"> <img class="scrolling-img" src="img/webp/karaca-kupon-4.webp" alt="Image 7"> <img class="scrolling-img" src="img/webp/defacto-bayram25-2.webp" alt="Image 8"> <img class="scrolling-img" src="img/webp/influty-2.webp" alt="Image 9"> <img class="scrolling-img" src="img/webp/defacto-bayram25-13.webp" alt="Image 10"> <img class="scrolling-img" src="img/webp/defacto-bayram25-7.webp" alt="Image 7"> <img class="scrolling-img" src="img/webp/karakteranalizim.webp" alt="Image 8"> <img class="scrolling-img" src="img/webp/influty-2.webp" alt="Image 9"> <img class="scrolling-img" src="img/webp/karaca-kupon-3.webp" alt="Image 10"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- slider_area_end --> <!-- Logos --> <div class="container alt-section-start" style="margin-top: 120px;"> <div class="row"> <div class="col-xl-12"> <div class="section_title text-center wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".3s"> <h3>Birlikte Çalışmaktan Gurur Duyduğumuz Markalar</h3> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="lc-block"> <div id="carouselLogos" class="carousel slide pt-5 pb-4" data-bs-ride="carousel"> <div class="carousel-inner px-5"> <div class="carousel-item active"> <div class="row"> <div class="col-6 col-lg-2 align-self-center"> <img class="d-block w-100 px-3 mb-3" src="img/logos/logo-karaca.png" alt=""> </div> <div class="col-6 col-lg-2 align-self-center"> <img class="d-block w-100 px-3 mb-3" src="img/logos/logo-defacto.png" alt=""> </div> <div class="col-6 col-lg-2 align-self-center"> <img class="d-block w-100 px-3 mb-3" src="img/logos/logo-influty.png" alt=""> </div> <div class="col-6 col-lg-2 align-self-center"> <img class="d-block w-100 px-3 mb-3" src="img/logos/logo-babil.png" alt=""> </div> <div class="col-6 col-lg-2 align-self-center"> <img class="d-block w-100 px-3 mb-3" src="img/logos/logo-rs.png" alt=""> </div> <div class="col-6 col-lg-2 align-self-center"> <img class="d-block w-100 px-3 mb-3" src="img/logos/logo-ra.png" alt=""> </div> </div> </div> <div class="carousel-item"> <div class="row"> <div class="col-6 col-lg-2 align-self-center"> <img class="d-block w-100 px-3 mb-3" src="img/logos/logo-karaca.png" alt=""> </div> <div class="col-6 col-lg-2 align-self-center"> <img class="d-block w-100 px-3 mb-3" src="img/logos/logo-defacto.png" alt=""> </div> <div class="col-6 col-lg-2 align-self-center"> <img class="d-block w-100 px-3 mb-3" src="img/logos/logo-influty.png" alt=""> </div> <div class="col-6 col-lg-2 align-self-center"> <img class="d-block w-100 px-3 mb-3" src="img/logos/logo-babil.png" alt=""> </div> <div class="col-6 col-lg-2 align-self-center"> <img class="d-block w-100 px-3 mb-3" src="img/logos/logo-rs.png" alt=""> </div> <div class="col-6 col-lg-2 align-self-center"> <img class="d-block w-100 px-3 mb-3" src="img/logos/logo-ra.png" alt=""> </div> </div> </div> </div> <div class="w-100 px-3 text-center mt-4"> <a class="carousel-control-prev position-relative d-inline me-4" href="#carouselLogos" data-bs-slide="prev"> <svg width="2em" height="2em" viewBox="0 0 16 16" class="text-dark" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"></path> </svg> <span class="visually-hidden">Previous</span> </a> <a class="carousel-control-next position-relative d-inline" href="#carouselLogos" data-bs-slide="next"> <svg width="2em" height="2em" viewBox="0 0 16 16" class="text-dark" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"></path> </svg> <span class="visually-hidden">Next</span> </a> </div> </div> </div><!-- /lc-block --> </div><!-- /col --> </div> </div> <!-- Why AdUGC --> <div class="service_area" id="about"> <div class="container"> <div class="row"> <div class="col-xl-12"> <div class="section_title text-center wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".3s"> <h3>Neden AdUGC?</h3> </div> </div> </div> <div class="row"> <div class="col-md-8"> <p>Kullanıcı tarafından oluşturulan içerik veya UGC(User Generated Content), markanızı pazarlamak için kullanabileceğiniz en önemli araçlardan biridir. Neden her marka kullanıcı tarafından oluşturulmuş içeriğe İHTİYACI VAR! İşletmeniz için neden Kullanıcı Tarafından Oluşturulan İçeriğe İHTİYACINIZ VAR ?</p> <h3 style="color: #d24c73; margin-top: 20px; font-weight: bold;">CPS, CPM, CPC, CPI,... gibi kampanyalınızın performanslarını 4 kat artırın</h3> <img src="img/custom/st1.png" class="img-fluid"> </div> <div class="col-md-4"> <div class="about_image wow fadeInLeft" data-wow-duration=".4s" data-wow-delay=".3s"> <div class="telefon2"> <div class="video"> <div class="video_on_image_2"> <img src="img/custom/veri4.png"> </div> <video id="player1" width="100%" height="100%" muted="muted" loop="loop" autoplay="autoplay" playsinline data-cast-title="AdUGC" data-cast-description="ReklamStore 10.Yıl Partisi"> <source src="img/video/video4.mp4" type="video/mp4"> </video> </div> </div> </div> </div> </div> </div> </div> <!--/ Why AdUGC --> <!-- AB TEST <div class="features_area"> <div class="container"> <div class="features_main_wrap" id="creators"> <div class="row align-items-center"> <div class="col-xl-5 col-lg-5 col-md-6"> <div class="features_info2"> <h3>Veriye Dayalı Yaratıcı Strateji ve Üretim</h3> <p>En iyi performans gösteren reklamları bulmanın anahtarı, sağlam bir yaratıcı test planıdır. Size çok yüksek ROAS sağlayan kazanan reklam kombinasyonunu bulmak için reklam öğelerinin arkasındaki verileri ve içgörüleri takip ediyoruz.</p> <h3 style="color: #d24c73; font-weight: bold; font-size: 24px;">UGC Reklam</h3> <h3 style="color: #d24c73; margin-top: -30px; font-weight: bold; font-size: 24px;">Testi ve Yineleme</h3> </div> </div> <div class="col-xl-5 col-lg-5 offset-xl-1 offset-lg-1 col-md-6 "> <div class="about_draw wow fadeInUp" data-wow-duration=".7s" data-wow-delay=".5s"> <h3 style="color: #d24c73; margin-top: 20px; font-weight: bold; text-align: center;">AB Test</h3> <img src="img/custom/abtest.png" alt="" class="img-fluid"> </div> </div> </div> </div> / AB TEST --> <!--Nasıl Çalışır --> <div class="features_main_wrap" id="how"> <div class="row align-items-center"> <div class="col-xl-5 col-lg-5 offset-xl-1 offset-lg-1 col-md-6"> <div class="about_image wow fadeInLeft" data-wow-duration=".4s" data-wow-delay=".3s"> <div class="telefon2"> <div class="video"> <video id="player1" width="100%" height="100%" muted="muted" loop="loop" autoplay="autoplay" playsinline data-cast-title="AdUGC" data-cast-description="ReklamStore 10.Yıl Partisi"> <source src="img/video/video3.mp4" type="video/mp4"> </video> </div> </div> </div> </div> <div class="col-xl-6 col-lg-6 col-md-6"> <div class="features_info"> <h3 class="wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".3s">Nasıl Çalışır?</h3> <p class="wow fadeInUp" data-wow-duration=".6s" data-wow-delay=".4s">Reklamlarınızı bir sonraki seviyeye taşımak için birkaç basit adım</p> <p>AdUGC olarak kullanıcı tarafından oluşturulan içeriğin gücüne inanıyoruz. Markanızın doğru hedefleme ile geniş kitlelere ulaşmasını sağlıyoruz. Hemen şimdi başlayın.</p> <ul> <li class="wow fadeInUp" data-wow-duration=".7s" data-wow-delay=".5s"> İlk toplantı ve özet </li> <li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay=".6s"> İçerik yaratımı </li> <li class="wow fadeInUp" data-wow-duration=".9s" data-wow-delay=".7s"> Düzeltmeleri uygulama</li> <li class="wow fadeInUp" data-wow-duration=".9s" data-wow-delay=".7s"> Testler ve optimizasyon</li> </ul> <div style="margin-top: 15px;" class="about_btn wow fadeInUp" data-wow-duration=".10s" data-wow-delay=".8s"> <a class="boxed-btn3" href="https://adugc.com/wizard">Sipariş Oluştur</a> </div> </div> </div> </div> </div> <!--Nasıl Çalışır --> </div> </div> <!-- three-area --> <div class="features_area"> <div class="container"> <div class="row align-items-center"> <div class="col-md-4"> <h1 class="text-center"><span class="badge bg-secondary" style="margin-bottom: 20px; background-color: #d24c73!important; font-size: 25px;">E-Ticaret</span></h1> <div class="about_image wow fadeInLeft" data-wow-duration=".4s" data-wow-delay=".3s"> <div class="telefon2"> <div class="video"> <div class="video_on_image"> <img src="img/custom/veri1.png" style="width: 180px;"> </div> <video id="player1" width="100%" height="100%" muted="muted" loop="loop" autoplay="autoplay" playsinline data-cast-title="AdUGC" data-cast-description="ReklamStore 10.Yıl Partisi"> <source src="img/video/video4.mp4" type="video/mp4"> </video> </div> </div> </div> </div> <div class="col-md-4"> <h1 class="text-center"><span class="badge bg-secondary" style="margin-bottom: 20px; background-color: #d24c73!important; font-size: 25px;">App/Uygulama</span></h1> <div class="about_image wow fadeInLeft" data-wow-duration=".4s" data-wow-delay=".3s"> <div class="telefon2"> <div class="video"> <div class="video_on_image"> <img src="img/custom/veri2.png" style="width: 180px;"> </div> <video id="player1" width="100%" height="100%" muted="muted" loop="loop" autoplay="autoplay" playsinline data-cast-title="AdUGC" data-cast-description="ReklamStore 10.Yıl Partisi"> <source src="img/video/video5.mp4" type="video/mp4"> </video> </div> </div> </div> </div> <div class="col-md-4"> <h1 class="text-center"><span class="badge bg-secondary" style="margin-bottom: 20px; background-color: #d24c73!important; font-size: 25px;">Oyun</span></h1> <div class="about_image wow fadeInLeft" data-wow-duration=".4s" data-wow-delay=".3s"> <div class="telefon2"> <div class="video"> <div class="video_on_image"> <img src="img/custom/veri3.png" style="width: 180px;"> </div> <video id="player1" width="100%" height="100%" muted="muted" loop="loop" autoplay="autoplay" playsinline data-cast-title="AdUGC" data-cast-description="ReklamStore 10.Yıl Partisi"> <source src="img/video/video6.mp4" type="video/mp4"> </video> </div> </div> </div> </div> </div> </div> </div> <!--/ three-area --> <!-- prising_area --> <div class="prising_area minus_padding" id="pricing"> <div class="container"> <div class="row"> <div class="col-xl-12"> <div class="section_title text-center wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".5s"> <h3>Paketlerimiz</h3> <p>İşletmeniz için neden Kullanıcılar Tarafından Oluşturulan İçeriklere İHTİYACINIZ VAR ?</p> </div> </div> </div> <div class="row"> <div class="col-md-3"> <div class="single-defination" style="text-align: center;"> <h1 style="font-size: 62px; font-weight: bold; color: #d24c73;">3 KAT</h1> <p style="font-size: 16px; text-transform: uppercase; font-weight: 900;">satın alma olasılığını</p> </div> </div> <div class="col-md-3"> <div class="single-defination" style="text-align: center;"> <h1 style="font-size: 62px; font-weight: bold; color: #d24c73;">4 KAT</h1> <p style="font-size: 16px; text-transform: uppercase; font-weight: 900;">Daha yüksek tıklama oranları</p> </div> </div> <div class="col-md-3"> <div class="single-defination" style="text-align: center;"> <h1 style="font-size: 62px; font-weight: bold; color: #d24c73;">2 KAT</h1> <p style="font-size: 16px; text-transform: uppercase; font-weight: 900;">Reklam hatırlanabilirliği</p> </div> </div> <div class="col-md-3"> <div class="single-defination" style="text-align: center;"> <h1 style="font-size: 62px; font-weight: bold; color: #d24c73;">6 KAT</h1> <p style="font-size: 16px; text-transform: uppercase; font-weight: 900;">Görüntüleme oranları</p> </div> </div> </div> <hr> <div class="row no-gutters align-items-center" style="margin-top: 40px;"> <div class="col-xl-4 col-md-4"> <div class="single_prising text-center wow fadeInUp" data-wow-duration=".7s" data-wow-delay=".8s"> <div class="prising_header justify-content-between"> <h3>Başlangıç Paketi</h3> </div> <ul style="padding-bottom: 10px; padding-top: 10px;"> <li>✅ 2 İçerik Üreticisi</li> <li>✅ 4 Video4 Video(2 adet Standart, 2 Geçiş Efekt)</li> <li>✅ Altyazı</li> <li>✅ Full Editlenmiş Üretim</li> <li>✅ Max 45 Saniyelik Videolar</li> <li>✅ Senaryo Desteği</li> <li>✅ Üretici Başına Ücretsiz Editleme Revize Hakkı: 1</li> <li>✅ Teslimat süresi: 7 gün</li> </ul> <div class="prising_bottom"> <a href="https://adugc.com/wizard" class="get_now prising_btn"> Sipariş Oluştur</a> </div> </div> </div> <div class="col-xl-4 col-md-4"> <div class="single_prising text-center wow fadeInUp" data-wow-duration=".6s" data-wow-delay=".6s"> <div class="prising_header justify-content-between pink_header"> <h3>Standart Paket</h3> </div> <ul style="padding-bottom: 10px; padding-top: 10px;"> <li>✅ 4 İçerik Üreticisi</li> <li>✅ 8 Video(4 adet Standart, 4 Geçiş Efekt)</li> <li>✅ Altyazı</li> <li>✅ Full Editlenmiş Üretim</li> <li>✅ Max 45 Saniyelik Videolar</li> <li>✅ Senaryo Desteği</li> <li>✅ Üretici Başına Ücretsiz Editleme Revize Hakkı: 1</li> <li>✅ Teslimat süresi: 10 gün</li> </ul> <div class="prising_bottom"> <a href="https://adugc.com/wizard" class="get_now prising_btn"> Sipariş Oluştur</a> </div> </div> </div> <div class="col-xl-4 col-md-4"> <div class="single_prising text-center wow fadeInUp" data-wow-duration=".7s" data-wow-delay=".8s"> <div class="prising_header justify-content-between green_header"> <h3>Büyüme Paketi</h3> </div> <ul style="padding-bottom: 10px; padding-top: 10px;"> <li>✅ 8 İçerik Üreticisi</li> <li>✅ 16 Video(8 adet Standart, 8 Geçiş Efekt)</li> <li>✅ Altyazı</li> <li>✅ Full Editlenmiş Üretim</li> <li>✅ Max 45 Saniyelik Videolar</li> <li>✅ Senaryo Desteği</li> <li>✅ Üretici Başına Ücretsiz Editleme Revize Hakkı: 1</li> <li>✅ Teslimat süresi: 14 gün</li> </ul> <div class="prising_bottom"> <a href="https://adugc.com/wizard" class="get_now prising_btn"> Sipariş Oluştur</a> </div> </div> </div> </div> <div class="site-section" id="portfolio"> <div class="container"> <div class="row justify-content-center text-center"> <div class="col-md-7"> <h2 class="section-heading mobile-title-videos">Çalışmalarımız</h2> <p>AdUGC üreticilerimizin hazırladıkları bazı çalışmalar</p> </div> </div> </div> <div class="container py-5"> <div class="row video-desktop"> <!-- Video Sütunları --> <div class="col-lg-3 col-md-4 col-sm-6 video-container"> <video class="video-player" onclick="togglePlayPause(this)"> <source src="video/defacto-bayram25-7.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <img src="img/play-icon.png" class="play-pause-icon" onclick="togglePlayPause(this.previousElementSibling)" style="display: block;"> </div><div class="col-lg-3 col-md-4 col-sm-6 video-container"> <video class="video-player" onclick="togglePlayPause(this)"> <source src="video/defacto-bayram25-1.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <img src="img/play-icon.png" class="play-pause-icon" onclick="togglePlayPause(this.previousElementSibling)" style="display: block;"> </div><div class="col-lg-3 col-md-4 col-sm-6 video-container"> <video class="video-player" onclick="togglePlayPause(this)"> <source src="video/defacto-bayram25-2.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <img src="img/play-icon.png" class="play-pause-icon" onclick="togglePlayPause(this.previousElementSibling)" style="display: block;"> </div><div class="col-lg-3 col-md-4 col-sm-6 video-container"> <video class="video-player" onclick="togglePlayPause(this)"> <source src="video/karaca-kupon-5.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <img src="img/play-icon.png" class="play-pause-icon" onclick="togglePlayPause(this.previousElementSibling)" style="display: block;"> </div> <div class="col-lg-3 col-md-4 col-sm-6 video-container"> <video class="video-player" onclick="togglePlayPause(this)"> <source src="video/defacto-bayram25-6.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <img src="img/play-icon.png" class="play-pause-icon" onclick="togglePlayPause(this.previousElementSibling)" style="display: block;"> </div> <div class="col-lg-3 col-md-4 col-sm-6 video-container"> <video class="video-player" onclick="togglePlayPause(this)"> <source src="video/defacto-bayram25-10.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <img src="img/play-icon.png" class="play-pause-icon" onclick="togglePlayPause(this.previousElementSibling)" style="display: block;"> </div> <div class="col-lg-3 col-md-4 col-sm-6 video-container"> <video class="video-player" onclick="togglePlayPause(this)"> <source src="video/AdUGC-v2-1.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <img src="img/play-icon.png" class="play-pause-icon" onclick="togglePlayPause(this.previousElementSibling)" style="display: block;"> </div> <div class="col-lg-3 col-md-4 col-sm-6 video-container"> <video class="video-player" onclick="togglePlayPause(this)"> <source src="video/AdUGC-v1-1.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <img src="img/play-icon.png" class="play-pause-icon" onclick="togglePlayPause(this.previousElementSibling)" style="display: block;"> </div><div class="col-lg-3 col-md-4 col-sm-6 video-container"> <video class="video-player" onclick="togglePlayPause(this)"> <source src="video/HubStuff.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <img src="img/play-icon.png" class="play-pause-icon" onclick="togglePlayPause(this.previousElementSibling)" style="display: block;"> </div> <div class="col-lg-3 col-md-4 col-sm-6 video-container"> <video class="video-player" onclick="togglePlayPause(this)"> <source src="video/kupon-2-v1.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <img src="img/play-icon.png" class="play-pause-icon" onclick="togglePlayPause(this.previousElementSibling)" style="display: block;"> </div><div class="col-lg-3 col-md-4 col-sm-6 video-container"> <video class="video-player" onclick="togglePlayPause(this)"> <source src="video/defacto-bayram25-3.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <img src="img/play-icon.png" class="play-pause-icon" onclick="togglePlayPause(this.previousElementSibling)" style="display: block;"> </div> <div class="col-lg-3 col-md-4 col-sm-6 video-container"> <video class="video-player" onclick="togglePlayPause(this)"> <source src="video/defacto-bayram25-9.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <img src="img/play-icon.png" class="play-pause-icon" onclick="togglePlayPause(this.previousElementSibling)" style="display: block;"> </div> <div class="col-lg-3 col-md-4 col-sm-6 video-container"> <video class="video-player" onclick="togglePlayPause(this)"> <source src="video/defacto-bayram25-12.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <img src="img/play-icon.png" class="play-pause-icon" onclick="togglePlayPause(this.previousElementSibling)" style="display: block;"> </div> <div class="col-lg-3 col-md-4 col-sm-6 video-container"> <video class="video-player" onclick="togglePlayPause(this)"> <source src="video/defacto-bayram25-13.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <img src="img/play-icon.png" class="play-pause-icon" onclick="togglePlayPause(this.previousElementSibling)" style="display: block;"> </div> <div class="col-lg-3 col-md-4 col-sm-6 video-container"> <video class="video-player" onclick="togglePlayPause(this)"> <source src="video/Influty-short_1.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <img src="img/play-icon.png" class="play-pause-icon" onclick="togglePlayPause(this.previousElementSibling)" style="display: block;"> </div> <div class="col-lg-3 col-md-4 col-sm-6 video-container"> <video class="video-player" onclick="togglePlayPause(this)"> <source src="video/faceyogini-1.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <img src="img/play-icon.png" class="play-pause-icon" onclick="togglePlayPause(this.previousElementSibling)" style="display: block;"> </div> <div class="col-lg-3 col-md-4 col-sm-6 video-container"> <video class="video-player" onclick="togglePlayPause(this)"> <source src="video/karaca-kupon-2.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <img src="img/play-icon.png" class="play-pause-icon" onclick="togglePlayPause(this.previousElementSibling)" style="display: block;"> </div><div class="col-lg-3 col-md-4 col-sm-6 video-container"> <video class="video-player" onclick="togglePlayPause(this)"> <source src="video/faceyogini-2.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <img src="img/play-icon.png" class="play-pause-icon" onclick="togglePlayPause(this.previousElementSibling)" style="display: block;"> </div> <div class="col-lg-3 col-md-4 col-sm-6 video-container"> <video class="video-player" onclick="togglePlayPause(this)"> <source src="video/karakteranalizim.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <img src="img/play-icon.png" class="play-pause-icon" onclick="togglePlayPause(this.previousElementSibling)" style="display: block;"> </div> <div class="col-lg-3 col-md-4 col-sm-6 video-container"> <video class="video-player" onclick="togglePlayPause(this)"> <source src="video/influty-2.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <img src="img/play-icon.png" class="play-pause-icon" onclick="togglePlayPause(this.previousElementSibling)" style="display: block;"> </div> <!-- Diğer video elementleri... --> </div> </div> </div> <div class="section-top-border"> <h3 class="mb-30">Sizden Gelenler</h3> <div class="row"> <div class="col-md-4"> <div class="single-defination"> <h4 class="mb-20">Ebru K.</h4> <blockquote class="generic-blockquote">"Adugc.com ile çalışmak gerçekten bir ayrıcalık! UGC reklamları için sundukları platform benim markamı müşterilere daha yakınlaştırmada çok etkili oldu. Ekibin profesyonelliği ve yaratıcılığı takdire şayan. Teşekkürler Adugc.com!"</blockquote> </div> </div> <div class="col-md-4"> <div class="single-defination"> <h4 class="mb-20">Tufan D.</h4> <blockquote class="generic-blockquote">"UGC reklamları konusunda en iyi seçenek Adugc.com! Sundukları çözümlerle markamın görünürlüğünü artırmak ve kullanıcılarla etkileşim kurmak çok daha kolay. Her anlamda memnun kaldım."</blockquote> </div> </div> <div class="col-md-4"> <div class="single-defination"> <h4 class="mb-20">Serkan U.</h4> <blockquote class="generic-blockquote">"Adugc.com, UGC reklamları için mükemmel bir ortak. Onların sunduğu platform sayesinde markam, müşterilerimizin katılımını artırarak daha güçlü bir topluluk haline geldi. İşbirliğimizden çok memnunum!"</blockquote> </div> </div> </div> </div> </div> </div> <!--/ prising_area --> <!-- productivity_area --> <div class="productivity_area"> <div class="container"> <div class="row align-items-center"> <div class="col-xl-7 col-md-12 col-lg-6"> <h3 class="wow fadeInDown" data-wow-duration="1s" data-wow-delay=".1s">AdUGC Dünyasını hemen keşfetmeye başlayın!</h3> </div> <div class="col-xl-5 col-md-12 col-lg-6"> <div class="app_download wow fadeInDown" data-wow-duration="1s" data-wow-delay=".1s"> <a class="boxed-btn3" href="https://adugc.com/wizard">Sipariş Oluştur</a> </div> </div> </div> </div> </div> <!--/ productivity_area --> <div class="sss" style="padding-bottom: 50px;" id="sss"> <div class="row"> <div class="col-xl-12"> <div class="section_title text-center wow fadeInUp mt-50" data-wow-duration=".5s" data-wow-delay=".5s"> <h3>Sıkça Sorulan Sorular</h3> </div> </div> <div class="col-md-3"></div> <div class="col-md-6"> <div class="accordion" id="accordionExample"> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> AdUGC ne işe yarar? </button> </h2> <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample"> <div class="accordion-body"> AdUGC veriye dayalı bir yaratıcı strateji ve içerik üretim stüdyosudur. Markaların ve ajansların Facebook ve Tiktok'u başarılı bir şekilde ölçeklendirmek için reklam oluşturmalarına, test etmelerine ve yinelemelerine yardımcı olmak için varız. Her şeyle biz ilgileniyoruz - yaratıcı stratejinizin haritasını çıkarmak, reklam senaryoları yazmak, içerik oluşturucuları işe almak, çekim ve düzenleme. Siz bize neye ihtiyacınız olduğunu söyleyin, biz de size yayına hazır reklamlar sunalım. </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Revizyon sunuyor musunuz? </button> </h2> <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample"> <div class="accordion-body"> Evet. Teslimattan sonra bir revizyon hakkınız var. Revizyon, reklamın son düzenleme aşamasında yapılan herhangi bir düzeltmesidir. Revizyon, içeriğin yeniden çekilmesini içermez. Endişelenmeyin! Yolun her adımında yer alacaksınız; içerik oluşturucuları, yaratıcı stratejiyi onaylayacak ve çekimden önce reklam ana hatlarını inceleyip belileyeceksiniz. </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> İçerik paketlerini özelleştirebilir miyim? </button> </h2> <div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample"> <div class="accordion-body"> Evet. Elastik paket bağlantısını kullanarak ekibimizle bir görüşme planlayın; özel hedeflerinize göre tasarlanmış bir içerik paketi oluşturacağız. </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> Video reklamların senaryolarını size gönderebilir miyim? </button> </h2> <div id="collapseFour" class="accordion-collapse collapse" data-bs-parent="#accordionExample"> <div class="accordion-body"> Kesinlikle. Kullanmamızı istediğiniz çok spesifik bir özet veya ayrıntılı bir senaryonuz varsa vizyonunuzu hayata geçireceğiz. </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive"> Influencer'larla mı çalışıyorsunuz? </button> </h2> <div id="collapseFive" class="accordion-collapse collapse" data-bs-parent="#accordionExample"> <div class="accordion-body"> Evet. AdUGC bir influencer ajansı değildir ancak diğer kuruluşumuz ile bağlantılı çalışmaktadır. Tüm içerik oluşturucular, markanız için içerik çekerken stüdyomuzda ücretli oyuncu olarak çalışır. Satın aldığınız tüm içerikler doğrudan tarafınıza teslim edilir, isteğe bağlı olarak pazarlama desteği verilerek sosyal kanallarda paylaşılabilir.. </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix"> Reklam oluşturmaya yatırım yapmak neden önemlidir? </button> </h2> <div id="collapseSix" class="accordion-collapse collapse" data-bs-parent="#accordionExample"> <div class="accordion-body"> <b style="color: #d24c73;">Reklam unsuruna göre satış katkısı yüzdesi:</b><br> <p>%2 Bağlam</p> <p>%5 Yenilik</p> <p>%9 hedeflemek</p> <p>%15 Marka</p> <p>%22 ulaşmak</p> <p style="color:#d24c73; font-weight: bold;">%47 Yaratıcılık</p> </div> </div> </div> </div> </div> <div class="col-md-3"></div> </div> </div> <!-- footer start --> <footer class="footer"> <div class="footer_top"> <div class="container"> <div class="row text-center"> <div class="col-xl-6 col-md-6 col-lg-6"> <div class="footer_widget"> <div class="footer_logo"> <a href="#"> <img src="img/adsultan-white-logo.png" alt="" style="height: 45px;"> </a> </div> <div class="socail_links"> <ul> <li> <a href="#"> <i class="ti-facebook"></i> </a> </li> <li> <a href="#"> <i class="ti-twitter-alt"></i> </a> </li> <li> <a href="#"> <i class="fa fa-instagram"></i> </a> </li> </ul> </div> </div> </div> <div class="col-xl-6 col-md-6 col-lg-6"> <div class="footer_widget"> <h3 class="footer_title"> Yararlı Linkler </h3> <ul> <li><a href="#pricing">Fiyatlar</a></li> <li><a href="#about">Neden AdUGC</a></li> <li><a href="iletisim.php">İletişim</a></li> </ul> </div> </div> </div> </div> </div> <div class="copy-right_text"> <div class="container"> <div class="footer_border"></div> <div class="row"> <div class="col-xl-12"> <p class="copy_right text-center"> Copyright ©<script> document.write(new Date().getFullYear()); </script> All rights reserved by <a href="https://www.reklamstore.com" target="_blank">ReklamStore</a> </p> </div> </div> </div> </div> </footer> <!--/ footer end --> <!--<a href="#" class="back-to-top" style="display: inline;"><i class="icofont-simple-up"></i></a>--> <script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script> <!-- JS here --> <script src="js/vendor/modernizr-3.5.0.min.js"></script> <script src="js/vendor/jquery-1.12.4.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/isotope.pkgd.min.js"></script> <script src="js/ajax-form.js"></script> <script src="js/waypoints.min.js"></script> <script src="js/jquery.counterup.min.js"></script> <script src="js/imagesloaded.pkgd.min.js"></script> <script src="js/scrollIt.js"></script> <script src="js/jquery.scrollUp.min.js"></script> <script src="js/wow.min.js"></script> <script src="js/nice-select.min.js"></script> <script src="js/jquery.slicknav.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <script src="js/plugins.js"></script> <script src="js/gijgo.min.js"></script> <!--contact js--> <script src="js/contact.js"></script> <script src="js/jquery.ajaxchimp.min.js"></script> <script src="js/jquery.form.js"></script> <script src="js/jquery.validate.min.js"></script> <script src="js/mail-script.js"></script> <script src="js/main.js"></script> <script> // Tarayıcı dilini kontrol et var userLang = navigator.language || navigator.userLanguage; // Eğer tarayıcı dili Türkçe değilse if (userLang.toLowerCase() !== 'tr' && userLang.toLowerCase() !== 'tr-tr') { // Kullanıcıyı eng klasörü altındaki index.html sayfasına yönlendir window.location.href = "/eng/index.html"; } </script> <script> function togglePlayPause(video) { const icon = video.nextElementSibling; if (video.paused || video.ended) { video.play(); icon.style.display = 'none'; } else { video.pause(); icon.style.display = 'block'; } } // Sayfa yüklendiğinde, her video için play simgesini göster window.onload = function() { document.querySelectorAll('.video-player').forEach(video => { video.pause(); video.nextElementSibling.style.display = 'block'; }); }; </script> <script> function scrollImages(container, direction = 'up', speed = 2) { let interval = setInterval(() => { let top = parseInt(window.getComputedStyle(container).getPropertyValue('top')); if (direction === 'up') { container.style.top = (top - speed) + 'px'; if (Math.abs(top) >= container.offsetHeight / 2) { container.style.top = "0"; } } else { container.style.top = (top + speed) + 'px'; if (top >= 0) { container.style.top = -(container.offsetHeight / 2) + 'px'; } } }, 20); } // İki sütun yukarı, bir sütun aşağı hareket edecek scrollImages(document.getElementById('upwardImages1'), 'up', 2); scrollImages(document.getElementById('downwardImages'), 'down', 2); scrollImages(document.getElementById('upwardImages2'), 'up', 2); </script> <script> $(document).ready(function(){ const customScrolling = $('.custom-scrolling .scrolling-content'); const originalWidth = customScrolling.width() / 2; customScrolling.css('width', originalWidth * 2 + 'px'); function resetAnimation() { customScrolling.css('animation', 'none'); setTimeout(() => { customScrolling.css('animation', ''); }, 10); } customScrolling.on('animationiteration', resetAnimation); }); </script> <script> // Video modal scripti $('#videoModal').on('show.bs.modal', function (event) { var button = $(event.relatedTarget) // Butonu tetikleyen eleman var videoSrc = button.data('video') // data-video attribute'ündan video kaynağını al var modal = $(this) modal.find('.modal-body #videoPlayer source').attr('src', videoSrc) modal.find('.modal-body #videoPlayer')[0].load() modal.find('.modal-body #videoPlayer')[0].play() }); $('#videoModal').on('hide.bs.modal', function (event) { var modal = $(this) modal.find('.modal-body #videoPlayer')[0].pause() }); </script> </body> </html>