https://mutanplex.com/

ID da verificação
4b873217-8bfb-446d-82c9-6ce92794ec9aConcluído
URL enviado:
https://mutanplex.com/
Relatório concluído:

Ligações · 4 encontradas

As ligações de saída identificadas na página

HiperligaçãoTexto
https://facebook.com/MutanPlexFacebook
https://twitter.com/mutanplexTwitter
http://instagram.com/hz.barisgInstagram
https://youtube.com/c/MutanPlexYouTube

Variáveis JavaScript · 11 encontradas

Variáveis JavaScript globais carregadas no objeto janela de uma página são variáveis declaradas fora das funções e acessíveis de qualquer parte do código dentro do âmbito atual

NomeTipo
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
Typedfunction
AOSobject
uidEventnumber
bootstrapobject
GLightboxfunction
hasStickyMenufunction
eobject

Mensagens de registo da consola · 0 encontradas

Mensagens registadas na consola web

HTML

O corpo HTML em bruto da página

<!DOCTYPE html><html lang="tr"><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Anasayfa | MutanPlex</title>
    <meta name="description" content="MutanPlex, teknoloji ve yazılımın son gelişmelerini paylaşan bir blog. Yazılıma dair her şeyi bulabileceğiniz bir kaynak.">
    <meta name="author" content="MutanPlex">
    <meta name="publisher" content="Mutanplex">
    
    <meta property="og:title" content="Anasayfa | MutanPlex">
    <meta property="og:description" content="MutanPlex, teknoloji ve yazılımın son gelişmelerini paylaşan bir blog. Yazılıma dair her şeyi bulabileceğiniz bir kaynak.">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="MutanPlex">
    <meta property="og:locale" content="tr">
    <meta property="og:url" content="https://mutanplex.com/">
    <meta property="og:image" content="https://mutanplex.com/assets/img/hero/hero.svg">
    <meta property="og:image:alt" content="MutanPlex, teknoloji ve yazılımın son gelişmelerini paylaşan bir blog. Yazılıma dair her şeyi bulabileceğiniz bir kaynak.">
    
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@mutanplex">
    <meta name="twitter:creator" content="@mutanplex">
    <meta name="twitter:title" content="Anasayfa | MutanPlex">
    <meta name="twitter:description" content="MutanPlex, teknoloji ve yazılımın son gelişmelerini paylaşan bir blog. Yazılıma dair her şeyi bulabileceğiniz bir kaynak.">
    <meta name="twitter:image" content="https://mutanplex.com/assets/img/hero/hero.svg">
    <script type="application/ld+json">
        {
          "@context" : "https://schema.org",
          "@type" : "WebSite",
          "name" : "MutanPlex",
          "url" : "https://mutanplex.com/",
          "potentialAction": {
            "@type": "SearchAction",
            "name" : "Search Box",
            "target": {
              "@type": "EntryPoint",
              "urlTemplate": "https://mutanplex.com/dist/forms/search.php?search={query}"
            },
            "query-input": "required name=query"
          }
        }
    </script>
    <meta name="facebook-domain-verification" content="ybl2um48q3r6raw0qb2xafm7vup0l2">
    <meta name="google-adsense-account" content="ca-pub-3936848586347124">
    <meta name="robots" content="index, follow">
    
    <link rel="dns-prefetch" href="https://pagead2.googlesyndication.com">
    <link rel="preload" as="image" href="/assets/img/logo/logo.webp">
    <link rel="preload" as="image" href="/assets/img/hero/hero.svg">
    <link rel="canonical" href="https://mutanplex.com/">
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <link rel="preload" href="/assets/webfonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="preload" href="/assets/webfonts/xMQOuFFYT72X5wkB_18qmnndmSdSnk-DKQJRBg.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="preload" href="/assets/webfonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="preload" href="/assets/webfonts/xMQOuFFYT72X5wkB_18qmnndmSdSnk-NKQI.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="preload" href="/assets/webfonts/xMQOuFFYT72X5wkB_18qmnndmSeMmU-DKQJRBg.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="preload" href="/assets/webfonts/xMQOuFFYT72X5wkB_18qmnndmSeMmU-NKQI.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="preload" href="/assets/webfonts/xMQOuFFYT72X5wkB_18qmnndmSe1mU-DKQJRBg.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="preload" href="/assets/webfonts/xMQOuFFYT72X5wkB_18qmnndmSe1mU-NKQI.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="preconnect" href="https://pagead2.googlesyndication.com">
    <link rel="preconnect" href="https://www.googletagmanager.com">
    
    <style>@font-face{font-family:"Font Awesome 5 Free";font-display:swap;font-weight:900;src:url(/assets/webfonts/fa-solid-900.woff2) format("woff2"),url(/assets/webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url(/assets/webfonts/fa-solid-900.woff2) format("woff2"),url(/assets/webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:swap;src:url(/assets/webfonts/fa-brands-400.woff2) format("woff2"),url(/assets/webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Brands";font-display:swap;font-weight:400;src:url(/assets/webfonts/fa-brands-400.woff2) format("woff2"),url(/assets/webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/webfonts/fa-brands-400.woff2) format("woff2"),url(/assets/webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:swap;font-weight:400;src:url(/assets/webfonts/fa-regular-400.woff2) format("woff2"),url(/assets/webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:swap;src:url(/assets/webfonts/fa-solid-900.woff2) format("woff2"),url(/assets/webfonts/fa-solid-900.ttf) format("truetype")}</style>
    <link rel="stylesheet" href="/assets/css/fontawesome-crit.min.css" type="text/css" as="style" onload="this.onload=null;this.rel='stylesheet';">
    <style>:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33,37,41,.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33,37,41,.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0,0,0,.175);--bs-border-radius:.375rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 .5rem 1rem rgba(0,0,0,.15);--bs-box-shadow-sm:0 .125rem .25rem rgba(0,0,0,.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0,0,0,.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0,0,0,.075);--bs-focus-ring-width:.25rem;--bs-focus-ring-opacity:.25;--bs-focus-ring-color:rgba(13,110,253,.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}p{margin-top:0;margin-bottom:1rem}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}img,svg{vertical-align:middle}button{border-radius:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}.list-unstyled{padding-left:0;list-style:none}.img-fluid{max-width:100%;height:auto}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}@media (min-width:768px){.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-6{flex:0 0 auto;width:50%}.col-md-12{flex:0 0 auto;width:100%}}@media (min-width:992px){.col-lg{flex:1 0 0%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-12{flex:0 0 auto;width:100%}}@media (min-width:1200px){.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.collapse:not(.show){display:none}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:.5rem;--bs-dropdown-spacer:.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:.5rem;--bs-dropdown-box-shadow:0 .5rem 1rem rgba(0,0,0,.15);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb),.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb),.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb),.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb),1);--bs-navbar-brand-padding-y:.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb),1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb),1);--bs-navbar-nav-link-padding-x:.5rem;--bs-navbar-toggler-padding-y:.25rem;--bs-navbar-toggler-padding-x:.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb),.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:.5rem;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .dropdown-menu{position:static}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-focus-border-color:#86b7fe;--bs-accordion-btn-focus-box-shadow:0 0 0 .25rem rgba(13,110,253,.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button,.accordion-flush .accordion-item .accordion-button.collapsed{border-radius:0}.d-block{display:block!important}.d-flex{display:flex!important}.d-none{display:none!important}.shadow-none{box-shadow:none!important}.position-relative{position:relative!important}.border-0{border:0!important}.flex-column{flex-direction:column!important}.flex-shrink-0{flex-shrink:0!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.order-1{order:1!important}.order-2{order:2!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pe-0{padding-right:0!important}.gap-4{gap:1.5rem!important}.text-center{text-align:center!important}.z-3{z-index:3!important}@media (min-width:768px){.flex-md-row{flex-direction:row!important}}@media (min-width:992px){.d-lg-grid{display:grid!important}.d-lg-flex{display:flex!important}.d-lg-none{display:none!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.mt-lg-0{margin-top:0!important}.mb-lg-0{margin-bottom:0!important}}@media (min-width:1200px){.d-xl-block{display:block!important}.d-xl-none{display:none!important}.flex-xl-row{flex-direction:row!important}.mt-xl-0{margin-top:0!important}}</style>
    
    <style>[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos] {transition-delay: 0}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] {transition-delay: 0}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] {transition-delay: 0}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] {transition-delay: 0}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] {transition-delay: 0}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos] {transition-duration: 1.5s}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] {transition-timing-function: ease}[data-aos^=fade][data-aos^=fade] {opacity: 0;transition-property: opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate {opacity: 1;transform: translateZ(0)}[data-aos=fade-up] {transform: translate3d(0,100px,0)}[data-aos=fade-right] {transform: translate3d(-100px,0,0)}[data-aos=fade-left] {transform: translate3d(100px,0,0)}</style>
    <style>:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}:root{--swiper-navigation-size:44px}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}</style>
    <style>*,ul{margin:0;padding:0}.aai-gradient-outline-btn,.btn-pill-solid{z-index:10;position:relative;overflow:hidden}.aai-feature-title,.aai-hero-one-title,.section-title,.writing-step-title{font-weight:var(--font-bold)}@font-face{font-family:Sora;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/sora/v12/xMQOuFFYT72X5wkB_18qmnndmScMnk-DKQJRBg.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/sora/v12/xMQOuFFYT72X5wkB_18qmnndmScMnk-NKQI.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/webfonts/xMQOuFFYT72X5wkB_18qmnndmSdSnk-DKQJRBg.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/webfonts/xMQOuFFYT72X5wkB_18qmnndmSdSnk-NKQI.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/webfonts/xMQOuFFYT72X5wkB_18qmnndmSeMmU-DKQJRBg.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/webfonts/xMQOuFFYT72X5wkB_18qmnndmSeMmU-NKQI.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/webfonts/xMQOuFFYT72X5wkB_18qmnndmSe1mU-DKQJRBg.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/webfonts/xMQOuFFYT72X5wkB_18qmnndmSe1mU-NKQI.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/sora/v12/xMQOuFFYT72X5wkB_18qmnndmSfSmU-DKQJRBg.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/sora/v12/xMQOuFFYT72X5wkB_18qmnndmSfSmU-NKQI.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--white:#ffffff;--interface-1:#04091e;--interface-2:#747681;--interface-3:#f4f8f7;--interface-4:#edcb88;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--font-bold:700;--font-semibold:600;--font-medium:500;--font-normal:400}::placeholder{color:var(--interface-2)}body,html{font-family:Sora,sans-serif;overflow-x:hidden}a{text-decoration:none;transition:color .3s,background-color .3s,border-color .3s,box-shadow .3s}h1,h2,h3,h4,h5,h6,p{margin:0}ul{list-style:none}button{border:none;background:0 0}.py-120{padding:120px 0}.pt-120{padding-top:120px}.pb-120{padding-bottom:120px}.pb-60{padding-bottom:60px}.pt-60{padding-top:60px}.py-80{padding:80px 0}.aai-btn,.aai-gradient-outline-btn{padding:15px 30px;border-radius:30px;display:inline-block}.wrapper{background-color:var(--interface-1)}.aai-btn{font-size:var(--text-lg);transition:.4s ease-in}.btn-pill-solid{background-color:var(--white);color:var(--interface-1);transition:.4s ease-in}.aai-gradient-outline-btn::after,.btn-pill-solid::after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(137deg,#80fcf0 0,#ac5dfa 100%);transition:.35s;border-radius:30px;z-index:-1}.aai-gradient-outline-btn{color:var(--white);font-size:18px;transition:.3s}.aai-gradient-outline-btn::before{content:"";position:absolute;inset:0;border-radius:30px;padding:1px;background:linear-gradient(137deg,#80fcf0 0,#ac5dfa 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.section-title{font-size:48px;color:var(--white);margin-bottom:15px;line-height:56px}.section-desc{font-size:18px;color:var(--interface-3);line-height:28px}.navbar .navbar-nav .nav-link{font-size:18px;letter-spacing:-.2px;line-height:initial;color:#02274a;padding:15px 0;margin:0 26px;position:relative}.navbar .dropdown-menu .dropdown-item{font-size:14px;padding:0 15px;letter-spacing:0;text-transform:capitalize;line-height:40px;margin-bottom:5px;color:#fff;background:0 0;display:inline-block;position:relative;transition:.35s;white-space:inherit}.navbar .dropdown-toggle::after{content:"\f078";font-family:"Font Awesome 6 Free";border:none!important;font-size:12px;font-weight:900;position:absolute;line-height:30px;color:#000;top:calc(50% - 15px);text-align:center;transition:.3s}@media screen and (min-width:1199.5px){.header-primary{position:absolute;top:0;left:0;width:100%;z-index:10000;background-color:transparent}.header-primary .navbar .navbar-nav .nav-link,.header-primary .navbar .navbar-nav .nav-link::after{color:#fff}.navbar .navbar-nav .nav-link{font-size:16px;letter-spacing:-.2px;line-height:initial;color:#fff;font-weight:500;padding:35px 0;margin:0 20px;position:relative}.navbar .dropdown-menu{z-index:20;background-color:#04091e;display:block;right:0;left:0;padding:10px;border:none;top:100%;visibility:hidden;transform:scale(1,0);opacity:0;min-width:200px;box-shadow:0 50px 100px rgba(0,0,0,.12);margin:0;transform-origin:0 0;transition:.3s ease-in-out}}@media screen and (max-width:1199px){.header-primary{position:absolute;top:0;left:0;width:100%;z-index:10000;background-color:transparent}.header-primary .nav-item .nav-link,.header-primary .nav-item .nav-link::after{color:#fff}.navbar{padding:20px 0}.header-primary .navbar-toggler span{background:#fff}.navbar-collapse .logo{margin-bottom:3vh}.navbar-collapse{position:fixed;top:0;background-color:#04091e;left:0;height:100vh;max-height:100vh;overflow-y:auto;clear:both;width:320px;max-width:calc(100vw - 60px);z-index:9999;transform:translateX(-100%);display:block!important;padding:32px 15px 20px;transition:.3s ease-in-out}.navbar .navbar-nav .nav-link{margin:0;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1)}.navbar .dropdown-menu{border:none;border-bottom:1px solid rgba(255,255,255,.1);padding:0;background-color:#04091e;border-radius:0;margin:0}}.navbar-toggler{width:38px;height:38px;padding:0;box-shadow:none;position:relative;right:0;z-index:99;border:none}.navbar-toggler span{position:absolute;left:9px;overflow:hidden;width:26px;height:2px;margin-top:-1px;text-indent:200%;-webkit-transition:opacity .25s;transition:opacity .25s;background:#fff}.navbar-toggler::after,.navbar-toggler::before{content:"";position:absolute;top:50%;left:9px;width:26px;height:2px;pointer-events:none;-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;background:#fff}.navbar-toggler::after{-webkit-transform:translate3d(0,8px,0) scale3d(1,1,1);transform:translate3d(0,8px,0) scale3d(1,1,1)}.navbar-toggler::before{-webkit-transform:translate3d(0,-9px,0) scale3d(1,1,1);transform:translate3d(0,-9px,0) scale3d(1,1,1)}.aai-hero-one{padding:235px 0 120px}.aai-hero-one-title{font-size:72px;color:var(--white);line-height:1.3;margin-bottom:30px}.aai-hero-one-desc{font-size:var(--text-xl);color:var(--interface-3);line-height:30px;z-index:2;position:relative;}.aai-hero-one-img .aai-hero-img{position:absolute;right:115px;top:165px;user-select:none;}.writing-steps-wrapper{border-radius:30px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05)}.writing-step{padding:48px 60px;border-right:1px solid rgba(255,255,255,.12);position:relative;height:100%}.writing-step-icon{margin-bottom:20px}.writing-step-title{font-size:24px;margin-bottom:15px;color:var(--white)}.writing-step-desc{font-size:18px;color:var(--interface-2);line-height:28px}.writing-step-arrow{position:absolute;background-color:var(--interface-1);width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;right:-25px;top:50%;transform:translateY(-50%)}.aai-list-items{display:grid;gap:16px}.aai-list-item,.work-list-item{gap:16px}.aai-list-item-text,.aai-support-text{font-size:var(--text-lg);color:var(--white)}.aai-feature-box{border-radius:30px;padding:40px;height:100%;text-align:center;position:relative;cursor:pointer;transition:.4s ease-in-out}.aai-feature-box-inner{position:relative;z-index:20;height:100%;justify-content:space-between;}.aai-feature-box::before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(137deg,#80fcf0 0,#efce85 52.6%,#ac5dfa 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:3}.aai-feature-icon{width:120px;height:120px;margin-bottom:20px}.aai-feature-title{font-size:24px;color:var(--white);line-height:34px;letter-spacing:-.8px;margin-bottom:15px}.aai-feature-desc{font-size:18px;color:var(--interface-2);margin-bottom:20px;font-weight:var(--font-normal)}.aai-feature-link{color:var(--white);transition:.3s}.work-list{gap:18px}.aai-awards-desc{font-size:var(--text-xl);color:var(--interface-3);line-height:28px}.aai-awards-stars{color:#f59e0b}.aai-awards-names{margin-top:40px;gap:30px}.aai-awards-ratings{color:var(--interface-3);font-size:var(--text-base);opacity:.6}.testimoniaslSlider .swiper-wrapper,.testimoniaslSliderTwo .swiper-wrapper{-webkit-transition-timing-function:linear!important;transition-timing-function:linear!important;position:relative}.aai-testimonial-item{border-radius:12px;background-color:rgba(255,255,255,.05)}.aai-testimonial-item-top{border-bottom:1px solid rgba(116,118,129,.5);padding:24px 30px}.aai-testimonial-quoate{background-color:#1e223f;width:36px;height:36px;border-radius:50%;display:grid;place-items:center}.aai-testimonial-desc{font-size:var(--text-lg);color:var(--white);line-height:28px;padding-top:24px}.aai-testimonial-item-bottom{gap:8px;padding:16px 30px 20px}.aai-testimonial-item::after{content:"";width:100%;height:4px;background-image:linear-gradient(137deg,#80fcf0 0,#ac5dfa 100%);opacity:.6000000238418579;position:absolute;bottom:0;left:0;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.aai-newsletter-btn::after,.aai-social-links a::after{content:"";position:absolute;left:0;top:0;width:0;transition:.35s;height:100%;z-index:-1}.aai-testimonial-author-img{border-radius:50%}.aai-testimonial-author-name{font-size:var(--text-lg);color:var(--white);font-weight:var(--font-semibold)}.aai-footer-nav-title,.aai-price,.aai-price-pack-name,.aai-support-number{font-weight:var(--font-bold)}.aai-testimonial-author-title{color:var(--interface-3);font-size:14px}.aai-price-pack-name{font-size:var(--text-2xl);color:var(--white);margin-bottom:10px}.aai-price-list-item-text,.aai-price-pack-desc{color:var(--interface-3)}.aai-price-pack-desc{font-size:var(--text-lg);line-height:28px}.aai-price-table{border-radius:12px;border:1px solid var(--white);padding:32px 64px;transition:.4s ease-in-out}.aai-price-table.has-bg{background-color:#0e1327}.aai-price-lists{display:grid;gap:8px}.aai-price-list-item{gap:12px}.aai-price{font-size:48px;line-height:56px;color:var(--white)}.gradient-text{background:linear-gradient(137deg,#80fcf0 0,#efce85 52.6%,#ac5dfa 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.aai-accordions .accordion{background:0 0}.aai-accordions .accordion .accordion-item{background:0 0;border-bottom:1px solid rgba(255,255,255,.1)}.aai-accordions .accordion-button{background-color:transparent;color:var(--white);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:34px;padding:20px}.aai-accordions .accordion-button:not(.collapsed)::after,.accordion-button:not(.collapsed){color:var(--interface-4)}.aai-accordions .accordion-button::after{background-image:none;content:"\f078";font-family:"Font Awesome 6 Free";font-size:14px;font-weight:900}.aai-accordions .accordion-body{padding-top:0}.aai-accordions .accordion-body .aai-accordion-text{color:var(--interface-3);font-size:var(--text-lg);line-height:32px}.aai-btns-group{gap:30px}.aai-cta-line{background-image:url(/assets/img/cta/line.svg);z-index:1;background-size:100%;background-repeat:no-repeat;background-position:bottom}.aai-newsletter-btn,.aai-social-links a{display:inline-flex;overflow:hidden;z-index:10}.aai-footer-support{background-color:rgba(255,255,255,.1);padding:35px;border-radius:12px}.aai-support-info{gap:14px}.aai-support-number{font-size:var(--text-2xl);color:var(--white)}.aai-newsletter .form-control{border-radius:50px;border:1px solid rgba(116,118,129,.2);background:#14182f;padding:20px 30px;color:var(--white)}.aai-newsletter .form-control::placeholder{color:var(--interface-2)}.aai-newsletter-btn{position:absolute;padding:16px 32px;border-radius:30px;background-color:var(--white);font-size:var(--text-lg);color:var(--interface-1);justify-content:center;align-items:center;border:none;top:8px;bottom:8px;right:8px}.aai-newsletter-btn::after{background-color:var(--interface-4);border-radius:30px}.aai-footer-logo{margin-bottom:25px;display:block}.aai-footer-desc{color:var(--white);font-size:var(--text-lg);margin-bottom:30px}.aai-social-links{gap:10px}.aai-social-links a{width:40px;height:40px;justify-content:center;color:var(--interface-2);align-items:center;background-color:rgba(255,255,255,.1);border-radius:50%;transition:.35s;position:relative}.aai-social-links a::after{background:linear-gradient(137deg,#80fcf0 0,#ac5dfa 100%);border-radius:50%}.aai-footer-nav-title{font-size:var(--text-2xl);color:var(--white);line-height:34px;margin-bottom:20px}.aai-copyright-text,.aai-signup-in-links a:first-of-type{color:var(--white);font-size:var(--text-lg);line-height:28px}.aai-footer-nav-list{display:grid;gap:20px}.aai-footer-nav-link{color:var(--white)}.aai-footer-copyright{padding:20px 0;border-top:1px solid rgba(255,255,255,.1)}.aai-signup-in-links{gap:36px}.aai-signup-in-links a:first-of-type{border-bottom:1px solid var(--white)}@media (max-width:1199px){.aai-hero-one-img .aai-hero-img{position:relative;left:0;top:50px}}@media (max-width:768px){.writing-step{border:none;border-bottom:1px solid rgba(255,255,255,.12)}.section-title{font-size:36px;line-height:1.3}.section-desc{font-size:16px}}@media (max-width:576px){.aai-hero-one{padding:150px 0 120px}.aai-hero-one-title{font-size:36px;line-height:1.5}.aai-accordions .accordion-button,.writing-step-title{font-size:var(--text-xl)}.writing-step{padding:30px 20px}}</style> 
    <!--
    <script defer src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3936848586347124"></script>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-JM4E0W6DEN"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
    
      gtag('config', 'G-JM4E0W6DEN');
    </script>-->
</head>
<body data-aos-easing="ease" data-aos-duration="1500" data-aos-delay="0">
  <header class="header-primary">
    <div class="container">
      <nav class="navbar navbar-expand-xl justify-content-between">
        <a href="/" aria-label="Anasayfa" title="Anasayfa">
          <img src="/assets/img/logo/logo.webp" alt="logo" style="filter: brightness(0) invert(1);" width="217" height="38">
        </a>
        <div class="collapse navbar-collapse" id="navbarNav">
          <ul class="navbar-nav mx-auto">
            <li class="d-block d-xl-none">
              <div class="logo">
                <a href="/" aria-label="Anasayfa" title="Anasayfa"><img src="/assets/img/logo/logo.webp" alt="logo" style="filter: brightness(0) invert(1);" width="217" height="38"></a>
              </div>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/" title="Anasayfa">Anasayfa</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/hakkimizda.php" title="Hakkımızda">Hakkımızda</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/hizmetler.php" title="Hizmetler">Hizmetler</a>
            </li>
            <!--<li class="nav-item">
              <a class="nav-link" href="/abonelik.php" title="Abonelik">Abonelik</a>
            </li>-->
            <li class="nav-item">
              <a class="nav-link" href="/blog.php" title="Blog">Blog</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/iletisim.php" title="İletişim">İletişim</a>
            </li>
          </ul>
          <div class="d-flex align-items-center gap-4 mt-4">
            <div class="align-items-center aai-signup-in-links d-flex d-lg-none">
              <a href="/giris.php" title="Giriş Yap">Giriş Yap</a>
                    <a href="/kayit.php" class="aai-gradient-outline-btn" title="Kayıt Ol">Kayıt Ol</a>            </div>
          </div>
        </div>
        <div class="navbar-right d-flex align-items-center gap-4">
          <div class="align-items-center aai-signup-in-links d-none d-lg-flex">
            <a href="/giris.php" title="Giriş Yap">Giriş Yap</a>
                    <a href="/kayit.php" class="aai-gradient-outline-btn" title="Kayıt Ol">Kayıt Ol</a>          </div>
          <button class="navbar-toggler d-block d-xl-none" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span></span>
          </button>
        </div>
      </nav>
    </div>
  </header>  <main class="wrapper">
    <section class="aai-hero-one position-relative" style="background: url('/assets/img/hero/hero-bg-1.webp') no-repeat center center/cover;">
      <div class="container">
        <div class="row j-center">
          <div class="col-lg-12 col-xl-7">
            <div class="aai-hero-one-content">
              <h1 class="aai-hero-one-title">
                <span class="gradient-text typing-animation" data-strings="[&quot;Yazılıma&quot;,&quot;Teknolojiye&quot;,&quot;Kodlamaya&quot;]">Yazılıma</span><span class="typed-cursor" aria-hidden="true">|</span> <br>
                Dair Her Şey
              </h1>
              <p class="aai-hero-one-desc">
                Yazılıma, teknolojiye ve kodlamaya dair her şeyin buluşma noktasına hoş geldiniz!
                Bilgi ve deneyimlerinizi artırmanın keyfini çıkarın. Sizi burada görmek bize mutluluk veriyor!
              </p>
              <div class="mt-5 d-flex flex-column flex-md-row aai-btns-group">
                <a href="/blog.php" class="aai-btn btn-pill-solid" title="Blog">Başlayalım</a>
                <a href="/hakkimizda.php" class="aai-gradient-outline-btn" title="Hakkımızda">Hakkımızda</a>
              </div>
            </div>
          </div>
          <div class="col-lg-10 col-xl-5 mt-5 mt-lg-0">
            <div class="aai-hero-one-img">
              <img src="/assets/img/hero/hero.svg" class="img-fluid aai-hero-img d-none d-xl-block" alt="MutanPlex yazılım, teknoloji ve kodlama blogu" width="942" height="600">
              <img src="/assets/img/hero/hero.svg" class="img-fluid aai-hero-img d-xl-none" alt="MutanPlex yazılım, teknoloji ve kodlama blogu" width="942" height="600">
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="writing-steps-area py-5">
      <div class="container">
        <div class="writing-steps-wrapper aos-init" data-aos="fade-up">
          <div class="row">
            <div class="col-lg-4">
              <div class="writing-step">
                <img loading="lazy" src="/assets/img/icons/Add-User.svg" class="writing-step-icon" alt="Gelişen Teknoloji icon" width="36" height="36">
                <h2 class="writing-step-title">Gelişen Teknoloji</h2>
                <p class="writing-step-desc">
                  Teknoloji dünyasının en son haberleri ve derinlemesine analizleriyle öne çıkan bu blog, sizi her zaman güncel tutacak.
                </p>
                <div class="writing-step-arrow d-none d-lg-grid">
                  <svg width="13" height="20" viewBox="0 0 13 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1 1L11.4211 9.52632L1 19" stroke="white" stroke-width="2" stroke-linecap="round"></path>
                  </svg>
                </div>
              </div>
            </div>
            <div class="col-lg-4">
              <div class="writing-step">
                <img loading="lazy" src="/assets/img/icons/Home.svg" class="writing-step-icon" alt="Geleceğin Kodları icon" width="36" height="36">
                <h2 class="writing-step-title">Geleceğin Kodları</h2>
                <p class="writing-step-desc">
                  Teknoloji ve yazılımın muhteşem buluştuğu içeriklerimizde, ilham verici projeler ve hikayeler sizi bekliyor.
                </p>
                <div class="writing-step-arrow d-none d-lg-grid">
                  <svg width="13" height="20" viewBox="0 0 13 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1 1L11.4211 9.52632L1 19" stroke="white" stroke-width="2" stroke-linecap="round"></path>
                  </svg>
                </div>
              </div>
            </div>
            <div class="col-lg-4">
              <div class="writing-step border-0">
                <img loading="lazy" src="/assets/img/icons/Wallet.svg" class="writing-step-icon" alt="Kodlama Serüveni icon" width="36" height="36">
                <h2 class="writing-step-title">Kodlama Serüveni</h2>
                <p class="writing-step-desc">
                    Yazılım dünyasındaki zorlukları aşma ve başarı hikayeleriyle dolu bu blog, sizi kodlamaya dair derin bir yolculuğa davet ediyor.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>


    <section class="aai-services">
      <div style="
            background: url('/assets/img/bg/service-1.webp') no-repeat center
              center/cover;
          " class="pt-120 pb-60">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-xl-6 col-lg order-2 order-lg-1 mt-5 mt-lg-0 aos-init" data-aos="fade-right">
              <div>
                <img loading="lazy" src="/assets/img/services/service-1.svg" class="img-fluid" alt="Kodlama ve Yaratıcılığın Buluşma Noktası" width="582" height="560">
              </div>
            </div>
            <div class="col-xl-6 col-lg order-1 order-lg-2">
              <div>
                <h2 class="section-title mb-4">
                  Kodlama ve Yaratıcılığın Buluşma Noktası
                </h2>
                <p class="section-desc">
                  Teknolojiyle dans eden, kodlama sanatına hayran bir platform! Sizleri hız, kalite ve yenilikle dolu bir dijital serüvene davet ediyoruz. Günlük içeriklerle sıkıcı anlara veda edin, kodlama tutkusunu bizimle yaşayın!
                </p>
                <ul class="aai-list-items mt-4">
                  <li class="aai-list-item d-flex align-items-center">
                    <img loading="lazy" src="/assets/img/icons/blue-tick.webp" class="img-fluid" alt="Hızlı Güncellemeler" width="24" height="24">
                    <span class="aai-list-item-text">Hızlı Güncellemeler</span>
                  </li>
                  <li class="aai-list-item d-flex align-items-center">
                    <img loading="lazy" src="/assets/img/icons/blue-tick.webp" class="img-fluid" alt="Kaliteli ve Yaratıcı İçerikler" width="24" height="24">
                    <span class="aai-list-item-text">Kaliteli ve Yaratıcı İçerikler</span>
                  </li>
                  <li class="aai-list-item d-flex align-items-center">
                    <img loading="lazy" src="/assets/img/icons/blue-tick.webp" class="img-fluid" alt="Kodlama Odaklı" width="24" height="24">
                    <span class="aai-list-item-text">Kodlama Odaklı</span>
                  </li>
                </ul>
                <div class="mt-5">
                  <a href="/hizmetler.php" class="aai-gradient-outline-btn" title="Hizmetler">Başla</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="pt-60 pb-60" style="
            background: url('/assets/img/bg/service-2.webp') no-repeat center
              center/cover;
          ">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-xl-6 col-lg">
              <div>
                <h2 class="section-title mb-4">
                  Fikirleri Alevlendiren Platform
                </h2>
                <p class="section-desc">
                  Kullanıcılarımızla birlikte sürekli büyüyen etkileşimli bir platforma hoş geldiniz! Fikirlerinizi paylaşın, canlı tartışmalara katılın ve birlikte öğrenme deneyimini keşfedin. Topluluğumuzun gücüyle gerçek zamanlı yorumlarla etkileşimde bulunun.
                </p>
                <ul class="aai-list-items mt-4">
                  <li class="aai-list-item d-flex align-items-center">
                    <img loading="lazy" src="/assets/img/icons/blue-tick.webp" class="img-fluid" alt="Etkileşimli Tartışmalar" width="24" height="24">
                    <span class="aai-list-item-text">Etkileşimli Tartışmalar</span>
                  </li>
                  <li class="aai-list-item d-flex align-items-center">
                    <img loading="lazy" src="/assets/img/icons/blue-tick.webp" class="img-fluid" alt="Gerçek Zamanlı Yorumlar" width="24" height="24">
                    <span class="aai-list-item-text">Gerçek Zamanlı Yorumlar</span>
                  </li>
                  <li class="aai-list-item d-flex align-items-center">
                    <img loading="lazy" src="/assets/img/icons/blue-tick.webp" class="img-fluid" alt="Topluluk Gücü" width="24" height="24">
                    <span class="aai-list-item-text">Topluluk Gücü</span>
                  </li>
                </ul>
                <div class="mt-5">
                  <a href="/hizmetler.php" class="aai-gradient-outline-btn" title="Hizmetler">Başla</a>
                </div>
              </div>
            </div>
            <div class="col-xl-6 col-lg mt-5 mt-lg-0 aos-init" data-aos="fade-left">
              <div>
                <img loading="lazy" src="/assets/img/services/service-2.svg" class="img-fluid" alt="Fikirleri Alevlendiren Platform" width="636" height="489">
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="pt-60 pb-120" style="
            background: url('/assets/img/bg/service-1.webp') no-repeat center
              center/cover;
          ">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-xl-6 col-lg order-2 order-lg-1 mt-5 mt-lg-0 aos-init" data-aos="fade-right">
              <div>
                <img loading="lazy" src="/assets/img/services/service-3.svg" class="img-fluid" alt="Sınırları Aşan Teknoloji ve Kodlama Deneyimi" width="553" height="575">
              </div>
            </div>
            <div class="col-xl-6 col-lg order-1 order-lg-2">
              <div>
                <h2 class="section-title mb-4">
                  Sınırları Aşan Teknoloji ve Kodlama Deneyimi
                </h2>
                <p class="section-desc">
                  Dünyanın dört bir yanından, her dilde içeriğin buluştuğu yer! Küresel çapta kodlama ve teknoloji içerikleriyle dolu platformumuzda, sınırları aşın, keşfedin ve paylaşın!
                </p>
                <ul class="aai-list-items mt-4">
                  <li class="aai-list-item d-flex align-items-center">
                    <img loading="lazy" src="/assets/img/icons/blue-tick.webp" class="img-fluid" alt="Çok Dilli İçerik Zenginliği" width="24" height="24">
                    <span class="aai-list-item-text">Çok Dilli İçerik Zenginliği</span>
                  </li>
                  <li class="aai-list-item d-flex align-items-center">
                    <img loading="lazy" src="/assets/img/icons/blue-tick.webp" class="img-fluid" alt="Global Topluluk Etkileşimi" width="24" height="24">
                    <span class="aai-list-item-text">Global Topluluk Etkileşimi</span>
                  </li>
                  <li class="aai-list-item d-flex align-items-center">
                    <img loading="lazy" src="/assets/img/icons/blue-tick.webp" class="img-fluid" alt="Yenilikçi Çözümlerle Dolu İçerik" width="24" height="24">
                    <span class="aai-list-item-text">Yenilikçi Çözümlerle Dolu İçerik</span>
                  </li>
                </ul>
                <div class="mt-5">
                  <a href="/hizmetler.php" class="aai-gradient-outline-btn" title="Hizmetler">Başla</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    
    <section class="aai-features pb-120" style="
          background: url('/assets/img/bg/aai-feature-bg.webp') no-repeat center
            center/cover;
        ">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-xl-8">
            <div class="aai-section-title mb-3 text-center mb-5">
              <h2 class="section-title">Ayrıca Yazılım Projelerinizi Hayata Geçiriyoruz</h2>
              <p class="section-desc">
                Sadece yazmıyor, çözümler sunuyoruz! Yazılım hizmetlerimizle işinizi kolaylaştırıyoruz. İşte size özel sunduğumuz yazılım çözümleri!
              </p>
            </div>
          </div>
        </div>
        <div class="row justify-content-center">
                        <div class="col-lg-4 col-md-6 mb-4 aos-init" data-aos="fade-up" data-aos-delay="50">
                <div class="aai-feature-box">
                  <div class="aai-feature-box-inner d-flex flex-column align-items-center">
                    <div>
                      <img loading="lazy" src="/assets/img/features/fi-1.svg" class="aai-feature-icon img-fluid" alt="Modern Front-End Geliştirme icon" width="120" height="120">
                    </div>
                    <h3 class="aai-feature-title">Modern Front-End Geliştirme</h3>
                    <p class="aai-feature-desc">
                      En yeni front-end teknolojilerini kullanarak etkileyici ve kullanıcı dostu arayüzler oluşturuyoruz, müşteri memnuniyetini ön planda tutuyoruz.                    </p>
                    <a href="hizmetler/modern-front-end-gelistirme.php" class="aai-feature-link" aria-label="Modern Front-End Geliştirme Detayları" title="Modern Front-End Geliştirme Detayları">
                      <svg width="37" height="13" viewBox="0 0 37 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M29.375 1L35.055 6.27428L29.375 11.9543" stroke="currentColor" stroke-opacity="0.80" stroke-width="1.52" stroke-linecap="round"></path>
                        <path d="M34 6.25L1 6.25" stroke="currentColor" stroke-opacity="0.80" stroke-width="1.5" stroke-linecap="round"></path>
                      </svg>
                    </a>
                  </div>
                </div>
              </div>
                     <div class="col-lg-4 col-md-6 mb-4 aos-init" data-aos="fade-up" data-aos-delay="60">
                <div class="aai-feature-box">
                  <div class="aai-feature-box-inner d-flex flex-column align-items-center">
                    <div>
                      <img loading="lazy" src="/assets/img/features/fi-5.svg" class="aai-feature-icon img-fluid" alt="Güçlü Back-End Altyapısı icon" width="120" height="120">
                    </div>
                    <h3 class="aai-feature-title">Güçlü Back-End Altyapısı</h3>
                    <p class="aai-feature-desc">
                      İş süreçlerinizi sağlam bir şekilde yönetmek için güçlü bir back-end altyapısı geliştiriyoruz. Performans, güvenlik ve ölçeklenebilirlik bizim önceliğimiz.                    </p>
                    <a href="hizmetler/guclu-back-end-altyapisi.php" class="aai-feature-link" aria-label="Güçlü Back-End Altyapısı Detayları" title="Güçlü Back-End Altyapısı Detayları">
                      <svg width="37" height="13" viewBox="0 0 37 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M29.375 1L35.055 6.27428L29.375 11.9543" stroke="currentColor" stroke-opacity="0.80" stroke-width="1.52" stroke-linecap="round"></path>
                        <path d="M34 6.25L1 6.25" stroke="currentColor" stroke-opacity="0.80" stroke-width="1.5" stroke-linecap="round"></path>
                      </svg>
                    </a>
                  </div>
                </div>
              </div>
                     <div class="col-lg-4 col-md-6 mb-4 aos-init" data-aos="fade-up" data-aos-delay="70">
                <div class="aai-feature-box">
                  <div class="aai-feature-box-inner d-flex flex-column align-items-center">
                    <div>
                      <img loading="lazy" src="/assets/img/features/fi-2.svg" class="aai-feature-icon img-fluid" alt="SEO Uyumlu Kodlama icon" width="120" height="120">
                    </div>
                    <h3 class="aai-feature-title">SEO Uyumlu Kodlama</h3>
                    <p class="aai-feature-desc">
                      Web sitenizin arama motorlarında daha iyi sıralanmasını istiyor musunuz? Kodlama pratiklerimiz, dostu yapılar oluşturarak işletmenizi daha görünür kılar.                    </p>
                    <a href="hizmetler/seo-uyumlu-kodlama.php" class="aai-feature-link" aria-label="SEO Uyumlu Kodlama Detayları" title="SEO Uyumlu Kodlama Detayları">
                      <svg width="37" height="13" viewBox="0 0 37 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M29.375 1L35.055 6.27428L29.375 11.9543" stroke="currentColor" stroke-opacity="0.80" stroke-width="1.52" stroke-linecap="round"></path>
                        <path d="M34 6.25L1 6.25" stroke="currentColor" stroke-opacity="0.80" stroke-width="1.5" stroke-linecap="round"></path>
                      </svg>
                    </a>
                  </div>
                </div>
              </div>
                     <div class="col-lg-4 col-md-6 mb-4 aos-init" data-aos="fade-up" data-aos-delay="80">
                <div class="aai-feature-box">
                  <div class="aai-feature-box-inner d-flex flex-column align-items-center">
                    <div>
                      <img loading="lazy" src="/assets/img/features/fi-3.svg" class="aai-feature-icon img-fluid" alt="W3C Standartlarına Uyum icon" width="120" height="120">
                    </div>
                    <h3 class="aai-feature-title">W3C Standartlarına Uyum</h3>
                    <p class="aai-feature-desc">
                      Kalite ve uyumluluk bizim için önemlidir. Yazılımımız, W3C standartlarına uyumlu şekilde geliştirilir, böylece geniş bir tarayıcı ve cihaz yelpazesinde sorunsuz çalışır.                    </p>
                    <a href="hizmetler/w3c-standartlarina-uyum.php" class="aai-feature-link" aria-label="W3C Standartlarına Uyum Detayları" title="W3C Standartlarına Uyum Detayları">
                      <svg width="37" height="13" viewBox="0 0 37 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M29.375 1L35.055 6.27428L29.375 11.9543" stroke="currentColor" stroke-opacity="0.80" stroke-width="1.52" stroke-linecap="round"></path>
                        <path d="M34 6.25L1 6.25" stroke="currentColor" stroke-opacity="0.80" stroke-width="1.5" stroke-linecap="round"></path>
                      </svg>
                    </a>
                  </div>
                </div>
              </div>
                     <div class="col-lg-4 col-md-6 mb-4 aos-init" data-aos="fade-up" data-aos-delay="90">
                <div class="aai-feature-box">
                  <div class="aai-feature-box-inner d-flex flex-column align-items-center">
                    <div>
                      <img loading="lazy" src="/assets/img/features/fi-4.svg" class="aai-feature-icon img-fluid" alt="Responsive Tasarım icon" width="120" height="120">
                    </div>
                    <h3 class="aai-feature-title">Responsive Tasarım</h3>
                    <p class="aai-feature-desc">
                      Her cihazda mükemmel performans. Responsive tasarım anlayışımız sayesinde web siteniz, masaüstü bilgisayarlar, tabletler ve mobil cihazlar üzerinde sorunsuz bir şekilde çalışır.                    </p>
                    <a href="hizmetler/responsive-tasarim.php" class="aai-feature-link" aria-label="Responsive Tasarım Detayları" title="Responsive Tasarım Detayları">
                      <svg width="37" height="13" viewBox="0 0 37 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M29.375 1L35.055 6.27428L29.375 11.9543" stroke="currentColor" stroke-opacity="0.80" stroke-width="1.52" stroke-linecap="round"></path>
                        <path d="M34 6.25L1 6.25" stroke="currentColor" stroke-opacity="0.80" stroke-width="1.5" stroke-linecap="round"></path>
                      </svg>
                    </a>
                  </div>
                </div>
              </div>
                     <div class="col-lg-4 col-md-6 mb-4 aos-init" data-aos="fade-up" data-aos-delay="100">
                <div class="aai-feature-box">
                  <div class="aai-feature-box-inner d-flex flex-column align-items-center">
                    <div>
                      <img loading="lazy" src="/assets/img/features/fi-6.svg" class="aai-feature-icon img-fluid" alt="Gelişmiş Veritabanı Yönetimi icon" width="120" height="120">
                    </div>
                    <h3 class="aai-feature-title">Gelişmiş Veritabanı Yönetimi</h3>
                    <p class="aai-feature-desc">
                      Veritabanı yönetimi işin kalbidir. Gelişmiş veritabanı yönetimi sayesinde verileriniz düzenli, güvenli ve hızlı bir şekilde işlenir ve depolanır.                    </p>
                    <a href="hizmetler/gelismis-veritabani-yonetimi.php" class="aai-feature-link" aria-label="Gelişmiş Veritabanı Yönetimi Detayları" title="Gelişmiş Veritabanı Yönetimi Detayları">
                      <svg width="37" height="13" viewBox="0 0 37 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M29.375 1L35.055 6.27428L29.375 11.9543" stroke="currentColor" stroke-opacity="0.80" stroke-width="1.52" stroke-linecap="round"></path>
                        <path d="M34 6.25L1 6.25" stroke="currentColor" stroke-opacity="0.80" stroke-width="1.5" stroke-linecap="round"></path>
                      </svg>
                    </a>
                  </div>
                </div>
              </div>
                 </div>
        <div class="text-center mt-5 aos-init" data-aos="fade-up" data-aos-delay="110">
          <a href="/iletisim.php" class="aai-btn btn-pill-solid" title="İletişim">İletişim</a>
        </div>
      </div>
    </section>





    <section class="aai-faq pb-120" style="background: url('/assets/img/bg/awards-bg.webp') no-repeat center center/cover;">
      <div class="container">
        <div class="row justify-content-between align-items-center">
          <div class="col-xl-5 col-lg">
            <div>
              <h2 class="section-title mb-4">
                <span class="gradient-text">Sorusu </span>Olan? <br>
                Cevaplarımız Hazır!
              </h2>
              <p class="section-desc">
                Cevabınızı burada bulamadınız mı? Herhangi bir sorunuz için bize mesaj göndermeniz yeterli.
              </p>
              <div class="mt-5">
                <a href="/iletisim.php" class="aai-gradient-outline-btn" title="İletişim">İletişime Geç</a>
              </div>
            </div>
          </div>
          <div class="col-xl-6 col-lg mt-5 mt-xl-0 aos-init" data-aos="fade-up" data-aos-delay="100">
            <div class="aai-accordions">
              <div class="accordion accordion-flush" id="accordionFlushExample">
                <div class="accordion-item">
                  <h2 class="accordion-header">
                    <button class="accordion-button shadow-none collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
                      Blogumuzun temel amacı ve sunmaya çalıştığı değer nedir?

                    </button>
                  </h2>
                  <div id="flush-collapseOne" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">
                        Blogumuz, teknoloji, yazılım geliştirme ve farklı alanlarında ilham verici bilgiler sunmayı amaçlar.
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header">
                    <button class="accordion-button shadow-none" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
                       Blogunuz, okuyucuların kariyer gelişimine nasıl katkı sağlıyor?
                    </button>
                  </h2>
                  <div id="flush-collapseTwo" class="accordion-collapse collapse show" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">
                        Blog içeriği, okuyucuların teknik becerilerini güçlendirir, sektör trendlerini takip etmelerine yardımcı olur ve yaratıcı düşünceyi teşvik eder, böylece kariyerlerine değer katar.
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header">
                    <button class="accordion-button shadow-none collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
                        Topluluğu büyütmek ve etkileşimi artırmak için neler yapıyorsunuz?
                    </button>
                  </h2>
                  <div id="flush-collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">
                        Sosyal medya etkinlikleriyle topluluğumuzu büyütüyor, kullanıcı yorumlarına özenle yanıt veriyor ve anketlerle tercihleri anlamaya çalışıyoruz.
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header">
                    <button class="accordion-button shadow-none collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFour" aria-expanded="false" aria-controls="flush-collapseFour">
                      Gelen Geri Bildirimlere Nasıl Yanıt Veriyor, Blogu Nasıl Geliştiriyoruz?
                    </button>
                  </h2>
                  <div id="flush-collapseFour" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">
                       Kullanıcı geri bildirimleri, sürekli olarak gözden geçirilir ve talepler doğrultusunda içerik stratejimizi şekillendiririz.
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header">
                    <button class="accordion-button shadow-none collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFive" aria-expanded="false" aria-controls="flush-collapseFive">
                        Blog İçeriklerinizin Başarısının Arkasındaki Ana Faktör Nedir?
                    </button>
                  </h2>
                  <div id="flush-collapseFive" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">
                        İçeriklerimizin öne çıkmasında benzersiz bakış açıları, pratik rehberler ve güncel teknoloji analizleri önemli bir rol oynar.
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
<!--
    <section class="aai-price-tables pb-120">
      <div class="container">
        <div class="row align-items-center mb-5" data-aos="fade-right" data-aos-delay="100">
          <div class="col-xl-5">
            <div>
              <h2 class="section-title">
                İhtiyacınıza Uygun Paketi Keşfedin!
              </h2>
            </div>
          </div>
          <div class="col-xl-7">
            <div>
              <p class="section-desc">
                Ücretsiz üyelikle başlayın ve size en uygun paketi seçin! Daha fazla içerik, erken etkinlik erişimi ve özel destekle ayrıcalıklı bir deneyim yaşayın. Hemen seçim yapın, farkı hissedin!
              </p>
            </div>
          </div>
        </div>

        <div class="aai-price-table mb-4" data-aos="fade-up" data-aos-delay="100">
          <div class="row g-4 align-items-center justify-content-between">
            <div class="col-xl-4 col-lg-6">
              <div class="aai-price-pack">
                <h3 class="aai-price-pack-name">Standart</h3>
                <p class="aai-price-pack-desc">
                </p>
              </div>
            </div>
            <div class="col-xl-3 col-lg-6">
              <ul class="aai-price-lists list-unstyled">
                <li class="aai-price-list-item d-flex align-items-center">
                  <img loading="lazy" src="/assets/img/icons/tick.webp" class="aai-testimonial-author-img" alt="" width="26" height="26">
                  <span class="aai-price-list-item-text">Temel İçeriğe Erişim</span>
                </li>
                <li class="aai-price-list-item d-flex align-items-center">
                  <img loading="lazy" src="/assets/img/icons/x.webp" class="aai-testimonial-author-img" alt="" width="26" height="26">
                  <span class="aai-price-list-item-text">Reklamsız Deneyim</span>
                </li>
                <li class="aai-price-list-item d-flex align-items-center">
                  <img loading="lazy" src="/assets/img/icons/x.webp" class="aai-testimonial-author-img" alt="" width="26" height="26">
                  <span class="aai-price-list-item-text">Erken Erişim ve Beta Testleri</span>
                </li>
                <li class="aai-price-list-item d-flex align-items-center">
                  <img loading="lazy" src="/assets/img/icons/x.webp" class="aai-testimonial-author-img" alt="" width="26" height="26">
                  <span class="aai-price-list-item-text">Canlı Destek Hattı</span>
                </li> 
              </ul>
            </div>
            <div class="col-xl-3 col-lg-6">
              <div class="aai-price-value">
                <h2 class="aai-price">Ücretsiz</h2>
              </div>
            </div>
            <div class="col-xl-2 col-lg-6">
              <div>
                <a href="/kayit.php" class="aai-gradient-outline-btn" title="Kayıt Ol">Başlayalım</a>
              </div>
            </div>
          </div>
        </div>

        <div class="aai-price-table has-bg mb-4" data-aos="fade-up" data-aos-delay="200">
          <div class="row g-4 align-items-center justify-content-between">
            <div class="col-xl-4 col-lg-6">
              <div class="aai-price-pack">
                <h3 class="aai-price-pack-name">Pro</h3>
                <p class="aai-price-pack-desc">
                </p>
              </div>
            </div>
            <div class="col-xl-3 col-lg-6">
              <ul class="aai-price-lists list-unstyled">
                <li class="aai-price-list-item d-flex align-items-center">
                  <img loading="lazy" src="/assets/img/icons/tick.webp" class="aai-testimonial-author-img" alt="" width="26" height="26">
                  <span class="aai-price-list-item-text">Reklamsız Deneyim</span>
                </li>
                <li class="aai-price-list-item d-flex align-items-center">
                  <img loading="lazy" src="/assets/img/icons/tick.webp" class="aai-testimonial-author-img" alt="" width="26" height="26">
                  <span class="aai-price-list-item-text">Topluluk Katılımı</span>
                </li>
                <li class="aai-price-list-item d-flex align-items-center">
                  <img loading="lazy" src="/assets/img/icons/tick.webp" class="aai-testimonial-author-img" alt="" width="26" height="26">
                  <span class="aai-price-list-item-text">Erken Erişim ve Beta Testleri</span>
                </li>
                <li class="aai-price-list-item d-flex align-items-center">
                  <img loading="lazy" src="/assets/img/icons/tick.webp" class="aai-testimonial-author-img" alt="" width="26" height="26">
                  <span class="aai-price-list-item-text">Canlı Destek Hattı</span>
                </li>
              </ul>
            </div>
            <div class="col-xl-3 col-lg-6">
              <div class="aai-price-value">
                <h2 class="aai-price">14.99₺</h2>
              </div>
            </div>
            <div class="col-xl-2 col-lg-6">
              <div>
                <a href="/abonelik.php" class="aai-btn btn-pill-solid" title="Abonelik">Başlayalım</a>
              </div>
            </div>
          </div>
        </div>

        <div class="aai-price-table" data-aos="fade-up" data-aos-delay="200">
          <div class="row g-4 align-items-center justify-content-between">
            <div class="col-xl-4 col-lg-6">
              <div class="aai-price-pack">
                <h3 class="aai-price-pack-name">Enterprise</h3>
                <p class="aai-price-pack-desc">
                  Basın ve diğer kuruluşlar için
                </p>
              </div>
            </div>
            <div class="col-xl-3 col-lg-6">
              <ul class="aai-price-lists list-unstyled">
                <li class="aai-price-list-item d-flex align-items-center">
                  <img loading="lazy" src="/assets/img/icons/tick.webp" class="aai-testimonial-author-img" alt="" width="26" height="26">
                  <span class="aai-price-list-item-text">Gelişmiş Analitik Raporlar</span>
                </li>
                <li class="aai-price-list-item d-flex align-items-center">
                  <img loading="lazy" src="/assets/img/icons/tick.webp" class="aai-testimonial-author-img" alt="" width="26" height="26">
                  <span class="aai-price-list-item-text">Özel İşbirlikleri</span>
                </li>
                <li class="aai-price-list-item d-flex align-items-center">
                  <img loading="lazy" src="/assets/img/icons/tick.webp" class="aai-testimonial-author-img" alt="" width="26" height="26">
                  <span class="aai-price-list-item-text">VIP Etkinlik Katılımları</span>
                </li>
                <li class="aai-price-list-item d-flex align-items-center">
                  <img loading="lazy" src="/assets/img/icons/tick.webp" class="aai-testimonial-author-img" alt="" width="26" height="26">
                  <span class="aai-price-list-item-text">Kişisel Destek Hattı</span>
                </li>
              </ul>
            </div>
            <div class="col-xl-3 col-lg-6">
              <div class="aai-price-value">
                <h2 class="aai-price">Teklif Alın</h2>
              </div>
            </div>
            <div class="col-xl-2 col-lg-6">
              <div>
                <a href="/iletisim.php" class="aai-gradient-outline-btn" title="İletişim">Başlayalım</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
-->
    <section class="aai-cta pb-120" style="
          background: url('/assets/img/bg/cta-bg.webp') no-repeat center
            center/cover;
        ">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-xl-5 col-lg">
            <div>
              <h2 class="section-title mb-4">
                Hemen Katılın ve Yaratıcı <br>
                <span class="position-relative">
                    <span class="position-relative aai-cta-line z-3">İçerik Dünyamıza</span>
                </span>
                Ortak Olun!
              </h2>
              <p class="section-desc">
                Yeni yazılar, güncel içerikler ve sürpriz avantajlar için şimdi hesap oluşturun. Yaratıcı topluluğumuza katılarak siz de içerik üretiminde fark yaratın!
              </p>
              <div class="mt-5 d-flex flex-column flex-md-row aai-btns-group">
                <a href="/kayit.php" class="aai-btn btn-pill-solid" title="Kayıt Ol">Başlayalım</a>
                <a href="/hakkimizda.php" class="aai-gradient-outline-btn" title="Hakkımızda">Hakkımızda</a>
              </div>
            </div>
          </div>
          <div class="col-xl-7 col-lg mt-5 mt-xl-0 aos-init" data-aos="fade-up" data-aos-delay="80">
            <div class="aai-cta-img">
              <img loading="lazy" src="/assets/img/cta/cta-screen.webp" class="img-fluid" alt="İçerik dünyamıza katılın" width="746" height="431">
            </div>
          </div>
        </div>
      </div>
    </section>

  </main>


  <footer class="aai-footer pt-120" style="
        background: url('/assets/img/bg/footer-bg.webp') no-repeat center
          center/cover;
      ">
    <div class="container">
      <div class="aai-footer-support">
        <div class="row g-4 align-items-center">
          <div class="col-lg-6">
            <div class="aai-support-info d-flex align-items-center flex-wrap">
              <div>
                <img loading="lazy" src="/assets/img/icons/headset.svg" alt="İletişim icon" width="54" height="54">
              </div>
              <div class="aai-support-contact">
                <p class="aai-support-text mb-1">
                  Sorunuz mu var?
                </p>
                <a href="mailto:[email protected]" class="aai-support-number" title="Mail Gönder">
                  [email protected]</a>
              </div>
            </div>
          </div>
          <div class="col-lg-6">
            <div class="aai-newsletter">
                              <form method="POST" action="../dist/forms/newsletter.php">
                <div class="position-relative">
                  <input type="hidden" class="form-control" name="url" value="http://mutanplex.com">
                  <input type="email" class="form-control" placeholder="E-mail" name="email" autocomplete="on">
                  <button class="aai-newsletter-btn">Abone Ol</button>
                                  </div>
              </form>
            </div>
          </div>
        </div>
      </div>
      <div class="aai-footer-navigation-widgets py-80">
        <div class="row">
          <div class="col-xl-4 col-lg-4 col-md-12 aos-init" data-aos="fade-right" data-aos-duration="1500" data-aos-delay="50">
            <div class="aai-footer-info">
              <a href="/" class="aai-footer-logo" aria-label="Anasayfa" title="Anasayfa">
                <img loading="lazy" src="/assets/img/logo/logo.webp" alt="logo" width="217" height="38">
              </a>
              <p class="aai-footer-desc">
                Yazılıma, teknolojiye ve kodlamaya dair her şeyin buluşma noktasına hoş geldiniz! Bilgi ve deneyimlerinizi artırmanın keyfini çıkarın. Sizi burada görmek bize mutluluk veriyor!
              </p>
              <div class="aai-social-links d-flex">
                <a href="https://facebook.com/MutanPlex" target="_blank" rel="nofollow noopener noreferrer " aria-label="Facebook" title="Facebook">
                  <i class="fa-brands fa-facebook-f"></i>
                </a>
                <a href="https://twitter.com/mutanplex" target="_blank" rel="nofollow noopener noreferrer" aria-label="Twitter" title="Twitter">
                  <i class="fa-brands fa-twitter"></i></a>
                <a href="http://instagram.com/hz.barisg" target="_blank" rel="nofollow noopener noreferrer" aria-label="Instagram" title="Instagram">
                  <i class="fa-brands fa-instagram"></i></a>
                <a href="https://youtube.com/c/MutanPlex" target="_blank" rel="nofollow noopener noreferrer" aria-label="YouTube" title="YouTube"><i class="fa-brands fa-youtube"></i></a>
              </div>
            </div>
          </div>
          <div class="col-xl-8 col-lg-8 col-md-12 mt-5 mt-lg-0">
            <div class="row">
              <div class="col-xl-4 col-lg-4 col-md-4 mb-5 mb-lg-0 aos-init" data-aos="fade-up" data-aos-delay="100" data-aos-duration="1500">
                <nav class="aai-footer-nav">
                  <h3 class="aai-footer-nav-title">Linkler</h3>
                  <ul class="aai-footer-nav-list">
                    <li class="aai-footer-nav-list-item">
                      <a href="/" class="aai-footer-nav-link" title="Anasayfa"> Anasayfa </a>
                    </li>
                    <li class="aai-footer-nav-list-item">
                      <a href="/hizmetler.php" class="aai-footer-nav-link" title="Hizmetler"> Hizmetler </a>
                    </li>
                    <!--<li class="aai-footer-nav-list-item">
                      <a href="/abonelik.php" class="aai-footer-nav-link" title="Abonelik"> Abonelik </a>
                    </li>-->
                    <li class="aai-footer-nav-list-item">
                      <a href="/hakkimizda.php" class="aai-footer-nav-link" title="Hakkımızda"> Hakkımızda </a>
                    </li>
                    <li class="aai-footer-nav-list-item">
                      <a href="/iletisim.php" class="aai-footer-nav-link" title="İletişim"> İletişim </a>
                    </li>
                  </ul>
                </nav>
              </div>
              <div class="col-xl-4 col-lg-4 col-md-4 mb-5 mb-lg-0 aos-init" data-aos="fade-up" data-aos-delay="300" data-aos-duration="1500">
                <nav class="aai-footer-nav">
                  <h3 class="aai-footer-nav-title">Yakında</h3>
                  <ul class="aai-footer-nav-list">
                    <li class="aai-footer-nav-list-item">
                      <a href="#" class="aai-footer-nav-link" title="Forum"> Forum </a>
                    </li>
                    <li class="aai-footer-nav-list-item">
                      <a href="#" class="aai-footer-nav-link" title="Duvar Kağıtları"> Duvar Kağıtları </a>
                    </li>
                  </ul>
                </nav>
              </div>
              <div class="col-xl-4 col-lg-4 col-md-4 aos-init" data-aos="fade-up" data-aos-delay="500" data-aos-duration="1500">
                <nav class="aai-footer-nav">
                  <h3 class="aai-footer-nav-title">Diğer</h3>
                  <ul class="aai-footer-nav-list">
                    <li class="aai-footer-nav-list-item">
                      <a href="/gizlilik-politikasi.php" class="aai-footer-nav-link" title="Gizlilik Politikası"> Gizlilik Politikası </a>
                    </li>
                    <li class="aai-footer-nav-list-item">
                      <a href="/cerez-politikasi.php" class="aai-footer-nav-link" title="Çerez Politikası"> Çerez Politikası </a>
                    </li>
                  </ul>
                </nav>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="aai-footer-copyright text-center">
        <p class="aai-copyright-text">© 2023 MutanPlex. Tüm Hakları Saklıdır.</p>
      </div>
    </div>
  </footer>

  <link rel="stylesheet" href="/assets/css/aos.css" type="text/css" as="style" onload="this.onload=null;this.rel='stylesheet';">
  <link rel="stylesheet" href="/assets/css/bootstrap.min.css" type="text/css" as="style" onload="this.onload=null;this.rel='stylesheet';">
  <link rel="stylesheet" href="/assets/css/style.css" type="text/css" as="style" onload="this.onload=null;this.rel='stylesheet';">
  <script defer="" src="/assets/js/typed.js"></script>
  <script defer="" src="/assets/js/aos.js"></script>
  <script defer="" src="/assets/js/bootstrap.bundle.min.js"></script>
  <script defer="" src="/assets/js/glightbox-min.js"></script>
  <script defer="" src="/assets/js/app.js"></script>


<style data-typed-js-cursor-css="true">
        .typed-cursor{
          opacity: 1;
        }
        .typed-cursor.typed-cursor--blink{
          animation: typedjsBlink 0.7s infinite;
          -webkit-animation: typedjsBlink 0.7s infinite;
                  animation: typedjsBlink 0.7s infinite;
        }
        @keyframes typedjsBlink{
          50% { opacity: 0.0; }
        }
        @-webkit-keyframes typedjsBlink{
          0% { opacity: 1; }
          50% { opacity: 0.0; }
          100% { opacity: 1; }
        }
      </style><style data-typed-fadeout-js-css="true">
        .typed-fade-out{
          opacity: 0;
          transition: opacity .25s;
        }
        .typed-cursor.typed-cursor--blink.typed-fade-out{
          -webkit-animation: 0;
          animation: 0;
        }
      </style></body></html>