PageSourceSearch

https://redoxcreativelab.com/index.html

html redoxcreativelab.com collected 2026-09-24 14:51:15 UTC 123,717 bytes, 2,220 lines download raw bytes

1<!DOCTYPE html>
2<html lang="tr" dir="tr">
3
4  <head>
5    <meta charset="UTF-8">
6
7    <!-- Page Title -->
8    <title>REDOX CREATİVELAB</title>
9
10    <!-- Meta Tags -->
11    <meta name="description" content="redox creativelab, redox, redox dijital, redox digital, redox creative, redox creativelab, redox creative lab, redox creative, redox ajans, redox agency, redox reklam ajansı, redox reklam, redox tasarım, redox web tasarım, redox web design, redox web development, redox web geliştirme, redox yazılım, redox software, redox software development, redox yazılım geliştirme, bandırma web tasarım, bandırma yazılım, bandırma redox creativelab, bandırma redox, bandırma reklam ajansı, balıkesir web tasarım, istanbul web tasarım, istanbul reklam ajansı">
12    <meta name="keywords" content="redox creativelab, redox, redox dijital, redox digital, redox creative, redox creativelab, redox creative lab, redox creative, redox ajans, redox agency, redox reklam ajansı, redox reklam, redox tasarım, redox web tasarım, redox web design, redox web development, redox web geliştirme, redox yazılım, redox software, redox software development, redox yazılım geliştirme, bandırma web tasarım, bandırma yazılım, bandırma redox creativelab, bandırma redox, bandırma reklam ajansı, balıkesir web tasarım, istanbul web tasarım, istanbul reklam ajansı">
13    <meta name="author" content="redox creativelab">
14
15    <!-- Viewport Meta-->
16    <meta http-equiv="X-UA-Compatible" content="IE=edge">
17    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
18
19    <!-- Template Favicon & Icons Start -->
20    <link rel="icon" href="img/favicon/favicon.ico" sizes="any">
21    <link rel="icon" href="img/favicon/icon.svg" type="image/svg+xml">
22    <link rel="apple-touch-icon" href="img/favicon/apple-touch-icon.png">
23    <link rel="manifest" href="img/favicon/manifest.webmanifest">
24    <!-- Template Favicon & Icons End -->
25
26    <!-- Facebook Metadata Start -->
27    <meta property="og:image:height" content="1200">
28    <meta property="og:image:width" content="1200">
29    <meta property="og:title" content="redox creativelab, redox, redox dijital, redox digital, redox creative, redox creativelab, redox creative lab, redox creative, redox ajans, redox agency, redox reklam ajansı, redox reklam, redox tasarım, redox web tasarım, redox web design, redox web development, redox web geliştirme, redox yazılım, redox software, redox software development, redox yazılım geliştirme">
30    <meta property="og:description" content="redox creativelab, redox, redox dijital, redox digital, redox creative, redox creativelab, redox creative lab, redox creative, redox ajans, redox agency, redox reklam ajansı, redox reklam, redox tasarım, redox web tasarım, redox web design, redox web development, redox web geliştirme, redox yazılım, redox software, redox software development, redox yazılım geliştirme">
31    <meta property="og:url" content="https://redoxcreativelab.com">
32    <meta property="og:image" content="https://redoxcreativelab.com/logos5.png">
33    <!-- Facebook Metadata End -->
34
35    <!-- Template Styles Start -->
36    <link rel="stylesheet" type="text/css" href="css/loaders/loader.min.css">
37    <link rel="stylesheet" type="text/css" href="css/plugins.min.css">
38    <link rel="stylesheet" type="text/css" href="css/main.min.css">
39    <!-- Template Styles End -->
40
41    <!-- Custom Browser Color Start -->
42    <meta name="theme-color" media="(prefers-color-scheme: light)" content="#FAF7F6">
43    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#161616">
44    <meta name="msapplication-navbutton-color" content="#161616">
45    <meta name="mobile-web-app-capable" content="yes">
46    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
47    <!-- Custom Browser Color End -->
48    <!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 48-49
48
49<script async src="https://www.googletagmanager.com/gtag/js?id=
49G-C3MQC3BXNN
vendor: 13 bytes, line 49
49"></script>
50<script>
51  
vendor: 138 bytes, lines 51-55
51window.dataLayer = window.dataLayer || [];
52  function gtag(){dataLayer.push(arguments);}
53  gtag('js', new Date());
54
55  gtag('config', '
55G-C3MQC3BXNN
vendor: 5 bytes, line 55
55');
56</script>
56
57	
58  <!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 58-59
58
59<script async src="https://www.googletagmanager.com/gtag/js?id=
59AW-17698374590
vendor: 13 bytes, line 59
59"></script>
60<script>
61  
vendor: 138 bytes, lines 61-65
61window.dataLayer = window.dataLayer || [];
62  function gtag(){dataLayer.push(arguments);}
63  gtag('js', new Date());
64
65  gtag('config', '
65AW-17698374590
vendor: 5 bytes, line 65
65');
66</script>
66
67	  <!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 67-68
67
68<script async src="https://www.googletagmanager.com/gtag/js?id=
68AW-17833050343
vendor: 13 bytes, line 68
68"></script>
69<script>
70  
vendor: 138 bytes, lines 70-74
70window.dataLayer = window.dataLayer || [];
71  function gtag(){dataLayer.push(arguments);}
72  gtag('js', new Date());
73
74  gtag('config', '
74AW-17833050343
vendor: 5 bytes, line 74
74');
75</script>
75
76	  <!-- Event snippet for Sayfa görüntüleme conversion page
77In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
78<script>
79function gtag_report_conversion(url) {
80  var callback = function () {
81    if (typeof(url) != 'undefined') {
82      window.location = url;
83    }
84  };
85  gtag('event', 'conversion', {
86      'send_to': 'AW-17833050343/n3DJCOHz1dcbEOeBu7dC',
87      'value': 1.0,
88      'currency': 'TRY',
89      'event_callback': callback
90  });
91  return false;
92}
93</script>
93
94
95  </head>
96
97  <body>
98<!-- 🔸 Renkli Geçişli Promosyon Banner -->
99<div class="promo-banner">
100  🚀 Açılışa özel web tasarımda
101  <a href="pricing4.html">%20 indirim fırsatını yakala →</a>
102</div>
103    <!-- Loader Start -->
104    <div id="loader" aria-live="polite" aria-busy="true" role="status">
105  <div class="loader__wrapper">
106    <div class="loader__content">
107      <div class="loader__globe">
108        <img src="img/hero/03_hero-img.webp" alt="Loading" />
109      </div>
110      <div class="loader__count">
111        <span class="count__text">0</span><span class="count__percent">%</span>
112      </div>
113    </div>
114  </div>
115</div>
116    <!-- Loader End -->
117
118    <!-- Menu & Menu Hamburger Start -->
119    <nav class="mxd-nav__wrap" data-lenis-prevent="">
120
121      <!-- Hamburger Start -->
122      <div class="mxd-nav__contain loading__fade">
123        <a href="#0" class="mxd-nav__hamburger">
124          <!-- flip element -->
125          <div class="hamburger__base"></div>
126          <div class="hamburger__line"></div>
127          <div class="hamburger__line"></div>
128        </a>
129      </div>
130      <!-- Hamburger End -->
131
132      <!-- Main Navigation Start -->
133      <div class="mxd-menu__wrapper">
134        <!-- background active layer -->
135        <div class="mxd-menu__base"></div>
136        <!-- menu container -->
137        <div class="mxd-menu__contain">
138          <div class="mxd-menu__inner">
139            <!-- left side -->
140            <div class="mxd-menu__left">
141              <p class="mxd-menu__caption menu-fade-in">Yenilikçi, kreatif ve yapay zeka destekli.</p>
142              <div class="main-menu">
143                <nav class="main-menu__content">
144                  <ul id="main-menu" class="main-menu__accordion">
145                    <li class="main-menu__item">
146                      <a class="main-menu__link btn btn-anim" href="index.html">
147                        <span class="btn-caption">Anasayfa</span>
148                      </a>
149                    </li>
150
151
152
153                      <li class="main-menu__item">
154                      <div class="main-menu__toggle">
155                        <span class="main-menu__link btn btn-anim">
156                          <span class="btn-caption">Kurumsal</span>
157                        </span>
158                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" version="1.1" viewBox="0 0 20 20">
159                          <path d="M19.6,9.6h-3.9c-.4,0-1.8-.2-1.8-.2-.6,0-1.1-.2-1.6-.6-.5-.3-.9-.8-1.2-1.2-.3-.4-.4-.9-.5-1.4,0,0,0-1.1-.2-1.5V.4c0-.2-.2-.4-.4-.4s-.4.2-.4.4v4.4c0,.4-.2,1.5-.2,1.5,0,.5-.2,1-.5,1.4-.3.5-.7.9-1.2,1.2s-1,.5-1.6.6c0,0-1.2,0-1.7.2H.4c-.2,0-.4.2-.4.4s.2.4.4.4h4.1c.4,0,1.7.2,1.7.2.6,0,1.1.2,1.6.6.4.3.8.7,1.1,1.1.3.5.5,1,.6,1.6,0,0,0,1.3.2,1.7v4.1c0,.2.2.4.4.4s.4-.2.4-.4v-4.1c0-.4.2-1.7.2-1.7,0-.6.2-1.1.6-1.6.3-.4.7-.8,1.1-1.1.5-.3,1-.5,1.6-.6,0,0,1.3,0,1.8-.2h3.9c.2,0,.4-.2.4-.4s-.2-.4-.4-.4h0Z"/>
160                        </svg>
161                      </div>
162                      <ul class="submenu">
163                        <li class="submenu__item">
164                          <a href="about-me.html">Hakkımızda</a>
165                        </li>
166                        <li class="submenu__item">
167                          <a href="about-us.html">Misyonumuz</a>
168                        </li>
169                        
170                        <li class="submenu__item">
171                          <a href="team.html">Ekibimiz</a>
172                        </li>
173                        
174                      </ul>
175                    </li>
176
177                     <li class="main-menu__item">
178                      <a class="main-menu__link btn btn-anim" href="services.html">
179                        <span class="btn-caption">Hizmetler</span>
180                      </a>
181                    </li>
182                     <li class="main-menu__item">
183                      <div class="main-menu__toggle">
184                        <span class="main-menu__link btn btn-anim">
185                          <span class="btn-caption">Paketler</span>
186                        </span>
187                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" version="1.1" viewBox="0 0 20 20">
188                          <path d="M19.6,9.6h-3.9c-.4,0-1.8-.2-1.8-.2-.6,0-1.1-.2-1.6-.6-.5-.3-.9-.8-1.2-1.2-.3-.4-.4-.9-.5-1.4,0,0,0-1.1-.2-1.5V.4c0-.2-.2-.4-.4-.4s-.4.2-.4.4v4.4c0,.4-.2,1.5-.2,1.5,0,.5-.2,1-.5,1.4-.3.5-.7.9-1.2,1.2s-1,.5-1.6.6c0,0-1.2,0-1.7.2H.4c-.2,0-.4.2-.4.4s.2.4.4.4h4.1c.4,0,1.7.2,1.7.2.6,0,1.1.2,1.6.6.4.3.8.7,1.1,1.1.3.5.5,1,.6,1.6,0,0,0,1.3.2,1.7v4.1c0,.2.2.4.4.4s.4-.2.4-.4v-4.1c0-.4.2-1.7.2-1.7,0-.6.2
188-1.1.6-1.6.3-.4.7-.8,1.1-1.1.5-.3,1-.5,1.6-.6,0,0,1.3,0,1.8-.2h3.9c.2,0,.4-.2.4-.4s-.2-.4-.4-.4h0Z"/>
189                        </svg>
190                      </div>
191                      <ul class="submenu">
192                        <li class="submenu__item">
193                          <a href="pricing.html" class="gradient-text">Sosyal Medya Yönetim Paketleri</a>
194                        </li>
195                        <li class="submenu__item">
196                          <a href="pricing2.html">Kurumsal Kimlik Paketleri</a>
197                        </li>
198                         <li class="submenu__item">
199                          <a href="pricing3.html">Dijital Reklam Paketleri</a>
200                        </li>
201                         <li class="submenu__item">
202                          <a href="pricing4.html" class="gradient-text">Web Tasarım Paketleri</a>
203                        </li>
204                         <li class="submenu__item">
205                          <a href="pricing5.html">E-Ticaret Paketleri</a>
206                        </li>
207                        
208                       
209                        
210                      </ul>
211                    </li>
212
213                    <li class="main-menu__item">
214                      <a class="main-menu__link btn btn-anim" href="works-masonry.html">
215                        <span class="btn-caption">Projeler</span>
216                      </a>
217                    </li>
218
219                    <li class="main-menu__item">
220                      <a class="main-menu__link btn btn-anim" href="contact.html">
221                        <span class="btn-caption">İletişim</span>
222                      </a>
223                    </li>
224                  </ul>
225                </nav>
226              </div>
227            </div>
228            <!-- right side -->
229            <div class="mxd-menu__right">
230              <div class="menu-promo">
231                <div class="menu-promo__content">
232                  <p class="menu-promo__caption menu-fade-in">👋 Redox'a hoşgeldiniz.<br> Sizler için en iyi hizmetleri ve işçiliği sunuyoruz.</p>
233                  <div class="menu-promo__video">
234                    <video class="menu-video" id="inner-video" preload="auto" muted="muted" poster="video/540x310_video-01.webp" controls>
235  <source type="video/mp4" src="video/540x310_video-01.mp4">
236  <source type="video/webm" src="video/540x310_video-01.webm">
237  <source type="video/ogv" src="video/540x310_video-01.ogv">
238</video>
239                  </div>
240                </div>
241              </div>
242            </div>
243            <!-- data bottom line -->
244            <div class="mxd-menu__data menu-fade-in">
245              <p class="t-xsmall">
246                Kurucusu
247                <i class="ph-fill ph-heart t-additional"></i>
248                
249                <a class="no-effect" href="https://www.redoxcreativelab.com" target="_blank">REDOX CREATİVELAB</a>
250              </p>
251              <p class="t-xsmall">
252                <i class="ph ph-copyright"></i>
253                2025 Tüm hakları saklıdır.
254              </p>
255            </div>
256          </div>
257        </div>
258      </div>
259      <!-- Main Navigation End -->
260
261    </nav>
262    <!-- Menu & Menu Hamburger End -->
263
264    <!-- Header Start -->
265    <header id="header" class="mxd-header">
266      <!-- header logo -->
267      <div class="mxd-header__logo loading__fade">
268        <a href="index.html" class="mxd-logo">
269          <!-- logo icon -->
270          <div class="mxd-logo__image">
271  <img src="logos5.png" alt="Logo" />
272</div>
273          <!-- logo text -->
274         
275        </a>
276      </div>
277      <!-- header controls -->
278      <div class="mxd-header__controls loading__fade">
279        <button id="color-switcher" class="mxd-color-switcher" type="button" role="switch" aria-label="light/dark mode" aria-checked="true"></button>
280        <a class="btn btn-anim btn-default btn-mobile-icon btn-outline slide-right-up" href="contact.html">
281          <span class="btn-caption">Bize ulaş</span>
282          <i class="ph-bold ph-arrow-up-right"></i>
283        </a>
284      </div>
285		
286    </header>
287    <!-- Header End -->
288
289    <br>
290    <br>
291    <br>
292    <!-- Page Content Start -->
293    <main id="mxd-page-content" class="mxd-page-content">
294
295      <!-- Hero Section Start -->
296      <div class="mxd-section">
297        <div class="mxd-hero-02 mxd-pinned-fullscreen">
298          <div class="mxd-pinned-fullscreen__static hero-02-fade-out-scroll loading-wrap">
299            <div class="hero-02-static__tl-trigger"></div>
300            <!-- static top -->
301            <div class="mxd-hero-02-static__top hero-02-static-anim-el">
302              <div class="mxd-container fullwidth-container grid-container">
303                <div class="container-fluid p-0">
304                  <div class="row g-0">
305                    <div class="col-12 col-xl-6 mxd-grid-item no-margin">
306                      <div class="hero-02-static__caption loading__item">
307                        <p class="t-large t-medium t-120 t-bright">Yeni nesil projelere güç veriyoruz,</p>
308                        <p class="t-large t-medium t-120 t-muted">yaratıcılık sınırı olmadan...</p>
309                      </div>
310                    </div>
311                  </div>
312                </div>
313              </div>
314            </div>
315            <div class="mxd-hero-02-static__center">
316              <div class="mxd-hero-02-marquee">
317                <div class="mxd-hero-02-marquee__image loading__item">
318                  <img class="mxd-move" src="img/hero/03_hero-img.webp" alt="Hero Image">
319                </div>
320                <div class="mxd-hero-02-marquee__line loading__item">
321  <div class="marquee marquee-left--gsap">
322    <div class="marquee__toleft">
323      <div class="marquee__item one-line item-regular text"><p class="marquee__text">Redox Creativelab</p></div>
324      <div class="marquee__item one-line item-regular text"><p class="marquee__text">Redox Creativelab</p></div>
325      <div class="marquee__item one-line item-regular text"><p class="marquee__text">Redox Creativelab</p></div>
326    </div>
327  </div>
328</div>
329              </div>
330            </div>
331            <div class="mxd-hero-02-static__bottom hero-02-static-anim-el">
332              <div class="mxd-container fullwidth-container grid-container">
333                <div class="container-fluid p-0">
334                  <div class="row g-0">
335                    <div class="col-12 col-md-6 col-xl-4 mxd-grid-item no-margin">
336                      <div class="mxd-paragraph__lists loading__fade">
337                        <div class="container-fluid p-0">
338                          <div class="row g-0">
339                            <div class="col-6 col-xl-5">
340                              <ul>
341                                <li>
342                                  <p class="t-small anim-uni-in-up">Innovations</p>
343                                </li>
344                                <li>
345                                  <p class="t-small anim-uni-in-up">Creativity</p>
346                                </li>
347                                <li>
348                                  <p class="t-small anim-uni-in-up">Experience</p>
349                                </li>
350                                <li>
351                                  <p class="t-small anim-uni-in-up">Competence</p>
352                                </li>
353                                <li>
354                                  <p class="t-small anim-uni-in-up">Passion</p>
355                                </li>
356                              </ul>
357                            </div>
358                            <div class="col-6 col-xl-5">
359                              <ul>
360                                <li>
361                                  <p class="t-small anim-uni-in-up">IU/UX</p>
362                                </li>
363                                <li>
364                                  <p class="t-small anim-uni-in-up">Application</p>
365                                </li>
366                                <li>
367                                  <p class="t-small anim-uni-in-up">Development</p>
368                                </li>
369                                <li>
370                                  <p class="t-small anim-uni-in-up">Branding</p>
371                                </li>
372                                <li>
373                                  <p class="t-small anim-uni-in-up">Advertising</p>
374                                </li>
375                              </ul>
376                            </div>
377                          </div>
378                        </div>
379                      </div>
380                    </div>
381                  </div>
382                </div>
383              </div>
384            </div>
385            <div class="mxd-hero-02-static__btn hero-02-static-anim-el loading__fade">
386              <a href="#0" class="btn-rotating btn-rotating-160">
387                <!-- SVG rotating text -->
388                <svg version="1.1" id="scrollDown" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 
389                  viewBox="0 0 160 160" style="enable-background:new 0 0 160 160;" xml:space="preserve" 
390                  class="btn-rotating__text mxd-rotate" data-value="360">
391                  <defs>
392                    <path id="textPath" d="M149.7,80c0,38.5-31.2,69.7-69.7,69.7S10.3,118.5,10.3,80S41.5,10.3,80,10.3S149.7,41.5,149.7,80z"/>
393                  </defs>
394                  <g>
395                    <use xlink:href="#textPath" fill="none"></use>
396                    <text>
397                      <!-- button text here!!! -->
398                      <textPath xlink:href="#textPath">Aşağıya kaydır * Aşağıya kaydır * Aşağıya kaydır * </textPath>
399                    </text>
400                  </g>
401                </svg>
402                <!-- image -->
403                <!-- <img class="btn-rotating__image" src="img/icons/60x60_obj-btn-02.svg" alt="Object"> -->
404                <svg class="btn-rotating__image" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
405                  width="60px" height="60px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
406                <style type="text/css">
407                  .icon-star-scroll {
408                    fill:var(--accent);
409                  }
410                </style>
411                <path class="icon-star-scroll" d="M58.9,28.9c0,0-9.1,0.1-12.1,0c-1.3,0-5.3-0.5-5.3-0.5c-1.7-0.2-3.4-0.7-4.8-1.7c-1.4-1-2.7-2.3-3.6-3.7
412                  c-0.8-1.3-1.3-2.7-1.5-4.2c0,0-0.4-3.3-0.5-4.4c-0.2-3.3,0-13.1,0-13.1c0-0.6-0.5-1.1-1.1-1.1s-1.1,0.5-1.1,1.1
413                  c0,0,0.2,9.8,0,13.1c0,1.1-0.5,4.4-0.5,4.4c-0.2,1.5-0.6,3-1.5,4.2c-0.9,1.5-2.2,2.7-3.6,3.7s-3,1.5-4.7,1.7c0,0-3.7,0.4-5,0.5
414                  c-3.1,0.2-12.5,0-12.5,0C0.5,28.9,0,29.4,0,30s0.5,1.1,1.1,1.1c0,0,9.4-0.2,12.5,0c1.2,0,5,0.5,5,0.5c1.7,0.2,3.3,0.7,4.7,1.7
415                  c1.3,0.9,2.4,2,3.3,3.3c1,1.4,1.5,3.1,1.7,4.8c0,0,0.4,3.9,0.5,5.2c0.1,3,0,12.2,0,12.2c0,0.6,0.5,1.1,1.1,1.1s1.1-0.5,1.1-1.1
416                  c0,0-0.1-9.2,0-12.2c0-1.3,0.5-5.2,0.5-5.2c0.2-1.7,0.7-3.4,1.7-4.8c0.9-1.3,2-2.4,3.3-3.3c1.4-1,3.1-1.5,4.8-1.7
417                  c0,0,3.9-0.4,5.3-0.5c3-0.1,12.1,0,12.1,0c0.6,0,1.1-0.5,1.1-1.1s-0.5-1.1-1.1-1.1l0,0L58.9,28.9z"/>
418                </svg>
419              </a>
420            </div>
421          </div>
422         
423          <div class="mxd-pinned-fullscreen__tl-trigger"></div>
424        </div>
425      </div>
426      <!-- Hero Section End -->
427
428      <!-- Section - Services/Features Stacking Cards Start -->
429      <div class="mxd-section padding-stacked-section">
430        <div class="mxd-container grid-container">
431
432          <!-- Block - Services/Features Stacking Cards Start -->
433          <div class="mxd-block mxd-grid-item no-margin">
434            <div class="content__block">
435              <div class="stack-wrapper mxd-hero-02-stack">
436                <div class="stack-offset"></div>
437                <div class="services-stack">
438                  <!-- services stack single item -->
439                  <div class="stack-item">
440                    <div class="mxd-services-stack__inner showcase-inner bg-base-opp">
441                      <div class="mxd-services-stack__container">
442                        <div class="mxd-services-stack__title showcase-title">
443                          <h3 class="opposite">Dijital Reklam</h3>
444                          <span class="mxd-services-stack__number t-opp-muted">/1</span>
445                        </div>
446                        <div class="mxd-services-stack__info showcase-info">
447                          <p class="t-opposite">“Dijital reklam, markanızı doğru hedef kitleyle buluşturan en güçlü iletişim aracıdır. Doğru strateji, yaratıcı içerik ve veriye dayalı kampanyalarla görünürlüğünüzü artırır, satışlarınızı yükseltir ve markanıza değer katar.”</p>
448                        </div>
449                        <div class="mxd-services-stack__works">
450                          <a class="mxd-services-stack__work" href="dijitalreklam.html">
451                            <img class="mxd-services-stack__preview" src="https://static.dezeen.com/uploads/2021/11/meta-facebook-rebranding-name-news_dezeen_2364_col_hero2.jpg" alt="Work Preview">
452                           
453                            <div class="mxd-preview-hover">
454                              <i class="mxd-preview-hover__icon icon-small">
455                                <img src="img/icons/icon-eye.svg" alt="Eye Icon">
456                              </i>
457                            </div>
458                          </a>
459                          <a class="mxd-services-stack__work" href="dijitalreklam.html">
460                            <img class="mxd-services-stack__preview" src="https://pngimg.com/d/google_PNG
46019644.png" alt="Work Preview">
461                            
462                            <div class="mxd-preview-hover">
463                              <i class="mxd-preview-hover__icon icon-small">
464                                <img src="img/icons/icon-eye.svg" alt="Eye Icon">
465                              </i>
466                            </div>
467                          </a>
468                        </div>
469                      </div>
470                      
471                    </div>
472                  </div>
473                  <!-- services stack single item -->
474                  <div class="stack-item">
475                    <div class="mxd-services-stack__inner showcase-inner bg-accent">
476                      <div class="mxd-services-stack__title showcase-title">
477                        <h3 class="opposite">Web Tasarımı</h3>
478                        <span class="mxd-services-stack__number t-opp-brigth">/2</span>
479                      </div>
480                      <div class="mxd-services-stack__info showcase-info">
481                        <p class="t-opposite">“Web tasarımı, markanızın dijital dünyadaki vitrinidir. Estetik, kullanıcı deneyimi ve işlevselliği bir araya getirerek ziyaretçilerinize profesyonel, hızlı ve güvenilir bir deneyim sunar.”</p>
482                      </div>
483                      <div class="mxd-services-stack__works">
484                        <a class="mxd-services-stack__work" href="webtasarimi.html">
485                          <img class="mxd-services-stack__preview" src="https://www.acarnet.com/blog/wp-content/uploads/2019/08/code-1076536_1280-1030x578.jpg" alt="Work Preview">
486                          
487                          <div class="mxd-preview-hover">
488                            <i class="mxd-preview-hover__icon icon-small">
489                              <img src="img/icons/icon-eye.svg" alt="Eye Icon">
490                            </i>
491                          </div>
492                        </a>
493                        <a class="mxd-services-stack__work" href="webtasarimi.html">
494                          <img class="mxd-services-stack__preview" src="https://images.pexels.com/photos/270488/pexels-photo-270488.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" alt="Work Preview">
495                          
496                          <div class="mxd-preview-hover">
497                            <i class="mxd-preview-hover__icon icon-small">
498                              <img src="img/icons/icon-eye.svg" alt="Eye Icon">
499                            </i>
500                          </div>
501                        </a>
502                      </div>
503                    </div>
504                  </div>
505                  <!-- services stack single item -->
506                  <div class="stack-item">
507                    <div class="mxd-services-stack__inner radius-dark showcase-inner bg-base-tint">
508                      <div class="mxd-services-stack__title showcase-title">
509                        <h3>E-Ticaret Yazılımı</h3>
510                        <span class="mxd-services-stack__number t-muted-extra">/3</span>
511                      </div>
512                      <div class="mxd-services-stack__info showcase-info">
513                        <p>“E-ticaret yazılımı, ürünlerinizi dijital dünyada en verimli şekilde sergileyip satışa dönüştürmenizi sağlar. Güvenli ödeme altyapısı, kolay yönetim paneli ve mobil uyumlu tasarımıyla markanızı her an her yerde müşterilerinizle buluşturur.”</p>
514                      </div>
515                      <div class="mxd-services-stack__works">
516                        <a class="mxd-services-stack__work" href="eticaretyazilimi.html">
517                          <img class="mxd-services-stack__preview" src="https://dinamikdizayn.net/wp-content/uploads/2023/03/e-ticaret.jpeg" alt="Work Preview">
518                         
519                          <div class="mxd-preview-hover">
520                            <i class="mxd-preview-hover__icon icon-small">
521                              <img src="img/icons/icon-eye.svg" alt="Eye Icon">
522                            </i>
523                          </div>
524                        </a>
525                        <a class="mxd-services-stack__work" href="eticaretyazilimi.html">
526                          <img class="mxd-services-stack__preview" src="https://desteko.com/wp-content/uploads/2017/03/et.jpg" alt="Work Preview">
527                        
528                          <div class="mxd-preview-hover">
529                            <i class="mxd-preview-hover__icon icon-small">
530                              <img src="img/icons/icon-eye.svg" alt="Eye Icon">
531                            </i>
532                          </div>
533                        </a>
534                      </div>
535                    </div>
536                  </div>
537                  <!-- services stack single item -->
538                 
539
540
541
542                    <div class="stack-item">
543                    <div class="mxd-services-stack__inner showcase-inner bg-base-opp">
544                      <div class="mxd-services-stack__title showcase-title">
545                        <h3 class="opposite">Kurumsal Kimlik</h3>
546                        <span class="mxd-services-stack__number t-opp-muted">/4</span>
547                      </div>
548                      <div class="mxd-services-stack__info showcase-info">
549                        <p class="t-opposite">“Kurumsal kimlik, markanızın dış dünyadaki imzasıdır. Logo, renk paleti, tipografi ve tasarım diliyle markanızın değerlerini yansıtır; güven, tutarlılık ve profesyonellik kazandırır.”</p>
550                      </div>
551                      <div class="mxd-services-stack__works">
552                        <a class="mxd-services-stack__work" href="kurumsalkimlik.html">
553                          <img class="mxd-services-stack__preview" src="https://www.tedajans.com/wp-content/uploads/2022/07/kurumsal-kimlik-ted-ajans-bg.jpg" alt="Work Preview">
554                          
555                          <div class="mxd-preview-hover">
556                            <i class="mxd-preview-hover__icon icon-small">
557                              <img src="img/icons/icon-eye.svg" alt="Eye Icon">
558                            </i>
559                          </div>
560                        </a>
561                        <a class="mxd-services-stack__work" href="kurumsalkimlik.html">
562                          <img class="mxd-services-stack__preview" src="https://cdn.webrazzi.com/uploads/2025/07/photoshop-700.png" alt="Work Preview">
563                         
564                          <div class="mxd-preview-hover">
565                            <i class="mxd-preview-hover__icon icon-small">
566                              <img src="img/icons/icon-eye.svg" alt="Eye Icon">
567                            </i>
568                          </div>
569                        </a>
570                      </div>
571                    </div>
572                  </div>
573
574
575                  <div class="stack-item">
576                    <div class="mxd-services-stack__inner radius-dark showcase-inner bg-base-tint">
577                      <div class="mxd-services-stack__title showcase-title">
578                        <h3>Sosyal Medya Yönetimi</h3>
579                        <span class="mxd-services-stack__number t-muted-extra">/5</span>
580                      </div>
581                      <div class="mxd-services-stack__info showcase-info">
582                        <p>“Sosyal medya yönetimi, markanızın dijital dünyadaki sesi ve yüzüdür. Profesyonel içerik planlaması, yaratıcı tasarımlar ve etkili etkileşim stratejileriyle hedef kitlenize ulaşır, marka bilinirliğinizi artırır.”</p>
583                      </div>
584                      <div class="mxd-services-stack__works">
585                        <a class="mxd-services-stack__work" href="sosyalmedyayonetimi.html">
586                          <img class="mxd-services-stack__preview" src="https://www.armadigital.com.tr/Upload/Dosyalar/resim-jpg/kurumsal-some-95a187e5-43e4-47dd-a93f-995f2ece2908.jpg?kirp=ok&format=webp&quality=80" alt="Work Preview">
587                          
588                          <div class="mxd-preview-hover">
589                            <i class="mxd-preview-hover__icon icon-small">
590                              <img src="img/icons/icon-eye.svg" alt="Eye Icon">
591                            </i>
592                          </div>
593                        </a>
594                        <a class="mxd-services-stack__work" href="sosyalmedyayonetimi.html">
595                          <img class="mxd-services-stack__preview" src="https://www.protan.com.tr/wp-content/uploads/elementor/thumbs/istanbul-sosyal-medya-yonetimi-danismanligi-ajansi-pg8ecfxoa65c487ttv3v5pwia0ye4w8r19n018ecmo.jpg" alt="Work Preview">
596                        
597                          <div class="mxd-preview-hover">
598                            <i class="mxd-preview-hover__icon icon-small">
599                              <img src="img/icons/icon-eye.svg" alt="Eye Icon">
600                            </i>
601                          </div>
602                        </a>
603                      </div>
604                    </div>
605                  </div>
606
607
608
609                  <div class="stack-item">
610                    <div class="mxd-services-stack__inner showcase-inner bg-base-opp">
611                      <div class="mxd-services-stack__title showcase-title">
612                        <h3 class="opposite">Mobil Uygulama</h3>
613                        <span class="mxd-services-stack__number t-opp-muted">/6</span>
614                      </div>
615                      <div class="mxd-services-stack__info showcase-info">
616                        <p class="t-opposite">“Mobil uygulama, markanızı her an müşterinizin cebine taşır. Kullanıcı dostu arayüz, yüksek performans ve modern tasarımla işinizi kolaylaştırır, müşterilerinizle etkileşiminizi güçlendirir.”</p>
617                      </div>
618                      <div class="mxd-services-stack__works">
619                        <a class="mxd-services-stack__work" href="mobiluygulama.html">
620                          <img class="mxd-services-stack__preview" src="https://lh6.googleusercontent.com/proxy/Pj8ZabSVYIUMrpN6_0kt7SUowl1ce27rqRhPRh1gVrP9cTitRdfBTQCN5vxSpj_ta4SyCY9s68THx-gh8RnAZXqqUc6SrRTuPo761vU75TIUqA" alt="Work Preview">
621                          
622                          <div class="mxd-preview-hover">
623                            <i class="mxd-preview-hover__icon icon-small">
624                              <img src="img/icons/icon-eye.svg" alt="Eye Icon">
625                            </i>
626                          </div>
627                        </a>
628                        <a class="mxd-services-stack__work" href="mobiluygulama.html">
629                          <img class="mxd-services-stack__preview" src="https://britishschool.com.tr/wp-content/uploads/2024/08/mobil-uygulama-gelistirme-programi-1.webp" alt="Work Preview">
630                         
631                          <div class="mxd-preview-hover">
632                            <i class="mxd-preview-hover__icon icon-small">
633                              <img src="img/icons/icon-eye.svg" alt="Eye Icon">
634                            </i>
635                          </div>
636                        </a>
637                      </div>
638                    </div>
639                  </div>
640
641
642                  <div class="stack-item">
643                    <div class="mxd-services-stack__inner showcase-inner bg-cc">
644                      <div class="mxd-services-stack__title showcase-title">
645                        <h3 class="opposite">Grafik Tasarımı</h3>
646                        <span class="mxd-services-stack__number t-opp-brigth">/7</span>
647                      </div>
648                      <div class="mxd-services-stack__info showcase-info">
649                        <p class="t-opposite">“Grafik tasarımı, markanızın görsel dilini oluşturur. Yaratıcı ve estetik tasarımlarla mesajınızı güçlendirir, hedef kitleniz üzerinde kalıcı bir etki bırakır.”</p>
650                      </div>
651                      <div class="mxd-services-stack__works">
652                        <a class="mxd-services-stack__work" href="grafiktasarimi.html">
653                          <img class="mxd-services-stack__preview" src="https://akse.com.tr/wp-content/uploads/2021/01/Grafik-Tasarim-1024x681.jpg" alt="Work Preview">
654                         
655                          <div class="mxd-preview-hover">
656                            <i class="mxd-preview-hover__icon icon-small">
657                              <img src="img/icons/icon-eye.svg" alt="Eye Icon">
658                            </i>
659                          </div>
660                        </a>
661                        <a class="mxd-services-stack__work" href="grafiktasarimi.html">
662                          <img class="mxd-services-stack__preview" src="https://www.batidijital.com/wp-content/uploads/2019/09/grafik-tasarim-nedir-tasarimci-ne-is-yapar.jpg" alt="Work Preview">
663                         
664                          <div class="mxd-preview-hover">
665                            <i class="mxd-preview-hover__icon icon-small">
666                              <img src="img/icons/icon-eye.svg" alt="Eye Icon">
667                            </i>
668                          </div>
669                        </a>
670                      </div>
671                    </div>
672                  </div>
673
674
675                  <div class="stack-item">
676                    <div class="mxd-services-stack__inner showcase-inner bg-base-opp">
677                      <div class="mxd-services-stack__title showcase-title">
678                        <h3 class="opposite">Video Prodüksiyon</h3>
679                        <span class="mxd-services-stack__number t-opp-brigth">/8</span>
680                      </div>
681                      <div class="mxd-services-stack__info showcase-info">
682                        <p class="t-opposite">“Grafik tasarımı, markanızın görsel dilini oluşturur. Yaratıcı ve estetik tasarımlarla mesajınızı güçlendirir, hedef kitleniz üzerinde kalıcı bir etki bırakır.”</p>
683                      </div>
684                      <div class="mxd-services-stack__works">
685                        <a class="mxd-services-stack__work" href="videoproduksiyon.html">
686                          <img class="mxd-services-stack__preview" src="https://huseyinfazlikama.com.tr/ykimg/post/produksiyon.jpg" alt="Work Preview">
687                         
688                          <div class="mxd-preview-hover">
689                            <i class="mxd-preview-hover__icon icon-small">
690                              <img src="img/icons/icon-eye.svg" alt="Eye Icon">
691                            </i>
692                          </div>
693                        </a>
694                        <a class="mxd-services-stack__work" href="videoproduksiyon.html">
695                          <img class="mxd-services-stack__preview" src="https://www.adobe.com/tr/creativecloud/video/discover/media_15a4b97431eeb2da3fd39b06e2daac2f04ff886ea.png?width=750&format=png&optimize=medium" alt="Work Preview">
696                         
697                          <div class="mxd-preview-hover">
698                            <i class="mxd-preview-hover__icon icon-small">
699                              <img src="img/icons/icon-eye.svg" alt="Eye Icon">
700                            </i>
701                          </div>
702                        </a>
703                      </div>
704                    </div>
705                  </div>
706
707
708
709
710
711
712
713
714                </div>
715              </div>
716            </div>
717          </div>
718          <!-- Block - Services/Features Stacking Cards End -->
719
720        </div>
721      </div>
722      <!-- Section - Services/Features Stacking Cards End -->
723
724      <!-- Section - Our Capabilities List Small Start -->
725      <div class="mxd-section overflow-hidden padding-grid-pre-mtext">
726        <div class="mxd-container grid-container">
727
728          <!-- Block - Section Title Start -->
729          
730          <!-- Block - Section Title End -->
731
732          <!-- Block - Our Capabilities List Start -->
733          
734      <!-- Section - Our Capabilities List Small End -->
735
736      <!-- Section - Marquee Text One Line Start -->
737      <div class="mxd-section padding-mtext-pre-grid">
738        <div class="mxd-container fullwidth-container">
739
740          <!-- Block - Marquee Text One Line Start -->
741          <div class="mxd-block">
742            <div class="marquee marquee-right--gsap muted-extra marquee-gradient">
743    <div class="marquee__toright">
744                <!-- single item -->
745                <div class="marquee__item one-line item-regular text">
746                  <p class="marquee__text"> Tasarım </p>
747                  <div class="marquee__image">
748                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" fill="currentColor">
749                      <path fill="currentColor" d="M78.4,38.4c0,0-11.8,0-15.8,0c-1.6,0-4.8-0.2-7.1-0.8c-2.3-0.6-4.3-0.8-6.3-2.4c-2-1.2-3.5-3.2-4.7-4.8
750                        c-1.2-1.6-1.6-3.6-2-5.5c-0.3-1.5-0.7-4.3-0.8-5.9c-0.2-4.3,0-17.4,0-17.4C41.8,0.8,41,0,40.2,0s-1.6,0.8-1.6,1.6c0,0,0,13.1,0,17.4
751                        c0,1.6-0.6,4.3-0.8,5.9c-0.3,2-0.8,4-2,5.5c-1.2,2-2.8,3.6-4.7,4.8s-4,1.8-6.3,2.4c-1.9,0.5-4.7,0.6-6.7,0.8c-3.9,0.4-16.6,0-16.6,0
752                        C0.8,38.4,0,39.2,0,40c0,0.8,0.8,1.6,1.6,1.6c0,0,12.2,0,16.6,0c1.6,0,4.8,0.3,6.7,0.8c2.3,0.6,4.3,0.8,6.3,2.4
753                        c1.6,1.2,3.2,2.8,4.3,4.4c1.2,2,2.1,3.9,2.4,6.3c0.2,1.7,0.7,4.7,0.8,6.7c0.2,4,0,16.2,0,16.2c0,0.8,0.8,1.6,1.6,1.6
754                        s1.6-0.8,1.6-1.6c0,0,0-12.3,0-16.2c0-1.6,0.5-5.1,0.8-6.7c0.5-2.3,0.8-4.4,2.4-6.3c1.2-1.6,2.8-3.2,4.3-4.4c2-1.2,3.9-2,6.3-2.4
755                        c1.8-0.3,5.1-0.7,7.1-0.8c3.5-0.2,15.8,0,15.8,0c0.8,0,1.6-0.8,1.6-1.6C80,39.2,79.2,38.4,78.4,38.4C78.4,38.4,78.4,38.4,78.4,38.4z
756                        "/>
757                    </svg>
758                  </div>
759                </div>
760                <!-- single item -->
761                <div class="marquee__item one-line item-regular ">
762                  <p class="marquee__text"> Yazılım </p>
763                  <div class="marquee__image">
764                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" fill="currentColor">
765                      <path fill="currentColor" d="M78.4,38.4c0,0-11.8,0-15.8,0c-1.6,0-4.8-0.2-7.1-0.8c-2.3-0.6-4.3-0.8-6.3-2.4c-2-1.2-3.5-3.2-4.7-4.8
766                        c-1.2-1.6-1.6-3.6-2-5.5c-0.3-1.5-0.7-4.3-0.8-5.9c-0.2-4.3,0-17.4,0-17.4C41.8,0.8,41,0,40.2,0s-1.6,0.8-1.6,1.6c0,0,0,13.1,0,17.4
767                        c0,1.6-0.6,4.3-0.8,5.9c-0.3,2-0.8,4-2,5.5c-1.2,2-2.8,3.6-4.7,4.8s-4,1.8-6.3,2.4c-1.9,0.5-4.7,0.6-6.7,0.8c-3.9,0.4-16.6,0-16.6,0
768                        C0.8,38.4,0,39.2,0,40c0,0.8,0.8,1.6,1.6,1.6c0,0,12.2,0,16.6,0c1.6,0,4.8,0.3,6.7,0.8c2.3,0.6,4.3,0.8,6.3,2.4
769                        c1.6,1.2,3.2,2.8,4.3,4.4c1.2,2,2.1,3.9,2.4,6.3c0.2,1.7,0.7,4.7,0.8,6.7c0.2,4,0,16.2,0,16.2c0,0.8,0.8,1.6,1.6,1.6
770                        s1.6-0.8,1.6-1.6c0,0,0-12.3,0-16.2c0-1.6,0.5-5.1,0.8-6.7c0.5-2.3,0.8-4.4,2.4-6.3c1.2-1.6,2.8-3.2,4.3-4.4c2-1.2,3.9-2,6.3-2.4
771                        c1.8-0.3,5.1-0.7,7.1-0.8c3.5-0.2,15.8,0,15.8,0c0.8,0,1.6-0.8,1.6-1.6C80,39.2,79.2,38.4,78.4,38.4C78.4,38.4,78.4,38.4,78.4,38.4z
772                        "/>
773                    </svg>
774                  </div>
775                </div>
776                <!-- single item -->
777                <div class="marquee__item one-line item-regular ">
778                  <p class="marquee__text"> Kurumsal Kimlik </p>
779                  <div class="marquee__image">
780                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" fill="currentColor">
781                      <path fill="currentColor" d="M78.4,38.4c0,0-11.8,0-15.8,0c-1.6,0-4.8-0.2-7.1-0.8c-2.3-0.6-4.3-0.8-6.3-2.4c-2-1.2-3.5-3.2-4.7-4.8
782                        c-1.2-1.6-1.6-3.6-2-5.5c-0.3-1.5-0.7-4.3-0.8-5.9c-0.2-4.3,0-17.4,0-17.4C41.8,0.8,41,0,40.2,0s-1.6,0.8-1.6,1.6c0,0,0,13.1,0,17.4
783                        c0,1.6-0.6,4.3-0.8,5.9c-0.3,2-0.8,4-2,5.5c-1.2,2-2.8,3.6-4.7,4.8s-4,1.8-6.3,2.4c-1.9,0.5-4.7,0.6-6.7,0.8c-3.9,0.4-16.6,0-16.6,0
784                        C0.8,38.4,0,39.2,0,40c0,0.8,0.8,1.6,1.6,1.6c0,0,12.2,0,16.6,0c1.6,0,4.8,0.3,6.7,0.8c2.3,0.6,4.3,0.8,6.3,2.4
785                        c1.6,1.2,3.2,2.8,4.3,4.4c1.2,2,2.1,3.9,2.4,6.3c0.2,1.7,0.7,4.7,0.8,6.7c0.2,4,0,16.2,0,16.2c0,0.8,0.8,1.6,1.6,1.6
786                        s1.6-0.8,1.6-1.6c0,0,0-12.3,0-16.2c0-1.6,0.5-5.1,0.8-6.7c0.5-2.3,0.8-4.4,2.4-6.3c1.2-1.6,2.8-3.2,4.3-4.4c2-1.2,3.9-2,6.3-2.4
787                        c1.8-0.3,5.1-0.7,7.1-0.8c3.5-0.2,15.8,0,15.8,0c0.8,0,1.6-0.8,1.6-1.6C80,39.2,79.2,38.4,78.4,38.4C78.4,38.4,78.4,38.4,78.4,38.4z
788                        "/>
789                    </svg>
790                  </div>
791                </div>
792                <!-- single item -->
793                <div class="marquee__item one-line item-regular text">
794                  <p class="marquee__text"> E-Ticaret </p>
795                  <div class="marquee__image">
796                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" fill="currentColor">
797                      <path fill="currentColor" d="M78.4,38.4c0,0-11.8,0-15.8,0c-1.6,0-4.8-0.2-7.1-0.8c-2.3-0.6-4.3-0.8-6.3-2.4c-2-1.2-3.5-3.2-4.7-4.8
798                        c-1.2-1.6-1.6-3.6-2-5.5c-0.3-1.5-0.7-4.3-0.8-5.9c-0.2-4.3,0-17.4,0-17.4C41.8,0.8,41,0,40.2,0s-1.6,0.8-1.6,1.6c0,0,0,13.1,0,17.4
799                        c0,1.6-0.6,4.3-0.8,5.9c-0.3,2-0.8,4-2,5.5c-1.2,2-2.8,3.6-4.7,4.8s-4,1.8-6.3,2.4c-1.9,0.5-4.7,0.6-6.7,0.8c-3.9,0.4-16.6,0-16.6,0
800                        C0.8,38.4,0,39.2,0,40c0,0.8,0.8,1.6,1.6,1.6c0,0,12.2,0,16.6,0c1.6,0,4.8,0.3,6.7,0.8c2.3,0.6,4.3,0.8,6.3,2.4
801                        c1.6,1.2,3.2,2.8,4.3,4.4c1.2,2,2.1,3.9,2.4,6.3c0.2,1.7,0.7,4.7,0.8,6.7c0.2,4,0,16.2,0,16.2c0,0.8,0.8,1.6,1.6,1.6
802                        s1.6-0.8,1.6-1.6c0,0,0-12.3,0-16.2c0-1.6,0.5-5.1,0.8-6.7c0.5-2.3,0.8-4.4,2.4-6.3c1.2-1.6,2.8-3.2,4.3-4.4c2-1.2,3.9-2,6.3-2.4
803                        c1.8-0.3,5.1-0.7,7.1-0.8c3.5-0.2,15.8,0,15.8,0c0.8,0,1.6-0.8,1.6-1.6C80,39.2,79.2,38.4,78.4,38.4C78.4,38.4,78.4,38.4,78.4,38.4z
804                        "/>
805                    </svg>
806                  </div>
807                </div>
808                <!-- single item -->
809                <div class="marquee__item one-line item-regular text">
810                  <p class="marquee__text"> Mobil Uygulama </p>
811                  <div class="marquee__image">
812                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" fill="currentColor">
813                      <path fill="currentColor" d="M78.4,38.4c0,0-11.8,0-15.8,0c-1.6,0-4.8-0.2-7.1-0.8c-2.3-0.6-4.3-0.8-6.3-2.4c-2-1.2-3.5-3.2-4.7-4.8
814                        c-1.2-1.6-1.6-3.6-2-5.5c-0.3-1.5-0.7-4.3-0.8-5.9c-0.2-4.3,0-17.4,0-17.4C41.8,0.8,41,0,40.2,0s-1.6,0.8-1.6,1.6c0,0,0,13.1,0,17.4
815                        c0,1.6-0.6,4.3-0.8,5.9c-0.3,2-0.8,4-2,5.5c-1.2,2-2.8,3.6-4.7,4.8s-4,1.8-6.3,2.4c-1.9,0.5-4.7,0.6-6.7,0.8c-3.9,0.4-16.6,0-16.6,0
816                        C0.8,38.4,0,39.2,0,40c0,0.8,0.8,1.6,1.6,1.6c0,0,12.2,0,16.6,0c1.6,0,4.8,0.3,6.7,0.8c2.3,0.6,4.3,0.8,6.3,2.4
817                        c1.6,1.2,3.2,2.8,4.3,4.4c1.2,2,2.1,3.9,2.4,6.3c0.2,1.7,0.7,4.7,0.8,6.7c0.2,4,0,16.2,0,16.2c0,0.8,0.8,1.6,1.6,1.6
818                        s1.6-0.8,1.6-1.6c0,0,0-12.3,0-16.2c0-1.6,0.5-5.1,0.8-6.7c0.5-2.3,0.8-4.4,2.4-6.3c1.2-1.6,2.8-3.2,4.3-4.4c2-1.2,3.9-2,6.3-2.4
819                        c1.8-0.3,5.1-0.7,7.1-0.8c3.5-0.2,15.8,0,15.8,0c0.8,0,1.6-0.8,1.6-1.6C80,39.2,79.2,38.4,78.4,38.4C78.4,38.4,78.4,38.4,78.4,38.4z
820                        "/>
821                    </svg>
822                  </div>
823                </div>
824                
825              </div>
826            </div>
827          </div>
828			
829			<br>
830			<br>
831			<br>
832          <!-- Block - Marquee Text One Line End -->
833<!-- Inner Headline Content Start -->
834               <center> <div class="col-12 col-xl-10 mxd-grid-item no-margin">
835
836                  <div class="mxd-block__content">
837                    <div class="mxd-block__inner-headline">
838                      <h1>Web Tasarım Paketleri</h1>
839                      <p class="inner-headline__text t-large t-bright">Güçlü bir ilk izlenim yarat!
840Modern, hızlı ve mobil uyumlu web tasarım paketlerimizle işletmene özel profesyonel bir dijital vitrin oluştur.
841Tasarım, hız ve kullanıcı deneyimi tek pakette.</p> 
842                    </div>
843                  </div>
844
845				   </div></center>
846                <!-- Inner Headline Content End -->
847        </div>
848      </div>
849      <!-- Section - Marquee Text One Line End -->
850 <!-- Section - Pricing Cards Start -->
851      <div class="mxd-section padding-grid-pre-mtext">
852        <div class="mxd-container grid-container">
853
854          <!-- Block - Pricing Cards Start -->
855          <div class="mxd-block">
856            <div class="mxd-pricing-table loading__fade">
857              <div class="container-fluid p-0">
858                <div class="row g-0">
859                  <div class="col-12 col-xl-4 mxd-pricing-table__item mxd-grid-item animate-card-3">
860                    <div class="mxd-pricing-table__inner">
861                      <div class="mxd-pricing-table__tag">
862                        <span class="tag tag-default tag-permanent">🦄 Yeni Başlayanlara</span> 
863                      </div>
864                      <div class="mxd-pricing-table__data">
865                        <div class="pricing-data__header">
866                          <h4 class="pricing-header__title anim-uni-in-up">Standart Paket</h4>
867                          <p class="pricing-header__descr anim-uni-in-up">Markasını yeni kurmuş işletmeler için en uygun web tasarım paketi.</p>
868                        </div>
869                        <div class="pricing-data__info">
870                          <div class="pricing-data__price">
871                            <div class="pricing-data__num anim-uni-in-up">
872                              <span class="pricing-data__amount">12.000 </span>
873                              <span class="pricing-data__currency">₺</span>
874                              <span class="pricing-data__period"> / tek sefer</span>
875                            </div>
876                            <p class="t-small t-muted t-140 anim-uni-in-up">4-5 iş günü içerisinde teslim.</p>
877                          </div>
878                          <div class="pricing-data__btnholder anim-uni-in-up">
879                            <a class="btn btn-anim btn-default btn-opposite btn-fullwidth slide-right-up" href="https://www.paytr.com/link/crDh846">
880                              <span class="btn-caption">Hemen Satın Al</span>
881                              <i class="ph-bold ph-arrow-up-right"></i>
882                            </a>
883                          </div>
884                          <div class="pricing-data__divider anim-uni-in-up"></div>
885                        </div>
886                      </div>
887                      <div class="mxd-pricing-table__plan">
888                        <p class="pricing-plan__caption t-semibold t-bright anim-uni-in-up">Paket İçerik Özellikleri:</p>
889                        <div class="pricing-plan__list">
890                          <ul class="mxd-check-list">
891                            <li class="anim-uni-in-up">
892                              <i class="ph ph-check"></i>
893                              <span>1 Adet Domain</span>
894                            </li>
895                            <li class="anim-uni-in-up">
896                              <i class="ph ph-check"></i>
897                              <span>1 Adet Hosting</span>
898                            </li>
899                            <li class="anim-uni-in-up">
900                              <i class="ph ph-check"></i>
901                              <span>1 SSL Sertifikası</span>
902                            </li>
903                            <li class="anim-uni-in-up">
904                              <i class="ph ph-check"></i>
905                              <span>1 Adet Logo Tasarımı</span>
906                            </li>
907                            <li class="anim-uni-in-up">
908                              <i class="ph ph-check"></i>
909                              <span>1 Adet Kurumsal Mail</span>
910                            </li>
911                            <li class="anim-uni-in-up">
912                              <i class="ph ph-check"></i>
913                              <span>5 Adet Sayfa Tasarımı</span>
914                            </li>
915                            <li class="anim-uni-in-up">
916                              <i class="ph ph-check"></i>
917                              <span>Responsive (Mobil Uyumlu)</span>
918                            </li>
919							   <li class="anim-uni-in-up">
920                              <i class="ph ph-check"></i>
921                              <span>Standart Yönetim Paneli</span>
922                            </li>
923                             <li class="anim-uni-in-up">
924                              <i class="ph ph-check"></i>
925                              <span>Whatsapp Butonu Modülü</span>
926                            </li>
927                             <li class="anim-uni-in-up">
928                              <i class="ph ph-check"></i>
929                              <span>Telefon Butonu Modülü</span>
930                            </li>
931                             <li class="anim-uni-in-up">
932                              <i class="ph ph-check"></i>
933                              <span>Sosyal Medya Modülü</span>
934                            </li>
935                            <li class="anim-uni-in-up">
936                              <i class="ph ph-check"></i>
937                              <span>Seo Optimizasyonu</span>
938                            </li>
939                            <li class="anim-uni-in-up">
940                              <i class="ph ph-check"></i>
941                              <span>DDOS Saldırı Koruması</span>
942                            </li>
943                            <li class="anim-uni-in-up">
944                              <i class="ph ph-check"></i>
945                              <span>Aylık Yedekleme</span>
946                            </li>
947                          </ul>
948                        </div>
949                      </div>
950                      <div class="mxd-pricing-table__link anim-uni-in-up">
951                        <a href="contact.html">Sorunuz mu var ? İletişime geçin.</a>
952                      </div>
953                    </div>
954                  </div>
955
956
957                  <div class="col-12 col-xl-4 mxd-pricing-table__item mxd-grid-item animate-card-3">
958                    <div class="mxd-pricing-table__inner best-choice">
959                      <div class="mxd-pricing-table__tag">
960                        <span class="tag tag-default tag-accent">🔥 Tavsiye Edilen</span>
961                      </div>
962                      <div class="mxd-pricing-table__data">
963                        <div class="pricing-data__header">
964                          <h4 class="pricing-header__title anim-uni-in-up">Kurumsal Paket</h4>
965                          <p class="pricing-header__descr anim-uni-in-up">Hedef kitlesine ulaşmak ve kurumsal marka bilinirliğini arttırmak için en uygun web tasarım paketi.</p>
966                        </div>
967                        <div class="pricing-data__info">
968                          <div class="pricing-data__price">
969                            <div class="pricing-data__num anim-uni-in-up">
970                              <span class="pricing-data__amount">17.000 </span>
971                              <span class="pricing-data__currency">₺</span>
972                              <span class="pricing-data__period"> / tek sefer</span>
973                            </div>
974                            <p class="t-small t-muted t-140 anim-uni-in-up">6-7 iş günü içerisinde teslim.</p>
975                          </div>
976                          <div class="pricing-data__btnholder anim-uni-in-up">
977                            <a class="btn btn-anim btn-default btn-opposite btn-fullwidth slide-right-up" href="https://www.paytr.com/link/bhvhIQm">
978                            <span class="btn-caption">Hemen Satın Al</span>
979                              <i class="ph-bold ph-arrow-up-right"></i>
980                            </a>
981                          </div>
982                          <div class="pricing-data__divider anim-uni-in-up"></div>
983                        </div>
984                      </div>
985                      <div class="mxd-pricing-table__plan">
986                        <p class="pricing-plan__caption t-semibold t-bright anim-uni-in-up">Paket İçerik Özellikleri:</p>
987                        <div class="pricing-plan__list">
988                          <ul class="mxd-check-list">
989                           <li class="anim-uni-in-up">
990                              <i class="ph ph-check"></i>
991                              <span>1 Adet Domain</span>
992                            </li>
993                            <li class="anim-uni-in-up">
994                              <i class="ph ph-check"></i>
995                              <span>1 Adet Hosting</span>
996                            </li>
997                            <li class="anim-uni-in-up">
998                              <i class="ph ph-check"></i>
999                              <span>1 SSL Sertifikası</span>
1000                            </li>
1001                            <li class="anim-uni-in-up">
1002                              <i class="ph ph-check"></i>
1003                              <span>1 Adet Logo Tasarımı</span>
1004                            </li>
1005                            <li class="anim-uni-in-up">
1006                              <i class="ph ph-check"></i>
1007                              <span>5 Adet Kurumsal Mail</span>
1008                            </li>
1009                            <li class="anim-uni-in-up">
1010                              <i class="ph ph-check"></i>
1011                              <span>15 Adet Sayfa Tasarımı</span>
1012                            </li>
1013                            <li class="anim-uni-in-up">
1014                              <i class="ph ph-check"></i>
1015                              <span>Responsive (Mobil Uyumlu)</span>
1016                            </li>
1017                             <li class="anim-uni-in-up">
1018                              <i class="ph ph-check"></i>
1019                              <span>Rakip Analizi</span>
1020                            </li>
1021                             <li class="anim-uni-in-up">
1022                              <i class="ph ph-check"></i>
1023                              <span>Anahtar Kelime Analizi</span>
1024                            </li>
1025                             <li class="anim-uni-in-up">
1026                              <i class="ph ph-check"></i>
1027                              <span>Makale Çalışması</span>
1028                            </li>
1029                             <li class="anim-uni-in-up">
1030                              <i class="ph ph-check"></i>
1031                              <span>Gelişmiş Yönetim Paneli</span>
1032                            </li>
1033                             <li class="anim-uni-in-up">
1034                              <i class="ph ph-check"></i>
1035                              <span>Whatsapp Butonu Modülü</span>
1036                            </li>
1037                             <li class="anim-uni-in-up">
1038                              <i class="ph ph-check"></i>
1039                              <span>Telefon Butonu Modülü</span>
1040                            </li>
1041                             <li class="anim-uni-in-up">
1042                              <i class="ph ph-check"></i>
1043                              <span>Sosyal Medya Modülü</span>
1044                            </li>
1045                            <li class="anim-uni-in-up">
1046                              <i class="ph ph-check"></i>
1047                              <span>Seo Optimizasyonu</span>
1048                            </li>
1049                            <li class="anim-uni-in-up">
1050                              <i class="ph ph-check"></i>
1051                              <span>DDOS Saldırı Koruması</span>
1052                            </li>
1053                            <li class="anim-uni-in-up">
1054                              <i class="ph ph-check"></i>
1055                              <span>Haftalık Yedekleme</span>
1056                            </li>
1057                          </ul>
1058                        </div>
1059                      </div>
1060                      <div class="mxd-pricing-table__link anim-uni-in-up">
1061                        <a href="contact.html">Sorunuz mu var ? İletişime geçin.</a>
1062                      </div>
1063                    </div>
1064                  </div>
1065
1066
1067
1068                  <div class="col-12 col-xl-4 mxd-pricing-table__item mxd-grid-item animate-card-3">
1069                    <div class="mxd-pricing-table__inner best-choice">
1070                      <div class="mxd-pricing-table__tag">
1071                        <span class="tag tag-default tag-additional">🤙 Fark Yaratmak İsteyenlere</span>
1072                      </div>
1073                      <div class="mxd-pricing-table__data">
1074                        <div class="pricing-data__header">
1075                          <h4 class="pricing-header__title anim-uni-in-up">Gelişmiş Paket</h4>
1076                          <p class="pricing-header__descr anim-uni-in-up">Potansiyel müşterilerin ve satışların artışına ulaşmak isteyen işletme ya da markalar için en uygun web tasarım paketi.</p>
1077                        </div>
1078                        <div class="pricing-data__info">
1079                          <div class="pricing-data__price">
1080                            <div class="pricing-data__num anim-uni-in-up">
1081                              <span class="pricing-data__amount">23.000 </span>
1082                              <span class="pricing-data__currency">₺</span>
1083                              <span class="pricing-data__period"> / tek sefer</span>
1084                            </div>
1085                            <p class="t-small t-muted t-140 anim-uni-in-up">9-10 iş günü içerisinde teslim.</p>
1086                          </div>
1087                          <div class="pricing-data__btnholder anim-uni-in-up">
1088                            <a class="btn btn-anim btn-default btn-opposite btn-fullwidth slide-right-up" href="https://www.paytr.com/link/VwOM881">
1089                             <span class="btn-caption">Hemen Satın Al</span>
1090                              <i class="ph-bold ph-arrow-up-right"></i>
1091                            </a>
1092                          </div>
1093                          <div class="pricing-data__divider anim-uni-in-up"></div>
1094                        </div>
1095                      </div>
1096                      <div class="mxd-pricing-table__plan">
1097                        <p class="pricing-plan__caption t-semibold t-bright anim-uni-in-up">Paket İçerik Özellikleri:</p>
1098                        <div class="pricing-plan__list">
1099                          <ul class="mxd-check-list">
1100                           <li class="anim-uni-in-up">
1101                              <i class="ph ph-check"></i>
1102                              <span>1 Adet Domain</span>
1103                            </li>
1104                            <li class="anim-uni-in-up">
1105                              <i class="ph ph-check"></i>
1106                              <span>1 Adet Hosting</span>
1107                            </li>
1108                            <li class="anim-uni-in-up">
1109                              <i class="ph ph-check"></i>
1110                              <span>1 SSL Sertifikası</span>
1111                            </li>
1112                            <li class="anim-uni-in-up">
1113                              <i class="ph ph-check"></i>
1114                              <span>2 Adet Logo Tasarımı</span>
1115                            </li>
1116                            <li class="anim-uni-in-up">
1117                              <i class="ph ph-check"></i>
1118                              <span>20 Adet Kurumsal Mail</span>
1119                            </li>
1120                            <li class="anim-uni-in-up">
1121                              <i class="ph ph-check"></i>
1122                              <span>Sınırsız Sayfa Tasarımı</span>
1123                            </li>
1124                            <li class="anim-uni-in-up">
1125                              <i class="ph ph-check"></i>
1126                              <span>Responsive (Mobil Uyumlu)</span>
1127                            </li>
1128                             <li class="anim-uni-in-up">
1129                              <i class="ph ph-check"></i>
1130                              <span>Özel Rakip Analizi</span>
1131                            </li>
1132                             <li class="anim-uni-in-up">
1133                              <i class="ph ph-check"></i>
1134                              <span>Anahtar Kelime Analizi</span>
1135                            </li>
1136                             <li class="anim-uni-in-up">
1137                              <i class="ph ph-check"></i>
1138                              <span>Organik Makale Çalışması</span>
1139                            </li>
1140                             <li class="anim-uni-in-up">
1141                              <i class="ph ph-check"></i>
1142                              <span>Kategori Yönetimi</span>
1143                            </li>
1144                             <li class="anim-uni-in-up">
1145                              <i class="ph ph-check"></i>
1146                              <span>Ürün Yönetimi</span>
1147                            </li>
1148                             <li class="anim-uni-in-up">
1149                              <i class="ph ph-check"></i>
1150                              <span>Sipariş Yönetimi</span>
1151                            </li>
1152                             <li class="anim-uni-in-up">
1153                              <i class="ph ph-check"></i>
1154                              <span>Kargo Yönetimi</span>
1155                            </li>
1156                             <li class="anim-uni-in-up">
1157                              <i class="ph ph-check"></i>
1158                              <span>Online Ödeme Yönetimi</span>
1159                            </li>
1160                             <li class="anim-uni-in-up">
1161                              <i class="ph ph-check"></i>
1162                              <span>Müşteri Yönetimi</span>
1163                            </li>
1164                             <li class="anim-uni-in-up">
1165                              <i class="ph ph-check"></i>
1166                              <span>Yorum Yönetimi</span>
1167                            </li>
1168                             <li class="anim-uni-in-up">
1169                              <i class="ph ph-check"></i>
1170                              <span>Üyelik Yönetimi</span>
1171                            </li>
1172                            <li class="anim-uni-in-up">
1173                              <i class="ph ph-check"></i>
1174                              <span>Sipariş Formu</span>
1175                            </li>
1176                            <li class="anim-uni-in-up">
1177                              <i class="ph ph-check"></i>
1178                              <span>Toplu Fiyat Güncelleme</span>
1179                            </li>
1180                             <li class="anim-uni-in-up">
1181                              <i class="ph ph-check"></i>
1182                              <span>Google Reklam Hesabı</span>
1183                            </li>
1184                             <li class="anim-uni-in-up">
1185                              <i class="ph ph-check"></i>
1186                              <span>Whatsapp Butonu Modülü</span>
1187                            </li>
1188                             <li class="anim-uni-in-up">
1189                              <i class="ph ph-check"></i>
1190                              <span>Telefon Butonu Modülü</span>
1191                            </li>
1192                             <li class="anim-uni-in-up">
1193                              <i class="ph ph-check"></i>
1194                              <span>Sosyal Medya Modülü</span>
1195                            </li>
1196                            <li class="anim-uni-in-up">
1197                              <i class="ph ph-check"></i>
1198                              <span>Seo Optimizasyonu</span>
1199                            </li>
1200                            <li class="anim-uni-in-up">
1201                              <i class="ph ph-check"></i>
1202                              <span>DDOS Saldırı Koruması</span>
1203                            </li>
1204                            <li class="anim-uni-in-up">
1205                              <i class="ph ph-check"></i>
1206                              <span>Haftalık Yedekleme</span>
1207                            </li>
1208                          </ul>
1209                        </div>
1210                      </div>
1211                      <div class="mxd-pricing-table__link anim-uni-in-up">
1212                       <a href="contact.html">Sorunuz mu var ? İletişime geçin.</a>
1213                      </div>
1214                    </div>
1215                  </div>
1216
1217
1218
1219                </div>
1220              </div>
1221            </div>
1222          </div>
1223          <!-- Block - Pricing Cards End -->
1224
1225        </div>
1226      </div>
1227      <!-- Section - Pricing Cards End -->
1228			
1229			
1230			  <center> <div class="col-12 col-xl-10 mxd-grid-item no-margin">
1231
1232                  <div class="mxd-block__content">
1233                    <div class="mxd-block__inner-headline">
1234                      <h1>Sosyal Medya Yönetim Paketleri</h1>
1235                       <p class="inner-headline__text t-large t-bright">Markanı dijital dünyada görünür kıl!
1236Profesyonel sosyal medya yönetimiyle hedef kitlene ulaş, etkileşimini artır ve markanı fark edilir hale getir.
1237Tasarım, içerik, analiz süreçleri tek çatı altında!</p>
1238                    </div>
1239                  </div>
1240
1241				   </div></center>
1242			
1243			<!-- Section - Pricing Cards Start -->
1244      <div class="mxd-section padding-grid-pre-mtext">
1245        <div class="mxd-container grid-container">
1246
1247          <!-- Block - Pricing Cards Start -->
1248          <div class="mxd-block">
1249            <div class="mxd-pricing-table loading__fade">
1250              <div class="container-fluid p-0">
1251                <div class="row g-0">
1252                  <div class="col-12 col-xl-4 mxd-pricing-table__item mxd-grid-item animate-card-3">
1253                    <div class="mxd-pricing-table__inner">
1254                      <div class="mxd-pricing-table__tag">
1255                        <span class="tag tag-default tag-permanent">🦄 Yeni Başlayanlara</span> 
1256                      </div>
1257                      <div class="mxd-pricing-table__data">
1258                        <div class="pricing-data__header">
1259                          <h4 class="pricing-header__title anim-uni-in-up">Başlangıç Paketi</h4>
1260                          <p class="pricing-header__descr anim-uni-in-up">Markasını yeni kurmuş işletmeler için en uygun sosyal medya yönetimi paketi.</p>
1261                        </div>
1262                        <div class="pricing-data__info">
1263                          <div class="pricing-data__price">
1264                            <div class="pricing-data__num anim-uni-in-up">
1265                              <span class="pricing-data__amount">18.300 </span>
1266                              <span class="pricing-data__currency">₺</span>
1267                              <span class="pricing-data__period"> / aylık</span>
1268                            </div>
1269                            <p class="t-small t-muted t-140 anim-uni-in-up">Maksimum 2 haftaya kadar içerik paylaşımı.</p>
1270                          </div>
1271                          <div class="pricing-data__btnholder anim-uni-in-up">
1272                            <a class="btn btn-anim btn-default btn-opposite btn-fullwidth slide-right-up" href="https://www.paytr.com/link/3VAjYXW">
1273                              <span class="btn-caption">Hemen Satın Al</span>
1274                              <i class="ph-bold ph-arrow-up-right"></i>
1275                            </a>
1276                          </div>
1277                          <div class="pricing-data__divider anim-uni-in-up"></div>
1278                        </div>
1279                      </div>
1280                      <div class="mxd-pricing-table__plan">
1281                        <p class="pricing-plan__caption t-semibold t-bright anim-uni-in-up">Paket İçerik Özellikleri:</p>
1282                        <div class="pricing-plan__list">
1283                          <ul class="mxd-check-list">
1284                            <li class="anim-uni-in-up">
1285                              <i class="ph ph-check"></i>
1286                              <span>10 Adet Post Paylaşımı</span>
1287                            </li>
1288                            <li class="anim-uni-in-up">
1289                              <i class="ph ph-check"></i>
1290                              <span>10 Adet Story Paylaşımı</span>
1291                            </li>
1292                            <li class="anim-uni-in-up">
1293                              <i class="ph ph-check"></i>
1294                              <span>3 Adet Reels Paylaşımı</span>
1295                            </li>
1296                             <li class="anim-uni-in-up">
1297                              <i class="ph ph-check"></i>
1298                              <span>Özel Gün Paylaşımı</span>
1299                            </li>
1300                            <li class="anim-uni-in-up">
1301                              <i class="ph ph-check"></i>
1302                              <span>Sosyal Medya Yönetimi</span>
1303                            </li>
1304                            <li class="anim-uni-in-up">
1305                              <i class="ph ph-check"></i>
1306                              <span>Hedef Kitle Rakip Analizi</span>
1307                            </li>
1308                            <li class="anim-uni-in-up">
1309                              <i class="ph ph-check"></i>
1310                              <span>Reklam Hesabı Kurulumu</span>
1311                            </li>
1312                            <li class="anim-uni-in-up">
1313                              <i class="ph ph-check"></i>
1314                              <span>Reklam Hesabı Yönetimi</span>
1315                            </li>
1316                          </ul>
1317                        </div>
1318                      </div>
1319                      <div class="mxd-pricing-table__link anim-uni-in-up">
1320                        <a href="contact.html">Sorunuz mu var ? İletişime geçin.</a>
1321                      </div>
1322                    </div>
1323                  </div>
1324
1325
1326                  <div class="col-12 col-xl-4 mxd-pricing-table__item mxd-grid-item animate-card-3">
1327                    <div class="mxd-pricing-table__inner best-choice">
1328                      <div class="mxd-pricing-table__tag">
1329                        <span class="tag tag-default tag-accent">🔥 Tavsiye Edilen</span>
1330                      </div>
1331                      <div class="mxd-pricing-table__data">
1332                        <div class="pricing-data__header">
1333                          <h4 class="pricing-header__title anim-uni-in-up">Büyüme Paketi</h4>
1334                          <p class="pricing-header__descr anim-uni-in-up">Hedef kitlesine ulaşmak ve kurumsal marka bilinirliğini arttırmak için en uygun s
1334osyal medya yönetimi paketi.</p>
1335                        </div>
1336                        <div class="pricing-data__info">
1337                          <div class="pricing-data__price">
1338                            <div class="pricing-data__num anim-uni-in-up">
1339                              <span class="pricing-data__amount">23.600 </span>
1340                              <span class="pricing-data__currency">₺</span>
1341                              <span class="pricing-data__period"> / aylık</span>
1342                            </div>
1343                            <p class="t-small t-muted t-140 anim-uni-in-up">Maksimum 30 güne kadar içerik paylaşımı.</p>
1344                          </div>
1345                          <div class="pricing-data__btnholder anim-uni-in-up">
1346                            <a class="btn btn-anim btn-default btn-opposite btn-fullwidth slide-right-up" href="https://www.paytr.com/link/X2s4Rrm">
1347                            <span class="btn-caption">Hemen Satın Al</span>
1348                              <i class="ph-bold ph-arrow-up-right"></i>
1349                            </a>
1350                          </div>
1351                          <div class="pricing-data__divider anim-uni-in-up"></div>
1352                        </div>
1353                      </div>
1354                      <div class="mxd-pricing-table__plan">
1355                        <p class="pricing-plan__caption t-semibold t-bright anim-uni-in-up">Paket İçerik Özellikleri:</p>
1356                        <div class="pricing-plan__list">
1357                          <ul class="mxd-check-list">
1358                            <li class="anim-uni-in-up">
1359                              <i class="ph ph-check"></i>
1360                              <span>15 Adet Post Paylaşımı</span>
1361                            </li>
1362                            <li class="anim-uni-in-up">
1363                              <i class="ph ph-check"></i>
1364                              <span>15 Adet Story Paylaşımı</span>
1365                            </li>
1366                            <li class="anim-uni-in-up">
1367                              <i class="ph ph-check"></i>
1368                              <span>5 Adet Reels Paylaşımı</span>
1369                            </li>
1370                             <li class="anim-uni-in-up">
1371                              <i class="ph ph-check"></i>
1372                              <span>Özel Gün Paylaşımı</span>
1373                            </li>
1374                            <li class="anim-uni-in-up">
1375                              <i class="ph ph-check"></i>
1376                              <span>Drone Etkilik Çekimi</span>
1377                            </li>
1378                            <li class="anim-uni-in-up">
1379                              <i class="ph ph-check"></i>
1380                              <span>Sosyal Medya Yönetimi</span>
1381                            </li>
1382                            <li class="anim-uni-in-up">
1383                              <i class="ph ph-check"></i>
1384                              <span>Hedef Kitle Rakip Analizi</span>
1385                            </li>
1386                            <li class="anim-uni-in-up">
1387                              <i class="ph ph-check"></i>
1388                              <span>Reklam Hesabı Kurulumu</span>
1389                            </li>
1390                            <li class="anim-uni-in-up">
1391                              <i class="ph ph-check"></i>
1392                              <span>Reklam Hesabı Yönetimi</span>
1393                            </li>
1394                             <li class="anim-uni-in-up">
1395                              <i class="ph ph-check"></i>
1396                              <span>Aylık Raporlama</span>
1397                            </li>
1398                          </ul>
1399                        </div>
1400                      </div>
1401                      <div class="mxd-pricing-table__link anim-uni-in-up">
1402                        <a href="contact.html">Sorunuz mu var ? İletişime geçin.</a>
1403                      </div>
1404                    </div>
1405                  </div>
1406
1407
1408
1409                  <div class="col-12 col-xl-4 mxd-pricing-table__item mxd-grid-item animate-card-3">
1410                    <div class="mxd-pricing-table__inner best-choice">
1411                      <div class="mxd-pricing-table__tag">
1412                        <span class="tag tag-default tag-additional">🤙 Fark Yaratmak İsteyenlere</span>
1413                      </div>
1414                      <div class="mxd-pricing-table__data">
1415                        <div class="pricing-data__header">
1416                          <h4 class="pricing-header__title anim-uni-in-up">Prestij Paketi</h4>
1417                          <p class="pricing-header__descr anim-uni-in-up">Potansiyel müşterilerin ve satışların artışına ulaşmak isteyen işletme ya da markalar için en uygun sosyal medya yönetimi paketi.</p>
1418                        </div>
1419                        <div class="pricing-data__info">
1420                          <div class="pricing-data__price">
1421                            <div class="pricing-data__num anim-uni-in-up">
1422                              <span class="pricing-data__amount">28.000 </span>
1423                              <span class="pricing-data__currency">₺</span>
1424                              <span class="pricing-data__period"> / aylık</span>
1425                            </div>
1426                            <p class="t-small t-muted t-140 anim-uni-in-up">Maksimum 30 güne kadar içerik paylaşımı.</p>
1427                          </div>
1428                          <div class="pricing-data__btnholder anim-uni-in-up">
1429                            <a class="btn btn-anim btn-default btn-opposite btn-fullwidth slide-right-up" href="https://www.paytr.com/link/425dWqp">
1430                             <span class="btn-caption">Hemen Satın Al</span>
1431                              <i class="ph-bold ph-arrow-up-right"></i>
1432                            </a>
1433                          </div>
1434                          <div class="pricing-data__divider anim-uni-in-up"></div>
1435                        </div>
1436                      </div>
1437                      <div class="mxd-pricing-table__plan">
1438                        <p class="pricing-plan__caption t-semibold t-bright anim-uni-in-up">Paket İçerik Özellikleri:</p>
1439                        <div class="pricing-plan__list">
1440                          <ul class="mxd-check-list">
1441                            <li class="anim-uni-in-up">
1442                              <i class="ph ph-check"></i>
1443                              <span>20 Adet Post Paylaşımı</span>
1444                            </li>
1445                            <li class="anim-uni-in-up">
1446                              <i class="ph ph-check"></i>
1447                              <span>15 Adet Story Paylaşımı</span>
1448                            </li>
1449                            <li class="anim-uni-in-up">
1450                              <i class="ph ph-check"></i>
1451                              <span>10 Adet Reels Paylaşımı</span>
1452                            </li>
1453                            <li class="anim-uni-in-up">
1454                              <i class="ph ph-check"></i>
1455                              <span>Özel Gün Paylaşımı</span>
1456                            </li>
1457                            <li class="anim-uni-in-up">
1458                              <i class="ph ph-check"></i>
1459                              <span>Drone Etkilik Çekimi</span>
1460                            </li>
1461                            <li class="anim-uni-in-up">
1462                              <i class="ph ph-check"></i>
1463                              <span>Sosyal Medya Yönetimi</span>
1464                            </li>
1465                            <li class="anim-uni-in-up">
1466                              <i class="ph ph-check"></i>
1467                              <span>Ai Destekli İçerik</span>
1468                            </li>
1469                            <li class="anim-uni-in-up">
1470                              <i class="ph ph-check"></i>
1471                              <span>Hedef Kitle Rakip Analizi</span>
1472                            </li>
1473                            <li class="anim-uni-in-up">
1474                              <i class="ph ph-check"></i>
1475                              <span>Reklam Hesabı Kurulumu</span>
1476                            </li>
1477                            <li class="anim-uni-in-up">
1478                              <i class="ph ph-check"></i>
1479                              <span>Reklam Hesabı Yönetimi</span>
1480                            </li>
1481                             <li class="anim-uni-in-up">
1482                              <i class="ph ph-check"></i>
1483                              <span>Aylık Raporlama</span>
1484                            </li>
1485                          </ul>
1486                        </div>
1487                      </div>
1488                      <div class="mxd-pricing-table__link anim-uni-in-up">
1489                       <a href="contact.html">Sorunuz mu var ? İletişime geçin.</a>
1490                      </div>
1491                    </div>
1492                  </div>
1493
1494
1495
1496                </div>
1497              </div>
1498            </div>
1499          </div>
1500          <!-- Block - Pricing Cards End -->
1501
1502        </div>
1503      </div>
1504      <!-- Section - Pricing Cards End -->
1505			
1506			
1507      <!-- Section - Statistics Cards Start -->
1508      <div class="mxd-section overflow-hidden padding-pre-title">
1509        <div class="mxd-container grid-container">
1510
1511          <!-- Block - Statistics Cards Start -->
1512          <div class="mxd-block">
1513            <div class="mxd-stats-cards">
1514              <div class="container-fluid px-0">
1515                <div class="row gx-0">
1516                  <!-- item -->
1517                  <div class="col-12 col-xl-5 mxd-stats-cards__item mxd-grid-item anim-uni-scale-in-right">
1518                    <div class="mxd-stats-cards__inner align-end bg-accent radius-m padding-4">
1519                      <div class="mxd-counter align-end">
1520                        <p id="stats-counter-1" class="mxd-counter__number mxd-stats-number opposite">0</p>
1521                        <p class="mxd-counter__descr t-140 t-bright opposite">yıldan fazla<br> başarılı tecrübe</p>
1522                      </div>
1523                      <div class="mxd-stats-cards__btngroup">
1524                        <a class="btn btn-anim btn-default btn-outline opposite slide-right-up" href="about-me.html">
1525                          <span class="btn-caption">Bizi yakından tanıyın</span>
1526                          <i class="ph-bold ph-arrow-up-right"></i>
1527                        </a>
1528                      </div>
1529                      <div class="mxd-stats-cards__image mxd-stats-cards-image-1">
1530                        <img src="img/illustrations/800x800_card-image-01.webp" alt="Redox Crativelab">
1531                      </div>
1532                    </div>
1533                  </div>
1534                  <!-- item -->
1535                  <div class="col-12 col-xl-7 mxd-stats-cards__item mxd-grid-item anim-uni-scale-in-left">
1536                    <div class="mxd-stats-cards__inner align-end bg-base-tint radius-m padding-4">
1537                     
1538                      <div class="mxd-counter align-end">
1539                        <p id="stats-counter-2" class="mxd-counter__number mxd-stats-number">0</p>
1540                        <p class="mxd-counter__descr t-140 t-bright">oranla başarılı<br> mobil uygulama projeleri</p>
1541                      </div>
1542                      <div class="mxd-stats-cards__image mxd-stats-cards-image-2">
1543                        <img src="img/illustrations/800x800_card-image-02.png" alt="Illustration">
1544                      </div>
1545                    </div>
1546                  </div>
1547                  <!-- item -->
1548                  <div class="col-12 col-xl-7 mxd-stats-cards__item mxd-grid-item anim-uni-scale-in-right">
1549                    <div class="mxd-stats-cards__inner bg-base-tint radius-m padding-4">
1550                      <div class="mxd-counter">
1551                        <p id="stats-counter-3" class="mxd-counter__number mxd-stats-number">0</p>
1552                        <p class="mxd-counter__descr t-140 t-bright">adet tamamlanmış web tasarım ve yazılım projesi</p>
1553                      </div>
1554                      <div class="mxd-stats-cards__btngroup">
1555                        <a class="btn btn-anim btn-default btn-outline slide-right-down" href="contact.html">
1556                          <span class="btn-caption">Bir projem var</span>
1557                          <i class="ph-bold ph-arrow-down-right"></i>
1558                        </a>
1559                      </div>
1560                      <div class="mxd-stats-cards__image mxd-stats-cards-image-3">
1561                        <img src="img/illustrations/800x800_card-image-03.png" alt="Illustration">
1562                      </div>
1563                    </div>
1564                  </div> 
1565                  <!-- item -->
1566                  <div class="col-12 col-xl-5 mxd-stats-cards__item mxd-grid-item anim-uni-scale-in-left">
1567                    <div class="mxd-stats-cards__inner bg-base-tint radius-m padding-4">
1568                      <div class="mxd-counter">
1569                        <p id="stats-counter-4" class="mxd-counter__number mxd-stats-number">0</p>
1570                        <p class="mxd-counter__descr t-140 t-bright">olumlu dönüş getiren<br> dijital reklam projeleri</p>
1571                      </div>
1572                      <div class="mxd-stats-cards__btngroup">
1573                        <a class="btn btn-anim btn-default btn-outline slide-right-up" href="contact.html">
1574                          <span class="btn-caption">Reklama ihtiyacım var</span>
1575                          <i class="ph-bold ph-arrow-up-right"></i>
1576                        </a>
1577                      </div>
1578                      <div class="mxd-stats-cards__image mxd-stats-cards-image-4">
1579                        <img src="img/illustrations/800x800_card-image-04.png" alt="Illustration">
1580                      </div>
1581                    </div>
1582                  </div>
1583                </div>
1584              </div>
1585            </div>
1586          </div>
1587          <!-- Block - Statistics Cards End -->
1588
1589        </div>
1590      </div>
1591      <!-- Section - Statistics Cards End -->
1592
1593      <!-- Section - About Start -->
1594      <div class="mxd-section padding-pre-grid">
1595        <div class="mxd-container grid-container">
1596        
1597          <!-- Block - About Description with H2 Title and Paragraph Start -->
1598          <div class="mxd-block">
1599            <div class="container-fluid px-0">
1600              <div class="row gx-0">
1601                <div class="col-12 col-xl-5 mxd-grid-item no-margin">
1602                  <div class="mxd-block__name">
1603                    <h2 class="reveal-type anim-uni-in-up">RedoX Kim ?</h2>
1604                  </div>
1605                </div>
1606                <div class="col-12 col-xl-6 mxd-grid-item no-margin">
1607                  <div class="mxd-block__content">
1608                    <div class="mxd-block__paragraph">
1609                      <p class="t-large t-bright anim-uni-in-up">RedoX CreativeLab, yazılım ve dijital reklam dünyasında markaların gücünü ortaya çıkaran yaratıcı bir ajanstır. Web tasarım, e-ticaret, mobil uygulama, kurumsal kimlik, Meta & Google reklam yönetimi ve yapay zeka çözümleriyle iş ortaklarına geleceğin dijital deneyimini bugünden sunar. 
1610                        </p>
1611                      <p class="anim-uni-in-up">RedoX CreativeLab olarak, her projede vizyonumuz; yaratıcı fikirleri güçlü teknolojilerle birleştirerek markalara sürdürülebilir değer kazandırmak.
1612Bizim için her iş bir yolculuktur; markalarımızı sadece dijitalde büyütmekle kalmaz, aynı zamanda onları fark edilen, konuşulan ve hatırlanan bir noktaya taşırız.</p>
1613                      <div class="mxd-paragraph__controls anim-uni-in-up">
1614                        <a class="btn btn-anim btn-default btn-outline slide-right-up" href="about-me.html">
1615                          <span class="btn-caption">Daha fazla bilgi</span>
1616                          <i class="ph-bold ph-arrow-up-right"></i>
1617                        </a>
1618                      </div>
1619                      
1620                    </div>
1621                  </div>
1622                </div>
1623              </div>
1624            </div>
1625          </div>
1626          <!-- Block - About Description with H2 Title and Paragraph End -->
1627
1628        </div>
1629      </div>
1630      <!-- Section - About End -->
1631
1632      <!-- Section - Partners Cards Start -->
1633      <div class="mxd-section padding-pre-title">
1634        <div class="mxd-container grid-container">
1635
1636          <!-- Block - Partners Cards Start -->
1637          <div class="mxd-block">
1638            <div class="mxd-partners-cards">
1639              <div class="container-fluid p-0">
1640                <div class="row g-0">
1641                  <!-- item -->
1642                  <div class="col-12 col-md-6 col-xl-3 mxd-partners-cards__item mxd-grid-item animate-card-4">
1643                    <a class="mxd-partners-cards__inner" href="#0">
1644                      <div class="mxd-partners-cards__logo">
1645                        <img src="https://www.freelogovectors.net/wp-content/uploads/2023/05/google_ads_logo-freelogovectors.net_.png" alt="Partner Logo">
1646                      </div>
1647                    </a>
1648                  </div>
1649                  <!-- item -->
1650                  <div class="col-12 col-md-6 col-xl-3 mxd-partners-cards__item mxd-grid-item animate-card-4">
1651                    <a class="mxd-partners-cards__inner" href="#0">
1652                      <div class="mxd-partners-cards__logo">
1653                        <img src="https://upload.wikimedia.org/wikipedia/commons/a/ab/Meta-Logo.png" alt="Partner Logo">
1654                      </div>
1655                    </a>
1656                  </div>
1657                  <!-- item -->
1658                  <div class="col-12 col-md-6 col-xl-3 mxd-partners-cards__item mxd-grid-item animate-card-4">
1659                    <a class="mxd-partners-cards__inner" href="#0">
1660                      <div class="mxd-partners-cards__logo">
1661                        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/93/Facebook_logo_%282023%29.svg/2560px-Facebook_logo_%282023%29.svg.png" alt="Partner Logo">
1662                      </div>
1663                    </a>
1664                  </div>
1665                  <!-- item -->
1666                  <div class="col-12 col-md-6 col-xl-3 mxd-partners-cards__item mxd-grid-item animate-card-4">
1667                    <a class="mxd-partners-cards__inner" href="#0">
1668                      <div class="mxd-partners-cards__logo">
1669                        <img src="https://www.logo.wine/a/logo/Instagram/Instagram-Wordmark-Logo.wine.svg" alt="Partner Logo">
1670                      </div>
1671                    </a>
1672                  </div>
1673                  <!-- item -->
1674                  <div class="col-12 col-md-6 col-xl-3 mxd-partners-cards__item mxd-grid-item animate-card-4">
1675                    <a class="mxd-partners-cards__inner" href="#0">
1676                      <div class="mxd-partners-cards__logo">
1677                        <img src="https://www.php.net/images/logos/new-php-logo.svg" alt="Partner Logo">
1678                      </div>
1679                    </a>
1680                  </div>
1681                  <!-- item -->
1682                  <div class="col-12 col-md-6 col-xl-3 mxd-partners-cards__item mxd-grid-item animate-card-4">
1683                    <a class="mxd-partners-cards__inner" href="#0">
1684                      <div class="mxd-partners-cards__logo">
1685                        <img src="https://png.pngtree.com/png-vector/20230817/ourmid/pngtree-google-seo-promotion-icon-vector-png-image_9183333.png" alt="Partner Logo">
1686                      </div>
1687                    </a>
1688                  </div>
1689                  <!-- item -->
1690                  <div class="col-12 col-md-6 col-xl-3 mxd-partners-cards__item mxd-grid-item animate-card-4">
1691                    <a class="mxd-partners-cards__inner" href="#0">
1692                      <div class="mxd-partners-cards__logo">
1693                        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Adobe_Corporate_logo.svg/2560px-Adobe_Corporate_logo.svg.png" alt="Partner Logo">
1694                      </div>
1695                    </a>
1696                  </div>
1697                  <!-- item -->
1698                  <div class="col-12 col-md-6 col-xl-3 mxd-partners-cards__item mxd-grid-item animate-card-4">
1699                    <a class="mxd-partners-cards__inner" href="#0">
1700                      <div class="mxd-partners-cards__logo">
1701                        <img src="https://freelogopng.com/images/all_img/1681142315open-ai-logo.png" alt="Partner Logo">
1702                      </div>
1703                    </a>
1704                  </div>
1705                </div>
1706              </div>
1707            </div>
1708          </div>
1709          <!-- Block - Partners Cards End -->
1710
1711        </div>
1712      </div>
1713      <!-- Section - Partners Cards End -->
1714
1715      <!-- Section - Blog Preview Start -->
1716      <div class="mxd-section padding-blog">
1717        <div class="mxd-container grid-container">
1718
1719          <!-- Block - Section Title Start -->
1720          <div class="mxd-block">
1721            <div class="mxd-section-title pre-grid">
1722              <div class="container-fluid p-0">
1723                <div class="row g-0">
1724                  <div class="col-12 col-xl-5 mxd-grid-item no-margin">
1725                    <div class="mxd-section-title__hrtitle">
1726                      <h2 class="reveal-type anim-uni-in-up">Neden biz ?</h2>
1727                    </div>
1728                  </div>
1729                  <div class="col-12 col-xl-4 mxd-grid-item no-margin">
1730                    <div class="mxd-section-title__hrdescr">
1731                      <p class="anim-uni-in-up">Teknoloji & Yaratıcılığı aynı potada eritiriz.
1732
1733Ölçülebilir sonuçlar ve yüksek dönüşüm odaklı çalışırız.
1734
1735Her projeye özgün ve yenilikçi bir bakış açısı getiririz.
1736
1737Global trendleri takip eder, markanıza özel çözümler sunarız.</p>
1738                    </div>
1739                  </div>
1740                  <div class="col-12 col-xl-3 mxd-grid-item no-margin">
1741                    <div class="mxd-section-title__hrcontrols anim-uni-in-up">
1742                      <a class="btn btn-anim btn-default btn-outline slide-right-up" href="contact.html">
1743                        <span class="btn-caption">İletişim</span>
1744                        <i class="ph-bold ph-arrow-up-right"></i>
1745                      </a>
1746                    </div>
1747                  </div>
1748                </div>
1749              </div>
1750            </div>
1751          </div>
1752          <!-- Block - Section Title End -->
1753
1754          <!-- Block - Blog Preview Cards Start -->
1755        
1756          <!-- Block - Blog Preview Cards End -->
1757
1758        </div>
1759      </div>
1760      <!-- Section - Blog Preview End -->
1761
1762      <!-- Section - CTA Start -->
1763      <div class="mxd-section overflow-hidden">
1764        <div class="mxd-container">
1765
1766          <!-- Block - CTA Start -->
1767          <div class="mxd-block">
1768            <div class="mxd-promo">
1769              <div class="mxd-promo__inner anim-zoom-out-container">
1770                <!-- background -->
1771                <div class="mxd-promo__bg"></div>
1772                <!-- caption -->
1773                <div class="mxd-promo__content">
1774                  <p class="mxd-promo__title anim-uni-in-up">
1775                    <span class="mxd-promo__icon">
1776                      <img src="img/icons/300x300_obj-cta-01.webp" alt="Icon">
1777                    </span>
1778                    <span class="mxd-promo__caption reveal-type">Projeniz hakkında konuşalım!</span>
1779                  </p>
1780                  <div class="mxd-promo__controls anim-uni-in-up">
1781                    <a class="btn btn-anim btn-default btn-large btn-additional slide-right-up" href="contact.html">
1782                      <span class="btn-caption">İletişime geç</span>
1783                      <i class="ph-bold ph-arrow-up-right"></i>
1784                    </a>
1785                  </div>
1786                </div>
1787                <!-- parallax images -->
1788                <div class="mxd-promo__images">
1789                  <img class="promo-image promo-image-1" src="img/illustrations/cta-img-01.webp" alt="Image">
1790                  <img class="promo-image promo-image-2" src="img/illustrations/cta-img-02.webp" alt="Image">
1791                </div>
1792              </div>
1793            </div>
1794          </div>
1795          <!-- Block - CTA End -->
1796
1797        </div>
1798      </div>
1799      <!-- Section - CTA End -->
1800
1801    </main>
1802    <!-- Page Content End -->
1803
1804    <!-- Footer Start -->
1805    <footer id="mxd-footer" class="mxd-footer">
1806
1807      <!-- Footer Block - Fullwidth Text Start -->
1808      
1809      <!-- Footer Block - Fullwidth Text End -->
1810
1811      <!-- Footer Block - Info Columns Start -->
1812      <div class="mxd-footer__footer-blocks">
1813        <!-- single column -->
1814        <div class="footer-blocks__column animate-card-3">
1815          <!-- inner card -->
1816          <div class="footer-blocks__card fullheight-card">
1817            <!-- footer navigation -->
1818            <div class="footer-blocks__nav">
1819              <ul class="footer-nav">
1820                <li class="footer-nav__item anim-uni-in-up">
1821                  <a href="index.html" class="footer-nav__link btn-anim">
1822                    <span class="btn-caption">Anasayfa</span>
1823                  </a>
1824                </li>
1825                <li class="footer-nav__item anim-uni-in-up">
1826                  <a href="about-me.html" class="footer-nav__link btn-anim">
1827                    <span class="btn-caption">Hakkımızda</span>
1828                  </a>
1829                </li>
1830                <li class="footer-nav__item anim-uni-in-up">
1831                  <a href="services.html" class="footer-nav__link btn-anim">
1832                    <span class="btn-caption">Hizmetler</span>
1833                  </a>
1834                  
1835                </li>
1836                
1837                <li class="footer-nav__item anim-uni-in-up">
1838                  <a href="contact.html" class="footer-nav__link btn-anim">
1839                    <span class="btn-caption">İletişim</span>
1840                  </a>
1841                </li>
1842              </ul>
1843            </div>
1844            <!-- links -->
1845            <div class="footer-blocks__links anim-uni-in-up">
1846              <a class="btn btn-line-xsmall btn-muted slide-right anim-no-delay" href="kullanimkosullari.html">
1847                <span class="btn-caption">Kullanım Konuşulları</span>
1848                <i class="ph ph-arrow-right"></i>
1849              </a>
1850              <a class="btn btn-line-xsmall btn-muted slide-right anim-no-delay" href="gizliliksozlesmesi.html">
1851                <span class="btn-caption">Gizlilik Politikası</span>
1852                <i class="ph ph-arrow-right"></i>
1853              </a>
1854            </div>
1855          </div>
1856        </div>
1857        <!-- single column -->
1858        <div class="footer-blocks__column animate-card-3">
1859          <!-- inner card -->
1860          <div class="footer-blocks__card">
1861            <p class="mxd-point-subtitle anim-uni-in-up">
1862              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 20 20" fill="currentColor">
1863                <path fill="currentColor" d="M19.6,9.6c0,0-3,0-4,0c-0.4,0-1.8-0.2-1.8-0.2c-0.6-0.1-1.1-0.2-1.6-0.6c-0.5-0.3-0.9-0.8-1.2-1.2
1864                  c-0.3-0.4-0.4-0.9-0.5-1.4c0,0-0.1-1.1-0.2-1.5c-0.1-1.1,0-4.4,0-4.4C10.4,0.2,10.2,0,10,0S9.6,0.2,9.6,0.4c0,0,0.1,3.3,0,4.4
1865                  c0,0.4-0.2,1.5-0.2,1.5C9.4,6.7,9.2,7.2,9,7.6C8.7,8.1,8.2,8.5,7.8,8.9c-0.5,0.3-1,0.5-1.6,0.6c0,0-1.2,0.1-1.7,0.2
1866                  c-1,0.1-4.2,0-4.2,0C0.2,9.6,0,9.8,0,10c0,0.2,0.2,0.4,0.4,0.4c0,0,3.1-0.1,4.2,0c0.4,0,1.7,0.2,1.7,0.2c0.6,0.1,1.1,0.2,1.6,0.6
1867                  c0.4,0.3,0.8,0.7,1.1,1.1c0.3,0.5,0.5,1,0.6,1.6c0,0,0.1,1.3,0.2,1.7c0,1,0,4.1,0,4.1c0,0.2,0.2,0.4,0.4,0.4s0.4-0.2,0.4-0.4
1868                  c0,0,0-3.1,0-4.1c0-0.4,0.2-1.7,0.2-1.7c0.1-0.6,0.2-1.1,0.6-1.6c0.3-0.4,0.7-0.8,1.1-1.1c0.5-0.3,1-0.5,1.6-0.6
1869                  c0,0,1.3-0.1,1.8-0.2c1,0,4,0,4,0c0.2,0,0.4-0.2,0.4-0.4C20,9.8,19.8,9.6,19.6,9.6L19.6,9.6z"></path>
1870              </svg>
1871              <a href="mailto:[email protected]">[email protected]</a>
1872            </p>
1873          </div>
1874          <!-- inner card -->
1875          <div class="footer-blocks__card">
1876            <p class="mxd-point-subtitle anim-uni-in-up">
1877              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 20 20" fill="currentColor">
1878                <path fill="currentColor" d="M19.6,9.6c0,0-3,0-4,0c-0.4,0-1.8-0.2-1.8-0.2c-0.6-0.1-1.1-0.2-1.6-0.6c-0.5-0.3-0.9-0.8-1.2-1.2
1879                  c-0.3-0.4-0.4-0.9-0.5-1.4c0,0-0.1-1.1-0.2-1.5c-0.1-1.1,0-4.4,0-4.4C10.4,0.2,10.2,0,10,0S9.6,0.2,9.6,0.4c0,0,0.1,3.3,0,4.4
1880                  c0,0.4-0.2,1.5-0.2,1.5C9.4,6.7,9.2,7.2,9,7.6C8.7,8.1,8.2,8.5,7.8,8.9c-0.5,0.3-1,0.5-1.6,0.6c0,0-1.2,0.1-1.7,0.2
1881                  c-1,0.1-4.2,0-4.2,0C0.2,9.6,0,9.8,0,10c0,0.2,0.2,0.4,0.4,0.4c0,0,3.1-0.1,4.2,0c0.4,0,1.7,0.2,1.7,0.2c0.6,0.1,1.1,0.2,1.6,0.6
1882                  c0.4,0.3,0.8,0.7,1.1,1.1c0.3,0.5,0.5,1,0.6,1.6c0,0,0.1,1.3,0.2,1.7c0,1,0,4.1,0,4.1c0,0.2,0.2,0.4,0.4,0.4s0.4-0.2,0.4-0.4
1883                  c0,0,0-3.1,0-4.1c0-0.4,0.2-1.7,0.2-1.7c0.1-0.6,0.2-1.1,0.6-1.6c0.3-0.4,0.7-0.8,1.1-1.1c0.5-0.3,1-0.5,1.6-0.6
1884                  c0,0,1.3-0.1,1.8-0.2c1,0,4,0,4,0c0.2,0,0.4-0.2,0.4-0.4C20,9.8,19.8,9.6,19.6,9.6L19.6,9.6z"></path>
1885              </svg>
1886              <a href="tel:05309441046">0530 944 10 46</a>
1887            </p>
1888          </div>
1889          <!-- inner card -->
1890          <div class="footer-blocks__card fill-card notify">
1891  <!-- card title -->
1892  
1893
1894  <!-- social media icons container -->
1895 <div class="footer-blocks__card fill-card notify social-card">
1896  <!-- Başlık -->
1897  <div class="footer-blocks__title anim-uni-in-up">
1898    <p class="footer-blocks__title-m">Bizi Takip Edin</p>
1899    <p class="footer-blocks__subtitle">Yaratıcılığın enerjisini sosyal medyada da paylaşalım.</p>
1900  </div>
1901
1902  <!-- Sosyal medya ikonları -->
1903  <div class="form-container anim-uni-in-up">
1904    <div class="social-icons-glow">
1905      <a href="https://www.instagram.com/redoxcreativelab" target="_blank" class="social-icon-glow ig">
1906        <i class="ph ph-instagram-logo"></i>
1907      </a>
1908      <a href="https://www.linkedin.com/company/redoxcreativelab" target="_blank" class="social-icon-glow ln">
1909        <i class="ph ph-linkedin-logo"></i>
1910      </a>
1911      <a href="https://www.facebook.com/redoxcreativelab" target="_blank" class="social-icon-glow fb">
1912        <i class="ph ph-facebook-logo"></i>
1913      </a>
1914      <a href="https://www.behance.net/redoxcreativelab" target="_blank" class="social-icon-glow be">
1915        <i class="ph ph-behance-logo"></i>
1916      </a>
1917    </div>
1918  </div>
1919</div>
1920
1921</div>
1922
1923        </div>
1924        <!-- single column -->
1925        <div class="footer-blocks__column animate-card-3">
1926          <!-- inner card -->
1927          <div class="footer-blocks__card fullheight-card">
1928            <!-- nav block -->
1929            <div class="footer-blocks__block">
1930              <!-- card title -->
1931              <div class="footer-blocks__title anim-uni-in-up">
1932                <p class="footer-blocks__title-l">Paketler</p>
1933              </div>
1934              <!-- footer socials -->
1935              <div class="footer-blocks__socials">
1936                <ul class="footer-socials">
1937                  <li class="footer-socials__item anim-uni-in-up"><a href="pricing.html" class="footer-socials__link" target="_blank">Sosyal Medya Yönetim Paketleri</a></li>
1938                  <li class="footer-socials__item anim-uni-in-up"><a href="pricing2.html" class="footer-socials__link" target="_blank">Kurumsal Kimlik Paketleri</a></li>
1939                  <li class="footer-socials__item anim-uni-in-up"><a href="pricing3.html" class="footer-socials__link" target="_blank">Dijital Reklam Paketleri</a></li>
1940                  <li class="footer-socials__item anim-uni-in-up"><a href="pricing4.html" class="footer-socials__link" target="_blank">Web Tasarım Paketleri</a></li>
1941                  <li class="footer-socials__item anim-uni-in-up"><a href="pricing5.html" class="footer-socials__link" target="_blank">E-Ticaret Paketleri</a></li>
1942                  <li class="footer-socials__item anim-uni-in-up"><a href="https://www.paytr.com/link/XqlyWZC" class="footer-socials__link" target="_blank">Ödeme Yap</a></li>
1943                  
1944                </ul>
1945              </div>
1946            </div>
1947            <!-- links -->
1948            <div class="footer-blocks__links anim-uni-in-up">
1949              <p class="t-xsmall t-muted">
1950                 <i class="ph-bold ph-copyright"></i>
1951                2025
1952                <a class="no-effect" href="https://www.pixelwebtasarim.com.tr/" target="_blank">Pixel Web Tasarım </a> & <a class="no-effect" href="https://www.peaksocial.com.tr/" target="_blank"> Peak Social </a>İştirakidir.</a>
1953               
1954               
1955              </p>
1956            </div>
1957          </div>
1958        </div>
1959      </div>
1960      <!-- Footer Block - Info Columns End -->
1961
1962    </footer>
1963    <!-- Footer End -->
1964
1965    <!-- To Top Button Start -->
1966    <a href="#0" id="to-top" class="btn btn-round btn-to-top slide-up anim-no-delay">
1967      <i class="ph ph-arrow-up"></i>
1968    </a>
1969    <!-- To Top Button End -->
1970
1971    <!-- Load Scripts Start -->
1972    
1972<script src="js/libs.min.js"></script>
1972
1973    
1973<script src="js/app.min.js"></script>
1973
1974    <!-- counters -->
1975    
1975<script>
1976      const statsCounter1 = new countUp.CountUp("stats-counter-1", 10, optionsPlus);
1977      const statsCounter2 = new countUp.CountUp("stats-counter-2", 94, optionsPercent);
1978      const statsCounter3 = new countUp.CountUp("stats-counter-3", 732, optionsPlus);
1979      const statsCounter4 = new countUp.CountUp("stats-counter-4", 770, optionsPlus);
1980      statsCounter1.start();
1981      statsCounter2.start();
1982      statsCounter3.start();
1983      statsCounter4.start();
1984    </script>
1984
1985    
1986    
1986<script>
1987(function () {
1988  // ====== Ayarlar ======
1989  const minShowMS = 1500;      // preloader en az bu kadar kalsın
1990  const hardTimeoutMS = 10000; // en geç bu sürede kapat (fail-safe)
1991
1992  const loaderEl = document.getElementById('loader');
1993  const countEl  = loaderEl?.querySelector('.count__text');
1994  if (!loaderEl || !countEl) return;
1995
1996  document.documentElement.classList.add('loader-active');
1997  document.body.classList.add('loader-active');
1998
1999  const start = performance.now();
2000
2001  // ---- Hazır olma vaatleri (window load + webfontlar) ----
2002  const onLoad = new Promise(res => {
2003    if (document.readyState === 'complete') res();
2004    else window.addEventListener('load', () => {
2005      // 1 frame bekleyip boyamalar tamamlansın
2006      requestAnimationFrame(() => requestAnimationFrame(res));
2007    }, { once:true });
2008  });
2009
2010  const onFonts = ('fonts' in document && 'ready' in document.fonts)
2011    ? document.fonts.ready.catch(()=>{}) // hata olsa bile engelleme
2012    : Promise.resolve();
2013
2014  const realReady = Promise.all([onLoad, onFonts]);
2015
2016  // ---- Progress simülasyonu (gerçeğe yakın akış) ----
2017  let shown = 0, raf;
2018  const setP = v => { shown = Math.max(shown, Math.min(100, Math.floor(v))); countEl.textContent = shown; };
2019
2020  // Zaman tabanlı yumuşak artış: önce hızlı, sonra yavaşlar (99'a kadar)
2021  const tick = () => {
2022    const elapsed = performance.now() - start;
2023    // 0-3 sn arası hızla 95'e, sonra 99'a doğru yavaş
2024    const phase1 = Math.min(95, (elapsed / 3000) * 95);
2025    const phase2 = 95 + Math.min(4, Math.max(0, (elapsed - 3000) / 1500) * 4);
2026    const target = elapsed < 3000 ? phase1 : phase2; // max 99'dan aşağıda tut
2027    const capped = Math.min(target, 99);
2028    setP(shown + (capped - shown) * 0.12 + 0.35);
2029    raf = requestAnimationFrame(tick);
2030  };
2031  raf = requestAnimationFrame(tick);
2032
2033  // ---- Kapatma mantığı: min süre + gerçek hazır + (fail-safe) ----
2034  let closed = false;
2035  const maybeClose = () => {
2036    if (closed) return;
2037    const elapsed = performance.now() - start;
2038    if (elapsed < minShowMS) {
2039      // Min süre dolmadan bitmişse, kalan süre kadar beklet
2040      setTimeout(maybeClose, minShowMS - elapsed);
2041      return;
2042    }
2043    closed = true;
2044    cancelAnimationFrame(raf);
2045    setP(100);
2046    requestAnimationFrame(() => {
2047      loaderEl.classList.add('is-hidden');
2048      loaderEl.setAttribute('aria-busy','false');
2049      document.documentElement.classList.remove('loader-active');
2050      document.body.classList.remove('loader-active');
2051      setTimeout(()=> loaderEl.remove(), 700);
2052    });
2053  };
2054
2055  // Gerçek hazır olduğunda kapat
2056  realReady.then(maybeClose);
2057
2058  // En geç hardTimeoutMS sonra yine kapat (örneğin 3rd-party scriptler bloklarsa)
2059  setTimeout(maybeClose, hardTimeoutMS);
2060})();
2061</script>
2061
2062<script>
2063(function() {
2064  const icon = document.getElementById('rotIcon')              // daha önce verdiğimiz img id'si
2065             || document.querySelector('.mxd-hero-02-marquee__image img');
2066  const texts = Array.from(document.querySelectorAll('.marquee__text'));
2067
2068  function raf() {
2069    if (!icon || texts.length === 0) { requestAnimationFrame(raf); return; }
2070
2071    // İkon merkezinin viewport X'i
2072    const iconRect = icon.getBoundingClientRect();
2073    const cutViewportX = iconRect.left + iconRect.width / 2;
2074
2075    // Her yazı parçasında kesim noktasını (o elemana göre) hesapla
2076    texts.forEach(el => {
2077      const r = el.getBoundingClientRect();
2078      // ikon merkezi bu yazı bloğunun neresine düşüyor?
2079      let x = cutViewportX - r.left;
2080
2081      // güvenli aralık: [0, eleman genişliği]
2082      if (x < 0) x = 0;
2083      else if (x > r.width) x = r.width;
2084
2085      el.style.setProperty('--cut', x + 'px');
2086    });
2087
2088    requestAnimationFrame(raf);
2089  }
2090
2091  requestAnimationFrame(raf);
2092})();
2093</script>
2093
2094
2095<style>
2096.wsLink{position:fixed;bottom:6px;right:2.5%;z-index:100;width:60px;height:60px;-webkit-transition:.2s linear;-moz-transition:.2s linear;transition:.2s linear}.wsLink a{position:absolute;top:0;right:0;width:50px;height:50px;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;background:url(https://hemencdn.com/interface/platinum/img/whatsapp.png) no-repeat center;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;animation-name:tada;animation-duration:1s;animation-fill-mode:both}
2097</style>
2098<div class="wsLink">
2099<a href="https://api.whatsapp.com/send?phone=902666060212" target="_blank" title="Bize Ulaşın!"> </a>
2100</div>
2101<style>
2102.hotline-phone-ring-wrap{position:fixed;bottom:0;left:0;z-index:999999}.hotline-phone-ring{position:relative;visibility:visible;background-color:transparent;width:110px;height:110px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block}.hotline-phone-ring-circle{width:85px;height:85px;top:10px;left:10px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid #e60808;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:.5}.hotline-phone-ring-circle-fill{width:55px;height:55px;top:25px;left:25px;position:absolute;background-color:rgba(230,8,8,0.7);border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.hotline-phone-ring-img-circle{background-color:#e60808;width:33px;height:33px;top:37px;left:37px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}.hotline-phone-ring-img-circle .pps-btn-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:20px}.hotline-bar{position:absolute;background:rgba(230,8,8,0.75);height:40px;width:200px;line-height:40px;border-radius:3px;padding:0 10px;background-size:100%;cursor:pointer;transition:all .8s;-webkit-transition:all .8s;z-index:9;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.1);border-radius:50px!important;left:33px;bottom:37px}
2103@-webkit-keyframes phonering-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(0.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-webkit-keyframes phonering-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:.6}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.6}100%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:.6}}@-webkit-keyframes phonering-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}
2104@media (max-width: 768px) {
2105.hotline-bar { display: none;}
2106}
2107.hotline-phone-ring-circle {border-color: #f7bc3c;}
2108.hotline-phone-ring-circle-fill, .hotline-phone-ring-img-circle, .hotline-bar {background-color: #f7bc3c;}
2109.hotline-bar {background: rgb( 247, 188, 60, .7 );}
2110.hotline-phone-ring-img-circle .pps-btn-img img {width: 20px;height: 20px;}
2111.hotline-bar > a{color:#fff;text-decoration:none;font-size:15px;font-weight:700;text-indent:50px;display:block;letter-spacing:1px;line-height:40px;font-family:Arial}
2112.hotline-bar > a:hover,
2113.hotline-bar > a:active {color: #fff;}
2114</style>
2115<div class="hotline-phone-ring-wrap">
2116<div class="hotline-phone-ring">
2117<div class="hotline-phone-ring-circle"></div>
2118<div class="hotline-phone-ring-circle-fill"></div>
2119<div class="hotline-phone-ring-img-circle">
2120<a href="tel:05309441046" class="pps-btn-img"><img src="https://hemencdn.com/interface/platinum/img/phone.png" alt="Hotline" style="height: 20px;"/></a>
2121</div>
2122</div>
2123<div class="hotline-bar">
2124<a href="tel:05309441046"><span class="text-hotline">0530 944 10 46</span></a>
2125</div>
2126</div>
2127
2128	  
2129	<!-- body sonuna ekle -->
2130<audio id="bgMusic" src="/sarkiyeni2.mp3" preload="auto"></audio>
2131
2132<script>
2133(function(){
2134  const AUDIO_ID = 'bgMusic';
2135  const MUSIC_STARTED_KEY = 'musicStarted';
2136  const fadeDuration = 2000; // ms (2 saniye)
2137  const steps = 40;          // daha düzgün fade için adım sayısı
2138  const stepTime = fadeDuration / steps;
2139  const volumeStep = 1 / steps;
2140
2141  const audio = document.getElementById(AUDIO_ID);
2142  if (!audio) return;
2143
2144  audio.loop = true;
2145  audio.volume = 0; // sessiz başlat (oynatma izin verildikten sonra fade-in uygulanacak)
2146  audio.preload = 'auto';
2147
2148  let started = sessionStorage.getItem(MUSIC_STARTED_KEY) === 'true';
2149
2150  // fade-in fonksiyonu
2151  function fadeIn() {
2152    let vol = audio.volume || 0;
2153    const iv = setInterval(() => {
2154      vol = Math.min(1, vol + volumeStep);
2155      audio.volume = vol;
2156      if (vol >= 1) clearInterval(iv);
2157    }, stepTime);
2158  }
2159
2160  // başlatma fonksiyonu (kullanıcı etkileşimi ile tetiklenmeli)
2161  function startMusic(event) {
2162    if (started) return removeListeners();
2163    // try play
2164    const playPromise = audio.play();
2165    if (playPromise !== undefined) {
2166      playPromise
2167        .then(() => {
2168          // başarılıysa fade-in yap
2169          fadeIn();
2170          sessionStorage.setItem(MUSIC_STARTED_KEY, 'true');
2171          started = true;
2172          removeListeners();
2173        })
2174        .catch((err) => {
2175          // Eğer tarayıcı hala engellerse (nadiren), konsola yaz; yine de kaydetme
2176          console.warn('Audio play prevented:', err);
2177          removeListeners();
2178        });
2179    } else {
2180      // Eski tarayıcı fallback
2181      try { audio.play(); fadeIn(); sessionStorage.setItem(MUSIC_STARTED_KEY, 'true'); started = true; }
2182      catch(e){ console.warn('Play error', e); }
2183      removeListeners();
2184    }
2185  }
2186
2187  // event listener'ları kaldır
2188  function removeListeners() {
2189    window.removeEventListener('click', startMusic, true);
2190    window.removeEventListener('touchstart', startMusic, true);
2191    window.removeEventListener('touchmove', startMusic, {passive: true});
2192    window.removeEventListener('wheel', startMusic, {passive: true});
2193    window.removeEventListener('keydown', startMusic, true);
2194  }
2195
2196  // Eğer daha önce izin verilmişse (aynı sekme içinde) otomatik başlatmaya çalış
2197  if (started) {
2198    // sessionStorage işaretli ise bir daha başlatmayı dene (bazı tarayıcılarda izin kalmış olur)
2199    audio.play().then(() => {
2200      audio.volume = 1;
2201    }).catch(()=>{/* sessizce başarısızsa, yine de event bekle */});
2202  } else {
2203    // İlk etkileşimi yakala: click, touchstart, touchmove, wheel, keyboard
2204    window.addEventListener('click', startMusic, true);
2205    window.addEventListener('touchstart', startMusic, true);
2206    window.addEventListener('touchmove', startMusic, {passive: true});
2207    window.addEventListener('wheel', startMusic, {passive: true});
2208    window.addEventListener('keydown', startMusic, true);
2209  }
2210
2211  // Ek: sayfa yüklenirken kısa bir gecikme ile "pasif" bir dokunma varsa yakalamak için
2212  // (bazı mobil kaydırma hareketleri touchmove olarak gelebilir)
2213})();
2214</script>
2214
2215
2216
2217	  
2218  </body>
2219
2220</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.