1<!doctype html> 2<html lang="en" class="js loaded"> 3<head> 4 <meta charset="utf-8"> 5 <base href="https://studiomgx.com/"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <link rel="icon shortcut" href="favicon.ico"> 8 <title>Studio Mgx | Virtual Production</title> 9 <meta name="description" content="" /> 10 <meta name="keywords" content="" /> 11 <meta property="og:locale" content="tr_TR"/> 12 <meta property="og:type" content="website"/> 13 <meta property="og:title" content="Home Page - MGX Studio"/> 14 <meta property="og:description" content=""/> 15 <meta property="og:url" content="https://www.studiomgx.com/"/> 16 <meta property="og:site_name" content="Studio Mgx | Virtual Production"/> 17 <meta property="article:publisher" content="https://www.facebook.com/mgxfilm/"/> 18 <meta property="article:modified_time" content="2023-02-24T11:46:21+00:00"/> 19 <meta property="og:image" content="https://www.studiomgx.com/assets/img/logo_black.svg?v=1723733915"/> 20 <meta name="twitter:card" content="summary_large_image"/> 21 <meta name="twitter:label1" content="Tahmini okuma süresi"/> 22 <meta name="twitter:data1" content="10 dakika"/> 23 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous"> 24 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet" /> 25 <link href="https://unpkg.com/swiper/swiper-bundle.min.css" rel="stylesheet"/> 26 <link href="assets/css/style.css?version=260618" rel="stylesheet"> 27 <link href="assets/css/header.css?version=260618" rel="stylesheet"> 28 <link href="assets/css/hamburger.css?version=260618" rel="stylesheet"> 29 <link href="assets/css/header-swiper.css?version=260618" rel="stylesheet"> 30 <link href="assets/css/grain.css?version=260618" rel="stylesheet"> 31 <link href="assets/css/animate.css?version=260618" rel="stylesheet"> 32 <link href="assets/css/jquery.fancybox.min.css?version=260618" rel="stylesheet"> 33 <link href="assets/css/responsive.css?version=260618" rel="stylesheet"> 34 <link href="assets/css/before-after.css?version=260618" rel="stylesheet"> 35 <link href="assets/css/nice-select.css?version=260618" rel="stylesheet"> 36 <link href="assets/css/attachment.css?version=260618" rel="stylesheet"> 37 <link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css" rel="stylesheet"> 38 39 <!-- Proje dosyasına özel --> 40 <!--<link rel="stylesheet" href="https://use.typekit.net/ckf7ljy.css">--> 41 <link rel="stylesheet" type="text/css" href="assets/css/base.css?version=260618" /> 42 43 <!-- Page animation --> 44 </head> 45 46<body id="bg-virtual-production"> 47 48<div class="nav"> 49 <div class="navbefore"></div> 50 <div class="nav__content"> 51 <ul class="nav__list"> 52 <li class="nav__list-item"><a href="javascript:(0)" class="hover-target">Studio</a></li> 53 <li class="nav__list-item sub"><a href="virtual-production">Virtual Production</a></li> 54 <li class="nav__list-item sub"><a href="message-from-owner">Message From Owner</a></li> 55 <li class="nav__list-item sub"><a href="led-screen-studio-plan">Led Screen and Studio Plan</a></li> 56 <li class="nav__list-item sub"><a href="team">Team</a></li> 57 <li class="nav__list-item sub"><a href="gallery">Gallery</a></li> 58 <li class="nav__list-item sub"><a href="news">News / Blogs</a></li> 59 <li class="nav__list-item"><a href="mgx-studio-services">Services</a></li> 60 <li class="nav__list-item"><a href="projects">Projects</a></li> 61 <li class="nav__list-item"><a href="contact">Contact</a></li> 62 <li class="nav__list-item"><a href="tr/" >TR <i class="fa-solid fa-globe"></i></a></li> 63 <li class="nav__list-item"><a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#demoModal">Appointment Request <i class="fa-solid fa-video"></i></a></li> </ul> 64 <ul class="smedia d-inline-block mt-3"> 65 <li><a href="https://www.facebook.com/studiomgx" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li> 66 <li><a href="https://www.instagram.com/studio.mgx/" target="_blank"><i class="fa-brands fa-instagram"></i></a></li> 67 <li><a href="https://www.youtube.com/@mgxstudio" target="_blank"><i class="fa-brands fa-youtube"></i></a></li> 68 <li><a href="https://www.linkedin.com/company/studio-mgx" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a></li> 69 </ul> 70 </div> 71</div> 72 73<section id="header"> 74 <div class="container-fluid"> 75 <div class="row header-top p-5"> 76 <div class="col-6 col-lg-3 ps-5 ps-unset"> 77 <a href="/" title=""><img class="logo" src="assets/img/logo_white.svg?v=1781862063" alt="" data-no-retina=""></a> 78 </div> 79 <div class="col-6 col-lg-9 text-end d-none d-lg-block pe-4"> 80 <ul class="mainMenu"> 81 <li> 82 <a href="javascript:void(0)" class="link link--elara"><span>Studio</span></a> 83 <ul class="subMenu"> 84 <li><a href="virtual-production" title="">Virtual Production</a></li> 85 <li><a href="message-from-owner" title="">Message From Owner</a></li> 86 <li><a href="led-screen-studio-plan" title="">Led Screen and Studio Plan</a></li> 87 <li><a href="team" title="">Team</a></li> 88 <li><a href="gallery" title="">Gallery</a></li> 89 <li><a href="news" title="">News / Blogs</a></li> 90 </ul> 91 </li> 92 <li><a href="mgx-studio-services" class="link link--elara"><span>Services</span></a></li> 93 <li><a href="projects" class="link link--elara"><span>Projects</span></a></li> 94 95 <li><a href="contact" class="link link--elara"><span>Contact</span></a></li> 96 <li><a href="tr/" >TR <i class="fa-solid fa-globe"></i></a></li> 97 <li><a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#demoModal">Appointment Request <i class="fa-solid fa-video"></i></a></li> <!--<li><a href="javascript:void(0)"><i class="fa-solid fa-equals"></i></a></li>--> 98 </ul> 99 </div> 100 <div class="col-6 col-lg-9 text-end d-block d-lg-none align-self-center"> 101 <div class="menu__item--bento"> 102 <i class="fa-solid fa-bars closed"></i> 103 <i class="fa-solid fa-xmark opened"></i> 104 </div> 105 </div> 106 </div> 107 </div> 108</section> 109<section id="virtual" class="bg-virtual d-flex align-items-end" style="background-image:url(assets/upload/sayfa/167873414664.jpg)"> 110 <div class="container"> 111 <div class="row justify-content-center"> 112 <div class="col-12 col-md-10 h-title"> 113 <a class="btn-white-trans wow fadeInUp" data-wow-duration="2s" data-wow-delay="0" href="javascript:void(0)">Virtual Production</a> 114 <h1 class="wow fadeInUp" data-wow-duration="2s" data-wow-delay="0">MGX Studio is a revolutionary virtual production house based in Istanbul</h1> 115 </div> 116 </div> 117 </div> 118</section> 119 120<section id="virtual_1"> 121 <div class="container"> 122 <div class="row justify-content-center"> 123 <div class="col-12 col-md-8"> 124 <p>It is Turkey's first virtual production house that aims to combine traditional and innovative cinematography techniques by building a bridge between the real world and the LED screen. Virtual Production puts all real and virtual places at your feet that can push the limits of your imagination. It allows you to complete your shots in a fast, practical and realistic way.</p><p><strong>With virtual production;</strong> </p><ul><li>Movies</li><li>TV series</li><li>Demo shoots</li><li>TVC</li><li>Advertising shots</li><li>Presentations</li><li>Special Events and live streams</li></ul> </div> 125 </div> 126 </div> 127</section> 128 129<section id="virtual_2" class="p-relative"> 130 <div class="container-fluid"> 131 <div class="row"> 132 <div class="col-12 p-relative p-0 m-0"> 133 <h2>Advantages virtual production</h2> 134 </div> 135 </div> 136 137 <div class="row justify-content-center"> 138 <div class="col-12 mp-0"> 139 <!-- Start Swiper --> 140 <div class="swiper virtualGaleri"> 141 <div class="swiper-wrapper"> 142 143 <div class="swiper-slide"> 144 <img src="assets/upload/avp/167873488743.jpg" alt=""> 145 <div class="details"> 146 <h3>
146Anywhere In The World</h3> 147 <p>By shooting the scenes you want to shoot anywhere in the world in a single location with virtual production technology to minimize the cost and prevent budget explosions.</p> 148 </div> 149 </div> 150 151 <div class="swiper-slide"> 152 <img src="assets/upload/avp/167873495348.jpg" alt=""> 153 <div class="details"> 154 <h3>Realistic Lighting</h3> 155 <p>With our LED backwall on the LED ceiling and 2 movable led panels on the stage, we offer natural stage lighting with realistic lighting.</p> 156 </div> 157 </div> 158 159 <div class="swiper-slide"> 160 <img src="assets/upload/avp/167873497516.jpg" alt=""> 161 <div class="details"> 162 <h3>Environmental Control</h3> 163 <p>Fully freedom of designing scenes and environmental control Freedom in the 3D scene you want, the opportunity to control every dynamic within the 3D scene, such as the weather and seasonal conditions and even the golden hours during the day.</p> 164 </div> 165 </div> 166 167 <div class="swiper-slide"> 168 <img src="assets/upload/avp/16787350092.jpg" alt=""> 169 <div class="details"> 170 <h3>Supernatural Design</h3> 171 <p>Unreal Engine environmental design and possibility to build virtual worlds. Possibility to construct and shoot virtual scenes/worlds such as supernatural or unreal environmental design or metaverse universe.</p> 172 </div> 173 </div> 174 175 <div class="swiper-slide"> 176 <img src="assets/upload/avp/167873503856.jpg" alt=""> 177 <div class="details"> 178 <h3>Safety</h3> 179 <p>Possibility of shooting dangerous scenes in succession, without the need for a stunt or preventing the actor from being harmed.</p> 180 </div> 181 </div> 182 183 <div class="swiper-slide"> 184 <img src="assets/upload/avp/167873515528.jpg" alt=""> 185 <div class="details"> 186 <h3>Need for any green screen</h3> 187 <p>Being able to see the scene in real time and faster shooting time. Actors can see the environment and scene in real time without the need for any green screen, making the job easier for the actor.</p> 188 </div> 189 </div> 190 191 <div class="swiper-slide"> 192 <img src="assets/upload/avp/167873518429.jpg" alt=""> 193 <div class="details"> 194 <h3>Carbon</h3> 195 <p>Reducing/preventing carbon emissions.</p> 196 </div> 197 </div> 198 </div> 199 <div class="swiper-pagination"></div> 200 </div> 201 <!-- End Swiper --> 202 </div> 203 </div> 204 <div class="row"> 205 <div class="col-12 col-md-6 text-center mt-5 vnav"> 206 <button class="btn fs-2 fw-300 virtualGaleri-button-prev"><i class="fa-solid fa-arrow-left-long"></i></button> 207 <button class="btn fs-2 fw-300 virtualGaleri-button-next"><i class="fa-solid fa-arrow-right-long"></i></button> 208 </div> 209 </div> 210 </div> 211</section> 212 213<section id="virtual_3" class="position-relative"> 214 <div class="container-fluid"> 215 <div class="row"> 216 <div class="col-12 col-lg-6 p-0 m-0"> 217 <img class="w-100" src="assets/upload/sayfa/167873414678.jpg" alt=""> 218 </div> 219 <div class="col-12 col-lg-6 details d-flex align-items-center justify-content-center"> 220 <div class="d-block"> 221 <h2>How to use the full potential of Virtual Production?</h2> 222 <p>If you are planning to use Virtual Production in your film production, there are some rules to make your project look better. VP will not replace traditional shooting completely, but for many situations, you can achieve a similar effect, and for many more, much much better.</p><p>Firstly, we need to understand that VP is not just a background. The whole virtual scene should act like a physical set design. Computers generate an image for a specific camera position when the camera moves. So, when you think about virtual location, treat it like a physical set just behind the LED screen. You can also set up the light in a virtual part like in a traditional film set.</p> </div> 223 </div> 224 </div> 225 </div> 226</section> 227 228<section id="virtual_4"> 229 <div class="container-fluid"> 230 <div class="row"> 231 <div class="col-12"> 232 233 234 <div class="accordion accordion-flush" id="ac_mgx"> 235 <div class="accordion-item"> 236 <div class="container"> 237 <div class="row justify-content-center"> 238 <div class="col-12 col-md-10"> 239 <h2 class="accordion-header" id="h0"> 240 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c0" aria-expanded="false" aria-controls="c0"> 241 Focus on the advantages of technology. </button> 242 </h2> 243 <div id="c0" class="accordion-collapse collapse" aria-labelledby="h0" data-bs-parent="#ac_mgx"> 244 <div class="accordion-body"> 245 <p>If you understand what is possible in Virtual Production, you can achieve far more impressive results. The biggest investment goes into technology such as LED screens and render nodes, while virtual locations are much more cost-effective than physical sets. Once you choose a virtual studio, you can push your project beyond its usual limits.</p> </div> 246 </div> 247 </div> 248 </div> 249 </div> 250 </div> 251 <div class="accordion-item"> 252 <div class="container"> 253 <div class="row justify-content-center"> 254 <div class="col-12 col-md-10"> 255 <h2 class="accordion-header" id="h1"> 256 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c1" aria-expanded="false" aria-controls="c1"> 257 Build whatever you can imagine. </button> 258 </h2> 259 <div id="c1" class="accordion-collapse collapse" aria-labelledby="h1" data-bs-parent="#ac_mgx"> 260 <div class="accordion-body"> 261 <p>Virtual Production is not just about lowering costs; it expands what you can shoot. Without the material and construction limits of physical sets, you can create bigger and more spectacular scenes. You can use expensive surfaces like gold or marble, or build structures that would be impossible in the real world. You only pay for the work of Unreal Engine artists.</p> </div> 262 </div> 263 </div> 264 </div> 265 </div> 266 </div> 267 <div class="accordion-item"> 268 <div class="container"> 269 <div class="row justify-content-center"> 270 <div class="col-12 col-md-10"> 271 <h2 class="accordion-header" id="h2"> 272 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c2" aria-expanded="false" aria-controls="c2"> 273 Use camera movement. </button> 274 </h2> 275 <div id="c2" class="accordion-collapse collapse" aria-labelledby="h2" data-bs-parent="#ac_mgx"> 276 <div class="accordion-body"> 277 <p>Virtual Production is designed for moving cameras. With camera tracking, the image on the LED screen is rendered in real time based on the camera's position and angle. The stronger the perspective and parallax, the more convincing the illusion. Steadicams, techno cranes and motion-control robots work seamlessly with Virtual Production.</p> </div> 278 </div> 279 </div> 280 </div> 281 </div> 282 </div> 283 <div class="accordion-item"> 284 <div class="container"> 285 <div class="row justify-content-center"> 286 <div class="col-12 col-md-10"> 287 <h2 class="accordion-header" id="h3"> 288 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c3" aria-expanded="false" aria-controls="c3"> 289 Push beyond physical limits. </button> 290 </h2> 291 <div id="c3" class="accordion-collapse collapse" aria-labelledby="h3" data-bs-parent="#ac_mgx"> 292 <div class="accordion-body"> 293 <p>
293Because the live image on the LED screen is rendered by a game engine, anything possible in a video game is possible in Virtual Production. You can turn gravity on or off, place objects in impossible positions, and animate them freely.</p> </div> 294 </div> 295 </div> 296 </div> 297 </div> 298 </div> 299 <div class="accordion-item"> 300 <div class="container"> 301 <div class="row justify-content-center"> 302 <div class="col-12 col-md-10"> 303 <h2 class="accordion-header" id="h4"> 304 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c4" aria-expanded="false" aria-controls="c4"> 305 Control weather, time of day and season. </button> 306 </h2> 307 <div id="c4" class="accordion-collapse collapse" aria-labelledby="h4" data-bs-parent="#ac_mgx"> 308 <div class="accordion-body"> 309 <p>In Virtual Production, time of day, weather and season are entirely under your control. You can shoot golden-hour light all day long, create a night scene at noon, or even show all four seasons in a single day. You no longer have to adapt to sun position or weather conditions, so your shooting schedule becomes far more reliable. This saves both time and budget and gives a more predictable result.</p> </div> 310 </div> 311 </div> 312 </div> 313 </div> 314 </div> 315 <div class="accordion-item"> 316 <div class="container"> 317 <div class="row justify-content-center"> 318 <div class="col-12 col-md-10"> 319 <h2 class="accordion-header" id="h5"> 320 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c5" aria-expanded="false" aria-controls="c5"> 321 Use exotic and striking locations. </button> 322 </h2> 323 <div id="c5" class="accordion-collapse collapse" aria-labelledby="h5" data-bs-parent="#ac_mgx"> 324 <div class="accordion-body"> 325 <p>You no longer need to travel the world to shoot in different locations. You can make your film far more varied and compelling, filming in the Arctic, a desert and a tropical forest on the same day.</p> </div> 326 </div> 327 </div> 328 </div> 329 </div> 330 </div> 331 <div class="accordion-item"> 332 <div class="container"> 333 <div class="row justify-content-center"> 334 <div class="col-12 col-md-10"> 335 <h2 class="accordion-header" id="h6"> 336 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c6" aria-expanded="false" aria-controls="c6"> 337 Use vertical angles. </button> 338 </h2> 339 <div id="c6" class="accordion-collapse collapse" aria-labelledby="h6" data-bs-parent="#ac_mgx"> 340 <div class="accordion-body"> 341 <p>Although the LED screen stands on the floor, it acts as a virtual window for the camera. If you place the virtual location above ground level, the camera really sees it from that height. For example, you can create a rooftop scene and, as the camera moves up, reveal what is below roof level, or climb to the top of a windmill.</p> </div> 342 </div> 343 </div> 344 </div> 345 </div> 346 </div> 347 <div class="accordion-item"> 348 <div class="container"> 349 <div class="row justify-content-center"> 350 <div class="col-12 col-md-10"> 351 <h2 class="accordion-header" id="h7"> 352 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c7" aria-expanded="false" aria-controls="c7"> 353 Plan set design wisely. </button> 354 </h2> 355 <div id="c7" class="accordion-collapse collapse" aria-labelledby="h7" data-bs-parent="#ac_mgx"> 356 <div class="accordion-body"> 357 <p>Changing a virtual scene takes only minutes, but the large LED screen cannot be moved. Any change to the physical part of the set must therefore happen in front of the screen during the shoot. In film production, time is money, so set design must be planned carefully. Anything actors touch or use should be built physically; elements that stay in the background can remain virtual. Physical details make the shot more realistic, so finding the right balance is essential.</p> </div> 358 </div> 359 </div> 360 </div> 361 </div> 362 </div> 363 364 365 366 </div> 367 368 </div> 369 </div> 370 </div> 371</section> 372 373<section id="virtual_5"> 374 <div class="container-fluid"> 375 <div class="row"> 376 377 <div class="col-6 col-lg-4"> 378 <div class="logo"> 379 <img class="mb-3 wow fadeInDown" data-wow-duration="1s" data-wow-delay="0" src="assets/upload/partner/167899927263.png" alt=""> 380 <p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">2.6 mm 1500 nit Pure Black HDR LED.</p> 381 </div> 382 </div> 383 384 <div class="col-6 col-lg-4"> 385 <div class="logo"> 386 <img class="mb-3 wow fadeInDown" data-wow-duration="1s" data-wow-delay="0" src="assets/upload/partner/167899930895.png" alt=""> 387 <p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">3x Tessera SX40 HDRA 12 bit 250 fps LED processor and technology partnership</p> 388 </div> 389 </div> 390 391 <div class="col-6 col-lg-4"> 392 <div class="logo"> 393 <img class="mb-3 wow fadeInDown" data-wow-duration="1s" data-wow-delay="0" src="assets/upload/partner/167899933351.png" alt=""> 394 <p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">Software and media server hardware for virtual production</p> 395 </div> 396 </div> 397 398 <div class="col-6 col-lg-4"> 399 <div class="logo"> 400 <img class="mb-3 wow fadeInDown" data-wow-duration="1s" data-wow-delay="0" src="assets/upload/partner/167899935691.png" alt=""> 401 <p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">UDN cooperation for development and a Professional crew network for content creating.</p> 402 </div> 403 </div> 404 405 <div class="col-6 col-lg-4"> 406 <div class="logo"> 407 <img class="mb-3 wow fadeInDown" data-wow-duration="1s" data-wow-delay="0" src="assets/upload/partner/167899977239.png" alt=""> 408 <p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">Mo-Sys camera tracking system</p> 409 </div> 410 </div> 411 412 <div class="col-6 col-lg-4"> 413 <div class="logo"> 414 <img class="mb-3 wow fadeInDown" data-wow-duration="1s" data-wow-delay="0" src="assets/upload/partner/167900041838.png" alt=""> 415 <p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">Privilege of having early access and opportunity of R&D by reaching NVIDIAâs technology with NVIDIA Developer Program membership</p> 416 </div> 417 </div> 418 </div> 419 </div> 420</section> 421 422<section id="virtual_6"> 423 <div class="container-fluid"> 424 <div class="row justify-content-center"> 425 <div class="col-12 col-lg-10 cnt"> 426 <h2>Education Collaborations</h2> 427 <p>As MGX Studio; we know the importance of education. We train qualified personel and the right teams in the field of virtual production.</p><p>We provide training for software such as Unreal Engine, Disguise etc. for university education curricula. We train college-level flu teams to combine the classic with the new.</p><p>We are expanding our education network.</p> </div> 428 </div> 429 <div class="row"> 430 431 <div class="col-4"> 432 <div class="logo"> 433 <a href="https://www.istinye.edu.tr" target="_blank"><img class="w-100 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0" src="assets/upload/partner/167899998668.svg" alt=""></a> 434 <p>İstinye University</p> 435 </div> 436 </div> 437 438 <div class="col-4"> 439 <div class="logo"> 440 <a href="https://arel.edu.tr/en/" target="_blank"><img class="w-100 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0" src="assets/upload/partner/178188215410.svg" alt=""></a> 441 <p>Arel University</p> 442 </div> 443 </div> 444 445 <div class="col-4"> 446 <div class="logo"> 447 <a href="https://bau.edu.tr/" target="_blank"><img class="w-100 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0" src="assets/upload/partner/167899989445.svg" alt=""></a> 448 <p>
448BahçeÅehir University</p> 449 </div> 450 </div> 451 452 <div class="col-4"> 453 <div class="logo"> 454 <a href="https://www.topkapi.edu.tr" target="_blank"><img class="w-100 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0" src="assets/upload/partner/167899994139.svg" alt=""></a> 455 <p>Topkapı University</p> 456 </div> 457 </div> 458 </div> 459 </div> 460</section> 461<footer> 462 <div class="container-fluid"> 463 <div class="row align-items-center pes-3"> 464 <div class="col-12 col-lg-4 order-2 order-lg-1"> 465 <ul class="menus"> 466 <li><a href="mgx-studio-services" title="Services">Services</a></li> 467 <li><a href="contact" title="Contact">Contact</a></li> 468 <li><a href="faq" title="F.A.Q.">F.A.Q.</a></li> 469 </ul> 470 </div> 471 <div class="col-12 col-lg-4 order-1 order-lg-2 text-center logo"> 472 <img src="assets/img/logo_black.svg?v=1723733915" alt="MGX Studio"> 473 </div> 474 <div class="col-12 col-lg-4 order-3 text-end"> 475 <ul class="smedia d-inline-block"> 476 <li><a href="https://www.facebook.com/studiomgx" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li> 477 <li><a href="https://www.instagram.com/studio.mgx/" target="_blank"><i class="fa-brands fa-instagram"></i></a></li> 478 <li><a href="https://www.youtube.com/@mgxstudio" target="_blank"><i class="fa-brands fa-youtube"></i></a></li> 479 <li><a href="https://www.linkedin.com/company/studio-mgx" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a></li> 480 </ul> 481 </div> 482 </div> 483 <div class="row align-items-center pes-3 mt-3"> 484 <div class="col-12 col-lg-4 order-2 order-lg-1"> 485 <ul class="terms"> 486 <li><a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#privacyModal" title="">Privacy Policy</a></li> 487 <li><a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#termsModal" title="">Terms of Use</a></li> 488 </ul> 489 </div> 490 <div class="col-12 col-lg-4 order-3 order-lg-2 cptxt text-center"> 491 <p>All Rights Reserved â MGX Studio 2026</p> 492 </div> 493 <div class="col-12 col-lg-4 order-1 order-lg-3 text-end"> 494 <div class="tel"> 495 <a href="tel:0530 555 47 77"> 496 <i class="fa-solid fa-phone-volume"></i> 497 <span>0530 555 47 77</span> 498 </a> 499 </div> 500 </div> 501 </div> 502 </div> 503 <div class="container-fluid"> 504 <!--<div class="row"> 505 <div class="col-12 text-center"> 506 <a class="d-inline-block" href="https://www.studiomgx.com/" target="_blank"><img src="assets/img/logo_black.svg?v=1723733915" alt="MGX Studio" style="width: 65%"></a> 507 </div> 508 </div>--> 509 </div> 510</footer> 511 512<!-- Demo Request Modal --> 513<div class="modal fade" id="demoModal" tabindex="-1" aria-labelledby="demoModalLabel" aria-hidden="true"> 514 <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable"> 515 <div class="modal-content"> 516 <div class="modal-header"> 517 <div> 518 <h1 class="modal-title fs-5" id="demoModalLabel">Appointment Request</h1> 519 <p class="mb-0 text-muted">Please fill out the form below without leaving any spaces to request an appointment and provide an interview.</p> 520 </div> 521 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 522 </div> 523 <div id="demoForm-result" class="px-4 px-md-5 pt-3 pb-0"></div> 524 <div class="modal-body position-relative p-4 p-md-5 pt-2"> 525 <form action="#" method="post" id="demoForm" class="p-relative d-block fileUpload" enctype="multipart/form-data"> 526 <input type="hidden" name="mgx_lang_demo" id="mgx_lang_demo" value="en"> 527 <input type="hidden" name="range_start" value="84"> 528 <input type="hidden" name="range_end" value="90"> 529 <input type="hidden" name="range_token" value="7baca482c37ebf82fb6692c6a31529e1a15a1bf1516d3604327f6bb89325da88"> 530 <div class="row g-4"> 531 <div class="col-12 col-md-6 mb-4 form-group"> 532 <label for="mgx_fname">Name*</label> 533 <div class="field-input"> 534 <input type="text" name="mgx_fname_demo" id="mgx_fname_demo" class="form-control"> 535 </div> 536 </div> 537 <div class="col-12 col-md-6 mb-4 form-group"> 538 <label class="mgx_lname">Mail*</label> 539 <div class="field-input"> 540 <input type="text" name="mgx_mail_demo" id="mgx_mail_demo" class="form-control"> 541 </div> 542 </div> 543 <div class="col-12 col-md-6 mb-4 form-group"> 544 <label for="mgx_phone">Phone Number*</label> 545 <div class="field-input"> 546 <input type="text" name="mgx_phone_demo" id="mgx_phone_demo" class="form-control"> 547 </div> 548 </div> 549 <div class="col-12 col-md-6 mb-4 form-group"> 550 <label for="mgx_subject_demo">Subject*</label> 551 <div class="field-input"> 552 <select class="w-100" name="mgx_subject_demo" id ="mgx_subject_demo" aria-label="Default select example"> 553 <option selected value="0">Select</option> 554 <option value="Film">Film</option> 555 <option value="Tv Series">Tv Series</option> 556 <option value="Event">Event</option> 557 <option value="Advertisement">Advertisement</option> 558 <option value="Fashion Shooting">Fashion Shooting</option> 559 <option value="Other">Other</option> 560 </select> 561 </div> 562 </div> 563 <div class="col-12 mb-4 form-group"> 564 <label for="mgx_notes_demo">Notes*</label> 565 <div class="field-input"> 566 <textarea name="mgx_notes_demo" rows="3" id="mgx_notes_demo" class="form-control" placeholder="Notes about your demo shoot."></textarea> 567 </div> 568 </div> 569 570 <div class="form-group col-lg-12 col-md-12 col-sm-12 mb-4"> 571 <dl class="form__group mb-0"> 572 <dt><label for="attachment">Upload File (pdf, ppt, key, mp4, jpg)</label></dt> 573 <dd> 574 <label for="file_demo" class="" style="width:100%"> 575 <input type="file" name="file[]" multiple id="file_demo" class="form-control form-control-lg form-control-solid" accept=".pdf,.ppt,.mp4,.jpg,.jpeg,.key" > 576 </label> 577 <ul class="form__files p-0 mt-2 mb-0" id="attachment-files"></ul> 578 </dd> 579 </dl> 580 </div> 581 582 <div class="form-group col-lg-12 col-md-12 col-sm-12 mb-4"> 583 <div class="form-check"> 584 <input class="form-check-input" type="checkbox" value="1" id="flexCheckDefaultDemo" name="flexCheckDefaultDemo"> 585 <label class="form-check-label" for="flexCheckDefaultDemo"> 586 I would like to be informed about all campaigns of MGX Studio by phone and email. </label> 587 </div> 588 </div> 589 <div class="form-group col-lg-12 col-md-12 col-sm-12"> 590 <div class="mgx-slider-wrap light" id="sliderWrapDemo"> 591 <div class="mgx-slider-track" id="sliderTrackDemo"></div> 592 <div class="mgx-slider-target-zone" id="sliderTargetZoneDemo" style="left:84%;width:6%;"></div> 593 <div class="mgx-slider-label" id="sliderLabelDemo"><i class="fa-solid fa-paper-plane me-1"></i> Send</div> 594 <div class="mgx-slider-thumb" id="sliderThumbDemo" style="left: 4px;"> 595 <i class="fa-solid fa-paper-plane" id="sliderIconDemo"></i> 596 </div> 597 <input type="range" class="form-range" id="mgx_slider_demo" name="slider" min="0" max="100" value="
5970" style="position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.01;cursor:pointer;z-index:3;"> 598 </div> 599 <div id="sliderHataDemo" class="text-danger small mt-1 d-none">Drag the ring into the target zone and release to send</div> 600 <div id="sliderInfoDemo" class="text-success small mt-2 fw-semibold d-none"> 601 <span class="pulse-dot"></span> 602 Release to send </div> 603 </div> 604 </div> 605 606 <div id="demoFormSending" class="demo-form-sending d-none"> 607 <div class="spinner-border text-primary mb-3" role="status"></div> 608 <div class="h5 fw-bold mb-1">Sending your request...</div> 609 <div class="text-muted small">Please wait...</div> 610 </div> 611 612 </div> 613 <div class="modal-footer d-none"> 614 <button type="button" id="sendFormDemo" class="btn btn-primary" disabled>Send</button> 615 </div> 616 </form> 617 </div> 618 </div> 619</div> 620 621<style> 622.demo-form-sending { 623 position: absolute; 624 top: 0; 625 left: 0; 626 right: 0; 627 bottom: 0; 628 background: rgba(255, 255, 255, 0.95); 629 z-index: 10; 630 display: flex; 631 flex-direction: column; 632 align-items: center; 633 justify-content: center; 634 border-radius: 0.475rem; 635 text-align: center; 636 padding: 2rem; 637} 638 639.pulse-dot { 640 display: inline-block; 641 width: 8px; 642 height: 8px; 643 border-radius: 50%; 644 background: #50cd89; 645 margin-right: 6px; 646 animation: mgxPulse 1s infinite; 647 vertical-align: middle; 648} 649@keyframes mgxPulse { 650 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(80, 205, 137, 0.7); } 651 70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(80, 205, 137, 0); } 652 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(80, 205, 137, 0); } 653} 654 655#demoModal .modal-content { 656 border-radius: 1rem; 657 border: none; 658 box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); 659} 660#demoModal .modal-header { 661 padding: 1.75rem 2rem; 662 border-bottom: 1px solid #eff2f5; 663} 664#demoModal .modal-body { 665 padding: 2rem; 666} 667@media (min-width: 768px) { 668 #demoModal .modal-body { 669 padding: 2.5rem; 670 } 671} 672#demoModal .form-group { 673 margin-bottom: 0; 674} 675#demoModal .form-control, 676#demoModal select { 677 min-height: 44px; 678} 679#demoModal .modal-footer { 680 padding: 1.25rem 2rem; 681} 682#demoForm-result:empty { 683 display: none; 684 padding: 0; 685} 686#demoForm-result:not(:empty) { 687 background: #ffffff; 688 border-bottom: 1px solid #eff2f5; 689} 690#demoForm-result .alert { 691 margin-bottom: 0; 692} 693</style> 694 695 696<!-- Privacy Modal --> 697<div class="modal fade" id="privacyModal" tabindex="-1" aria-labelledby="privacyModalLabel" aria-hidden="true"> 698 <div class="modal-dialog modal-dialog-centered"> 699 <div class="modal-content"> 700 <div class="modal-header"> 701 <h1 class="modal-title fs-5" id="privacyModalLabel">Privacy Policy</h1> 702 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 703 </div> 704 <div class="modal-body"> 705 <p>Preparing</p> </div> 706 <div class="modal-footer"></div> 707 </div> 708 </div> 709</div> 710 711 712<!-- Terms Modal --> 713<div class="modal fade" id="termsModal" tabindex="-1" aria-labelledby="termsModalLabel" aria-hidden="true"> 714 <div class="modal-dialog modal-dialog-centered"> 715 <div class="modal-content"> 716 <div class="modal-header"> 717 <h1 class="modal-title fs-5" id="termsModalLabel">Terms of Use</h1> 718 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 719 </div> 720 <div class="modal-body"> 721 <p>Preparing</p> </div> 722 <div class="modal-footer"></div> 723 </div> 724 </div> 725</div> 726 727 728<div id="go-bottom" onclick="goBottomFunction();" class="mobile-none go-bottom" style="visibility: visible; display: block;"><i class="fa-solid fa-chevron-down"></i></div> 729
730<script src="assets/js/jquery-3.6.0.min.js?v=260618"></script>
vendor: 1 bytes, line 730
730
731<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.countdown/2.2.0/jquery.countdown.min.js"></script>
vendor: 1 bytes, line 731
731
732<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
vendor: 1 bytes, line 732
732
733<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
vendor: 1 bytes, line 733
733
734<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
734 735<!--
735<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>
735-->
736<script src="assets/js/fancybox.min.js?v=260618"></script>
vendor: 1 bytes, line 736
736
737<script src="assets/js/jquery.nice-select.js?v=260618"></script>
vendor: 1 bytes, line 737
737
738<script src="assets/js/attachment.js?v=260618"></script>
vendor: 1 bytes, line 738
738
739<script src="assets/js/theme-vendors.min.js?v=260618"></script>
vendor: 1 bytes, line 739
739
740<script src="assets/js/menu.js?v=260618"></script>
vendor: 1 bytes, line 740
740
741<script src="https://cdnjs.cloudflare.com/ajax/libs/fitvids/1.2.0/jquery.fitvids.min.js"></script>
vendor: 1 bytes, line 741
741
742<script src="assets/js/custom.js?v=260618"></script>
742 743
744<script> 745 $(window).on('scroll', function () { 746 if ($(window).scrollTop() > 50) { 747 $('.header-top').addClass('header-fixed'); 748 } 749 else { 750 $('.header-top').removeClass('header-fixed'); 751 } 752 }); 753 754 //go-bottom start 755 var mybutton = document.getElementById("go-bottom"); 756 // When the user scrolls down 200px from the top of the document, show the button 757 window.onscroll = function() {scrollFunction()}; 758 759 function scrollFunction() { 760 if (document.body.scrollTop > 200 || document.documentElement.scrollTop > 200) { 761 mybutton.style.display = "none"; 762 } else { 763 mybutton.style.display = "block"; 764 } 765 } 766 767 // When the user clicks on the button, scroll to the top of the document 768 function topFunction() { 769 document.body.scrollTop = 0; 770 document.documentElement.scrollTop = 0; 771 } 772 //go-bottom end 773 774 function goBottomFunction() { 775 $("html, body").animate({ scrollTop: 250}, 3000); 776 } 777 //go-bottom end 778 779 780 781 var swiper_1 = new Swiper(".main-swiper", { 782 loop: true, 783 speed: 1000, 784 grabCursor: true, 785 watchSlidesProgress: true, 786 mousewheelControl: true, 787 keyboardControl: true, 788 effect: "fade", 789 direction: "vertical", 790 pagination: { 791 el: ".swiper-pagination", 792 clickable: true, 793 } 794 }); 795 var swiper_2 = new Swiper(".virtualGaleri", { 796 autoplay: false, 797 loop: false, 798 speed: 2000, 799 /*autoplay: { 800 delay: 2500, 801 disableOnInteraction: false, 802 },*/ 803 breakpoints: { 804 // when window width is >= 320px 805 320: { 806 slidesPerView: 1, 807 spaceBetween: 0 808 }, 809 // when window width is >= 640px 810 991: { 811 slidesPerView: "auto", 812 spaceBetween: 30, 813 } 814 }, 815 navigation: { 816 nextEl: ".virtualGaleri-button-next", 817 prevEl: ".virtualGaleri-button-prev", 818 }, 819 }); 820 821 /*var swiper_3 = new Swiper(".directorsSwiper", { 822 slidesPerView: 1, 823 loop: true, 824 breakpoints: { 825 1024: { 826 slidesPerView: 3 827 }, 828 }, 829 navigation: { 830 nextEl: ".directorsSwiper-button-next", 831 prevEl: ".directorsSwiper-button-prev", 832 }, 833 }); 834 */ 835 836 var swiper_4 = new Swiper(".studioSwiper", { 837 direction: 'vertical', 838 effect: 'fade', 839 slidesPerView: 1, 840 spaceBetween: 30, 841 mousewheel: { 842 //forceToAxis: true, 843 //sensitivity: 1, 844 releaseOnEdges: true, 845 }, 846 pagination: { 847 el: '.swiper-pagination', 848 clickable: true, 849 }, 850 on: { 851 transitionStart: function(){ 852 853 var videos = document.querySelectorAll('video'); 854 855 Array.prototype.forEach.call(videos, function(video){ 856 video.pause(); 857 }); 858 }, 859 860 transitionEnd: function(){ 861 862 var activeIndex = this.activeIndex; 863 var activeSlide = document.getElementsByClassName('swiper-slide')[activeIndex]; 864 var activeSlideVideo = activeSlide.getElementsByTagName('video')[0]; 865 activeSlideVideo.play(); 866 867 }, 868 869 } 870 }); 871 872 var swiper_5 = new Swiper(".beafSwiper", { 873 allowTouchMove:false, 874 navigation: { 875 nextEl: ".swiper-button-next", 876 prevEl: ".swiper-button-prev", 877 }, 878 }); 879 880 var swiper_6 = new Swiper(".studioSwiper_2", { 881 effect: 'fade', 882 direction: "vertical", 883 speed: 1, 884 spaceBetween: 100, 885 mousewheel: { 886 enable: true, 887 sensitivity: 100, 888 releaseOnEdges: true, 889 }, 890 keyboard: { 891 enabled: true 892 }, 893 pagination: { 894 el: ".swiper-pagination", 895 clickable: true, 896 } 897 }); 898 899 var swiper_7 = new Swiper(".main-swiper_studio_mobil", { 900 loop: true, 901 speed: 1000, 902 grabCursor: true, 903 watchSlidesProgress: true, 904 mousewheelControl: true, 905 keyboardControl: true, 906 effect: "fade", 907 direction: "vertical", 908 pagination: { 909 el: ".swiper-pagination", 910 clickable: true, 911 } 912 }); 913 914 915 var swiper = new Swiper(".mySwiper", { 916 spaceBetween: 10, 917 slidesPerView: 4, 918 freeMode: true, 919 watchSlidesProgress: true, 920 }); 921 /* 922 var swiper2 = new Swiper(".mySwiper2", { 923 loop:true, 924 spaceBetween: 10, 925 navigation: { 926 nextEl: ".swiper-button-next", 927 prevEl: ".swiper-button-prev", 928 }, 929 thumbs: { 930 swiper: swiper, 931 }, 932 }); 933 */ 934 935 var galleryTop = new Swiper('.gallery-top', { 936 spaceBetween: 10, 937 navigation: { 938 nextEl: '.swiper-button-next', 939 prevEl: '.swiper-button-prev', 940 }, 941 loop: true, 942 loopedSlides: 4 943 }); 944 var galleryThumbs = new Swiper('.gallery-thumbs', { 945 spaceBetween: 10, 946 centeredSlides: true, 947 slidesPerView: 'auto', 948 touchRatio: 0.2, 949 slideToClickedSlide: true, 950 loop: true, 951 loopedSlides: 4 952 }); 953 galleryTop.controller.control = galleryThumbs; 954 galleryThumbs.controller.control = galleryTop; 955 956 957</script>
957 958
959<script src="assets/js/before-after.js?v=260618"></script>
vendor: 1 bytes, line 959
959
960<script> 961 new BeforeAfter({id: '#one_1'});new BeforeAfter({id: '#one_2'});new BeforeAfter({id: '#one_3'});new BeforeAfter({id: '#one_4'});</script>
961 962
963<script> 964 $(document).ready(function(){ 965 // Demo slider 966 var demoRangeStart = 84; 967 var demoRangeEnd = 90; 968 var THUMB_W = 36; 969 var sliderDemo = document.getElementById('mgx_slider_demo'); 970 var sliderTrackDemo = document.getElementById('sliderTrackDemo'); 971 var sliderThumbDemo = document.getElementById('sliderThumbDemo'); 972 var sliderIconDemo = document.getElementById('sliderIconDemo'); 973 var sliderLabelDemo = document.getElementById('sliderLabelDemo'); 974 var sliderHataDemo = document.getElementById('sliderHataDemo'); 975 var sliderInfoDemo = document.getElementById('sliderInfoDemo'); 976 var demoFormSending = document.getElementById('demoFormSending'); 977 var isSubmittingDemo = false; 978 979 function getWrapWidthDemo() { 980 var w = document.getElementById('sliderWrapDemo').offsetWidth; 981 return (!w || w < 100) ? 300 : w; 982 } 983 984 function getTargetLeftPxDemo() { 985 return (demoRangeStart / 100) * getWrapWidthDemo(); 986 } 987 988 function getThumbLeftPxDemo(val) { 989 return 4 + (val / 100) * (getWrapWidthDemo() - THUMB_W - 8); 990 } 991 992 function checkFormDemo() { 993 var fnameEl = document.getElementById('mgx_fname_demo'); 994 var mailEl = document.getElementById('mgx_mail_demo'); 995 var phoneEl = document.getElementById('mgx_phone_demo'); 996 var subjectEl = document.getElementById('mgx_subject_demo'); 997 var notesEl = document.getElementById('mgx_notes_demo'); 998 var checkboxEl = document.getElementById('flexCheckDefaultDemo'); 999 if (!fnameEl || !mailEl || !phoneEl || !subjectEl || !notesEl || !checkboxEl || !sliderDemo) { 1000 return { fieldsOk: false, sliderValid: false }; 1001 } 1002 var fname = fnameEl.value.trim(); 1003 var mail = mailEl.value.trim(); 1004 var phone = phoneEl.value.trim(); 1005 var subjectVal = subjectEl.value; 1006 var subject = (subjectVal && subjectVal !== '0') ? subjectVal.trim() : ''; 1007 var notes = notesEl.value.trim(); 1008 var checkbox = checkboxEl.checked; 1009 var sliderVal = parseInt(sliderDemo.value, 10); 1010 var thumbCenterPx = getThumbLeftPxDemo(sliderVal) + THUMB_W / 2; 1011 var targetLeftPx = getTargetLeftPxDemo(); 1012 var targetRightPx = targetLeftPx + ((demoRangeEnd - demoRangeStart) / 100) * getWrapWidthDemo(); 1013 var fieldsOk = fname && mail && phone && subject && notes; 1014 var sliderValid = (thumbCenterPx >= targetLeftPx && thumbCenterPx <= targetRightPx); 1015 return { fieldsOk: fieldsOk, sliderValid: sliderValid }; 1016 } 1017 1018 function resetSliderDemo() { 1019 sliderDemo.value = 0; 1020 isSubmittingDemo = false; 1021 if (demoFormSending) demoFormSending.classList.add('d-none'); 1022 updateSliderVisualsDemo(); 1023 } 1024 1025 function updateSliderVisualsDemo() { 1026 if (!sliderDemo || !sliderTrackDemo || !sliderThumbDemo || !sliderLabelDemo) return; 1027 var val = parseInt(sliderDemo.value, 10); 1028 var pct = val + '%'; 1029 sliderTrackDemo.style.width = pct; 1030 var leftPos = getThumbLeftPxDemo(val); 1031 sliderThumbDemo.style.left = leftPos + 'px'; 1032 var thumbCenterPx = leftPos + THUMB_W / 2; 1033 var targetLeftPx = getTargetLeftPxDemo(); 1034 var targetRightPx = targetLeftPx + ((demoRangeEnd - demoRangeStart) / 100) * getWrapWidthDemo(); 1035 if (thumbCenterPx >= targetLeftPx && thumbCenterPx <= targetRightPx) { 1036 sliderTrackDemo.classList.add('success'); 1037 sliderThumbDemo.classList.add('success'); 1038 if (sliderIconDemo) sliderIconDemo.className = 'fa-solid fa-check'; 1039 if (isSubmittingDemo) { 1040 sliderLabelDemo.innerHTML = '<i class="fa-solid fa-spinner fa-spin me-1"></i> Sending...'; 1041 if (sliderInfoDemo) sliderInfoDemo.innerHTML = '<span class="pulse-dot"></span> Sending your request...'; 1042 } else { 1043 sliderLabelDemo.innerHTML = '<i class="fa-solid fa-check me-1"></i> Send'; 1044 if (sliderInfoDemo) sliderInfoDemo.innerHTML = '<span class="pulse-dot"></span> Release to send'; 1045 } 1046 if (sliderHataDemo) sliderHataDemo.classList.add('d-none'); 1047 if (sliderInfoDemo) sliderInfoDemo.classList.remove('d-none'); 1048 } else { 1049 sliderTrackDemo.classList.remove('success'); 1050 sliderThumbDemo.classList.remove('success'); 1051 if (sliderIconDemo) sliderIconDemo.className = 'fa-solid fa-paper-plane'; 1052 sliderLabelDemo.innerHTML = '<i class="fa-solid fa-paper-plane me-1"></i> Send'; 1053 if (sliderInfoDemo) sliderInfoDemo.classList.add('d-none'); 1054 } 1055 } 1056 1057 function sha256(ascii) { 1058 function rightRotate(value, amount) { 1059 return (value >>> amount) | (value << (32 - amount)); 1060 } 1061 var mathPow = Math.pow; 1062 var maxWord = mathPow(2, 32); 1063 var lengthProperty = 'length'; 1064 var i, j; 1065 var result = ''; 1066 var words = []; 1067 var asciiBitLength = ascii[lengthProperty] * 8; 1068 var hash = sha256.h = sha256.h || []; 1069 var k = sha256.k = sha256.k || []; 1070 var primeCounter = k[lengthProperty]; 1071 var isComposite = {}; 1072 for (var candidate = 2; primeCounter < 64;
1072 candidate++) { 1073 if (!isComposite[candidate]) { 1074 for (i = 0; i < 313; i += candidate) { 1075 isComposite[i] = candidate; 1076 } 1077 hash[primeCounter] = (mathPow(candidate, .5) * maxWord) | 0; 1078 k[primeCounter++] = (mathPow(candidate, 1 / 3) * maxWord) | 0; 1079 } 1080 } 1081 ascii += '\x80'; 1082 while (ascii[lengthProperty] % 64 - 56) ascii += '\x00'; 1083 for (i = 0; i < ascii[lengthProperty]; i++) { 1084 j = ascii.charCodeAt(i); 1085 if (j >> 8) return; 1086 words[i >> 2] |= j << ((3 - i) % 4) * 8; 1087 } 1088 words[words[lengthProperty]] = ((asciiBitLength / maxWord) | 0); 1089 words[words[lengthProperty]] = (asciiBitLength); 1090 for (j = 0; j < words[lengthProperty];) { 1091 var w = words.slice(j, j += 16); 1092 var oldHash = hash; 1093 hash = hash.slice(0, 8); 1094 for (i = 0; i < 64; i++) { 1095 var i2 = i + j; 1096 var w15 = w[i - 15], w2 = w[i - 2]; 1097 var a = hash[0], e = hash[4]; 1098 var temp1 = hash[7] 1099 + (rightRotate(e, 6) ^ rightRotate(e, 11) ^ rightRotate(e, 25)) 1100 + ((e & hash[5]) ^ ((~e) & hash[6])) 1101 + k[i] 1102 + (w[i] = (i < 16) ? w[i] : ( 1103 w[i - 16] 1104 + (rightRotate(w15, 7) ^ rightRotate(w15, 18) ^ (w15 >>> 3)) 1105 + w[i - 7] 1106 + (rightRotate(w2, 17) ^ rightRotate(w2, 19) ^ (w2 >>> 10)) 1107 ) | 0 1108 ); 1109 var temp2 = (rightRotate(a, 2) ^ rightRotate(a, 13) ^ rightRotate(a, 22)) 1110 + ((a & hash[1]) ^ (a & hash[2]) ^ (hash[1] & hash[2])); 1111 hash = [(temp1 + temp2) | 0].concat(hash); 1112 hash[4] = (hash[4] + temp1) | 0; 1113 } 1114 for (i = 0; i < 8; i++) { 1115 hash[i] = (hash[i] + oldHash[i]) | 0; 1116 } 1117 } 1118 for (i = 0; i < 8; i++) { 1119 for (j = 3; j + 1; j--) { 1120 var b = (hash[i] >> (j * 8)) & 255; 1121 result += ((b < 16) ? 0 : '') + b.toString(16); 1122 } 1123 } 1124 return result; 1125 } 1126 1127 function trySubmitDemo() { 1128 if (isSubmittingDemo) return; 1129 var status = checkFormDemo(); 1130 if (!status.fieldsOk) { 1131 $("#demoForm-result").html('<div class="alert alert-warning" role="alert">Please fill in all required fields.</div>'); 1132 resetSliderDemo(); 1133 return; 1134 } 1135 if (!status.sliderValid) { 1136 sliderHataDemo.classList.remove('d-none'); 1137 $("#demoForm-result").html('<div class="alert alert-warning" role="alert">Please drag the ring into the target zone.</div>'); 1138 return; 1139 } 1140 isSubmittingDemo = true; 1141 if (sliderHataDemo) sliderHataDemo.classList.add('d-none'); 1142 if (sliderInfoDemo) sliderInfoDemo.classList.remove('d-none'); 1143 updateSliderVisualsDemo(); 1144 if (demoFormSending) demoFormSending.classList.remove('d-none'); 1145 1146 var tokenJs = '7baca482c37ebf82fb6692c6a31529e1a15a1bf1516d3604327f6bb89325da88'; 1147 var sliderValToSend = demoRangeStart + Math.round((demoRangeEnd - demoRangeStart) / 2); 1148 1149 var demoForm = document.getElementById('demoForm'); 1150 var rangeEndInput = demoForm ? demoForm.querySelector('input[name="range_end"]') : null; 1151 var rangeTokenInput = demoForm ? demoForm.querySelector('input[name="range_token"]') : null; 1152 if (rangeEndInput) rangeEndInput.value = demoRangeEnd; 1153 if (rangeTokenInput) rangeTokenInput.value = tokenJs; 1154 sliderDemo.value = sliderValToSend; 1155 1156 var formData = new FormData(document.getElementById('demoForm')); 1157 $.ajax({ 1158 type: 'POST', 1159 url: 'inc/page/formSend.php?demo', 1160 data: formData, 1161 dataType: 'json', 1162 contentType: false, 1163 cache: false, 1164 processData: false, 1165 success: function(response){ 1166 isSubmittingDemo = false;
1167 if(response["durum"] == "basarili"){ 1168 $("#demoForm-result").html(response['sonuc']); 1169 $("#demoForm").remove(); 1170 } else { 1171 $("#demoForm-result").html(response['sonuc']); 1172 resetSliderDemo(); 1173 } 1174 }, 1175 error: function(){ 1176 isSubmittingDemo = false; 1177 $("#demoForm-result").html('<div class="alert alert-danger" role="alert">An error occurred. Please try again.</div>'); 1178 resetSliderDemo(); 1179 } 1180 }); 1181 } 1182 1183 if (sliderDemo) { 1184 sliderDemo.addEventListener('input', function() { 1185 updateSliderVisualsDemo(); 1186 }); 1187 sliderDemo.addEventListener('change', function() { 1188 updateSliderVisualsDemo(); 1189 trySubmitDemo(); 1190 }); 1191 sliderDemo.addEventListener('touchend', function() { 1192 setTimeout(function() { 1193 updateSliderVisualsDemo(); 1194 trySubmitDemo(); 1195 }, 50); 1196 }); 1197 sliderDemo.addEventListener('mouseup', function() { 1198 setTimeout(function() { 1199 updateSliderVisualsDemo(); 1200 trySubmitDemo(); 1201 }, 50); 1202 }); 1203 sliderDemo.addEventListener('mousemove', function() { 1204 updateSliderVisualsDemo(); 1205 }); 1206 sliderDemo.addEventListener('touchmove', function() { 1207 updateSliderVisualsDemo(); 1208 }); 1209 window.addEventListener('resize', updateSliderVisualsDemo); 1210 setTimeout(function() { 1211 updateSliderVisualsDemo(); 1212 }, 100); 1213 } 1214 1215 1216 //$(".preview").removeClass("p-grid"); 1217 1218 }); 1219</script>
1219 1220 1221
1222<script> 1223 $(document).ready(function () { 1224 $('select').niceSelect(); 1225 1226 $('.carousel').carousel({ 1227 interval: false 1228 }); 1229 1230 var $nuxtLoader = $("#__nuxt"); 1231 var $simpleLoader = $("#__nuxt-simple"); 1232 1233 function showBodyContent() { 1234 $('body').removeClass('body-loading'); 1235 } 1236 1237 if ($nuxtLoader.length) { 1238 // Full animasyon - sadece ilk ziyaret 1239 if (!sessionStorage.getItem('mgx_visited')) { 1240 $nuxtLoader.show(); 1241 setTimeout(function () { 1242 $(".loading-screen__revealer.-upper,.loading-screen__revealer.-lower").addClass("active"); 1243 new WOW().init(); 1244 }, 2500); 1245 setTimeout(function () { 1246 $(".loading-screen__site-name").addClass("active"); 1247 }, 1500); 1248 setTimeout(function () { 1249 $nuxtLoader.fadeOut(400, function() { 1250 showBodyContent(); 1251 }); 1252 }, 3500); 1253 sessionStorage.setItem('mgx_visited', '1'); 1254 } else { 1255 // Daha once ziyaret edildi - animasyonu atla, icerigi hemen goster 1256 $nuxtLoader.hide(); 1257 showBodyContent(); 1258 new WOW().init(); 1259 } 1260 } 1261 1262 if ($simpleLoader.length) { 1263 // Basit loading - her sayfada, sayfa yuklenince gizlenir 1264 $(window).on('load', function() { 1265 $simpleLoader.css('opacity', '0'); 1266 setTimeout(function() { 1267 $simpleLoader.hide(); 1268 showBodyContent(); 1269 }, 300); 1270 }); 1271 // Guvenlik icin 2 saniye sonra mutlaka gizle 1272 setTimeout(function() { 1273 $simpleLoader.css('opacity', '0'); 1274 setTimeout(function() { 1275 $simpleLoader.hide(); 1276 showBodyContent(); 1277 }, 300); 1278 }, 2000); 1279 } 1280 }); 1281</script>
1281 1282
1283<script> 1284 var slide = $("#range_slide"); 1285 var img = $('#ranger_img'); 1286 var mousewheelevt = (/Firefox/i.test(navigator.userAgent)) ? "DOMMouseScroll" : "mousewheel"; 1287 1288 // detect slider change and change the image size 1289 slide.on('change',function () { 1290 var value = $(this).val(); 1291 //img.width(value); 1292 //img.height(value); 1293 $('#ranger_img').attr('src',"assets/uploads/ranger/"+this.value+".jpg"); 1294 }); 1295 1296 // active mouse scroll when mouse is over element 1297 slide.on('mouseover', function(){ 1298 slide.bind(mousewheelevt, moveSlider); 1299 centerSlider(slide); 1300 }); 1301 1302 // active mouse scroll when mouse is over element 1303 img.on('mouseover', function(){ 1304 img.bind(mousewheelevt, moveSlider); 1305 centerSlider(img); 1306 }); 1307 1308 // move the slider based on scrolling 1309 function moveSlider(e){ 1310 var zoomLevel = parseInt(slide.val()); 1311 1312 // detect positive or negative scrolling 1313 if ( e.originalEvent.wheelDelta < 0 ) { 1314 //scroll down 1315 slide.val(zoomLevel-10); 1316 } else { 1317 //scroll up 1318 slide.val(zoomLevel+10); 1319 } 1320 1321 // trigger the change event 1322 slide.trigger('change'); 1323 1324 //prevent page fom scrolling 1325 return false; 1326 } 1327 1328 1329 // resets slider when middle click over elem 1330 function centerSlider(elem) { 1331 $(elem).on('click', function(e) { 1332 if( e.which == 2 ) { 1333 var evt = e || window.event; 1334 e.preventDefault(); 1335 console.log("middle button"); 1336 1337 // set slide val to default 1338 slide.val(slide[0].defaultValue); 1339 1340 // trigger the change event 1341 slide.trigger('change'); 1342 } 1343 }); 1344 } 1345 1346 /* 1347 $(".accordion-header").click(function() { 1348 1349 var id = $(this).attr('id'); 1350 }); 1351 */ 1352 1353</script>
1353 1354<img src="/inc/tracker.php" width="1" height="1" alt="" style="display:none;" /> 1355
1356<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"ff5ffc6a06244c79b8445c7dea03b1e7","r":1,"spa":2}' crossorigin="anonymous"></script>
1356 1357</body> 1358</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.