
<!DOCTYPE html>
<html lang="hu">
    <head>
        <meta charset="utf-8" >
        <meta name="csrf-token" content="WTLAKqvoOFull4lMFO1n0f5EHDB8RJfafiUBlucD">

        <title>Főoldal - Webshark - weboldal készítése, webhosting, online marketing</title>

        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="copyright" content="Webshark" >
        <link rel="canonical" href="https://webshark.hu">

        <meta property="og:title" content="Főoldal - Webshark" />
            <meta name="description" content="Ha nagyobb forgalmat, több elégedett vevőt, növekvő bevételt, profi honlapot szeretnél, akkor bízd ránk weboldalad elkészítését!" >
        <meta property="og:description" content="Ha nagyobb forgalmat, több elégedett vevőt, növekvő bevételt, profi honlapot szeretnél, akkor bízd ránk weboldalad elkészítését!" />
                <meta property="og:image" content="https://webshark.hu/storage/3/01HWAQ4CRWNHYTKCGHQD9GXVWC.jpg"/>
    
        <meta property="og:locale" content="hu_HU" />
        <meta property="og:type" content="website" />
        <meta property="og:url" content="https://webshark.hu" />
        <meta property="og:site_name" content="Webshark" />
        <meta property="article:publisher" content="https://www.facebook.com/webshark.hu" />

        <script>
            var LANG = 'hu';
            var ROOT = 'https://webshark.hu/';
            var DEFAULT_LANG = '';
            var MEDIA = 'https://webshark.hu/images';
        </script>

        <!--    favicon-->
        <link rel="apple-touch-icon" sizes="180x180" href="/gfx/favicon/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/gfx/favicon/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/gfx/favicon/favicon-16x16.png">
        <link rel="manifest" href="/gfx/favicon/site.webmanifest">
        <link rel="mask-icon" href="/gfx/favicon/safari-pinned-tab.svg" color="#ff2d21">
        <meta name="msapplication-TileColor" content="#ffffff">
        <meta name="theme-color" content="#ffffff">

        <meta name="google-site-verification" content="NNP1AxXYugXiX9WuosUKYvZGjVa7UcELTJtWJZ78Y0g" />
        <!-- Google Tag Manager -->
        <noscript>
            <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PDFWP9"
            height="0" width="0" style="display:none;visibility:hidden"></iframe>
        </noscript>
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-PDFWP9');</script>
        <!-- End Google Tag Manager -->

        <script type="text/javascript">
        (function(e,g){function h(b,a,c){b.attachEvent?b.attachEvent("on"+a,c):b.addEventListener(a,c,!1)}function s(b){var a;return function(){var c=this,d=arguments;clearTimeout(a);a=setTimeout(function(){a=null;b.apply(c,d)},15)}}function t(b){function a(a,k,e){if(!d(g.documentElement,a)||!d(g.documentElement,b))return e?setTimeout(c(a,k,e),0):!1;var f=a.getBoundingClientRect(),l=b.getBoundingClientRect(),h=f.left,n=f.top,p=k,q=k;b===g.body?(p+=g.documentElement.clientWidth,q+=g.documentElement.clientHeight,
        l={bottom:b.scrollHeight,top:0,left:0,right:b.scrollWidth}):(h-=l.left,n-=l.top,p+=b.clientWidth,q+=b.clientHeight);if(!(f.right<l.left||f.left>l.right||f.bottom<l.top||f.top>l.bottom)&&n<=q&&h<=p)if(e)r.splice(m.call(r,a),1),e(a);else return!0;else if(e)setTimeout(c(a,k,e),0);else return!1}function c(b,e,d){-1===m.call(r,b)&&r.push(b);return function(){k.push(function(){a(b,e,d)})}}var k=[],r=[],u=b===g.body?e:b,n=s(function(){for(var a;a=k.shift();)a()});h(u,"scroll",n);u===e&&h(e,"resize",n);"function"===
        typeof window.MutationObserver&&f(r,b,n);return{b:b,a:a}}function m(b){for(var a=this.length;a--&&this[a]!==b;);return a}function f(b,a,c){function e(a){return-1!==m.call(b,a)}function d(a){return 0<g.call(a.addedNodes,e).length}var f=new MutationObserver(function(a){!0===a.some(d)&&setTimeout(c,0)}),g=Array.prototype.filter;f.observe(a,{childList:!0,subtree:!0})}var c=[];e.inViewport=function(b,a,e){var d=g.body;if(void 0===a||"function"===typeof a)e=a,a={};d=a.container||d;a=a.offset||0;for(var f=
        0;f<c.length;f++)if(c[f].b===d)return c[f].a(b,a,e);return c[c.push(t(d))-1].a(b,a,e)};var d=document.documentElement.compareDocumentPosition?function(b,a){return!!(b.compareDocumentPosition(a)&16)}:document.documentElement.contains?function(b,a){return b!==a&&(b.contains?b.contains(a):!1)}:function(b,a){for(;a=a.parentNode;)if(a===b)return!0;return!1}})(window,document);
        (function(e){function g(c){-1===m.call(f,c)&&f.push(c)}function h(c){function d(a){var d;if(d="function"===typeof c.src?c.src(a):a.getAttribute(c.src))a.src=d;a["data-lzled"]=!0;b[m.call(b,a)]=null}if(1<arguments.length)return inViewport.apply(void 0,arguments);c=t(c||{});"string"===typeof c.src&&g(c.src);var b=[];return function(a){a.onload=null;a.removeAttribute("onload");a.onerror=null;a.removeAttribute("onerror");-1===m.call(b,a)&&inViewport(a,c,d)}}function s(c){c="HTML"+c+"Element";if(!1!==
        c in e){var d=e[c].prototype.getAttribute;e[c].prototype.getAttribute=function(b){if("src"===b){for(var a,c=0,e=f.length;c<e&&!(a=d.call(this,f[c]));c++);return a||d.call(this,b)}return d.call(this,b)}}}function t(c){var d={offset:333,src:"data-src",container:!1},b;for(b in d)void 0===c[b]&&(c[b]=d[b]);return c}function m(c){for(var d=this.length;d--&&this[d]!==c;);return d}var f=["data-src"];e.lazyload=h;e.lzld=h();s("Image");s("IFrame")})(window,document);
        </script>

        <!-- Facebook Pixel Code -->
        <script>
            !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
            n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
            n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
            t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
            document,'script','https://connect.facebook.net/en_US/fbevents.js');

            fbq('init', '1591388547828265');
            fbq('track', "PageView");
        </script>
        <noscript>
            <img height="1" width="1" style="display:none"
            src="https://www.facebook.com/tr?id=1591388547828265&ev=PageView&noscript=1"/>
        </noscript>
        <!-- End Facebook Pixel Code -->

        <!-- Hotjar Tracking Code for http://webshark.hu -->
        <script>
            (function(h,o,t,j,a,r){
                h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
                h._hjSettings={hjid:282193,hjsv:5};
                a=o.getElementsByTagName('head')[0];
                r=o.createElement('script');r.async=1;
                r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
                a.appendChild(r);
            })(window,document,'https:////static.hotjar.com/c/hotjar-','.js?sv=');
        </script>
        <script async>
            function onSubmitNewsletter(token) {
                document.getElementById("newsletterform").submit();
            }
        </script>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
        
        <script src="https://npmcdn.com/flatpickr/dist/flatpickr.min.js"></script>
        <script src="https://npmcdn.com/flatpickr/dist/l10n/hu.js"></script>

        <link rel="preload" as="style" href="https://webshark.hu/build/assets/app-D1gKCAyl.css" /><link rel="stylesheet" href="https://webshark.hu/build/assets/app-D1gKCAyl.css" data-navigate-track="reload" />    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style>
</head>
    <body class="h-full relative scroll-smooth">
        <div id="app" class="relative">
            <header class="fixed top-0 inset-x-0 w-full flex z-[9] lg:py-0 py-5 ">
    <div class="container">
        <div class="grid grid-cols-12">
            <div class="lg:col-span-2 col-span-6 flex items-center">
                <a href="https://webshark.hu" class="lg:w-[195px] w-full"><img src="/gfx/top_logo.jpg" alt="Webshark" title="Webshark" width="389" height="45"></a>
            </div>
            <div class="lg:col-span-10 flex lg:items-center lg:justify-end lg:shadow-none shadow-default" id="mobile">
                <ul class="flex lg:flex-row flex-col lg:items-center">
                    <li class="cursor-pointer xl:py-[33px] lg:py-[1.5vw] lg:ml-[2.5vw] flex items-center lg:mb-0 mb-3 border-b-[3px] border-b-transparent group hover:border-b-lightPurple"><a href="https://webshark.hu/rolunk" class="font-mm text-secondaryGrey xl:text-[18px] lg:text-[0.9vw] text-[14px]" title="Rólunk">Rólunk</a></li>
                    <li class="cursor-pointer xl:py-[33px] lg:py-[1.5vw] lg:ml-[2.5vw] flex items-center lg:mb-0 mb-3 border-b-[3px] border-b-transparent group hover:border-b-lightPurple"><a href="https://webshark.hu/munkaink" class="font-mm text-secondaryGrey xl:text-[18px] lg:text-[0.9vw] text-[14px]" title="Munkáink">Munkáink</a></li>
                    <li class="cursor-pointer nav xl:py-[33px] lg:py-[1.5vw] lg:ml-[2.5vw] flex lg:flex-row flex-col lg:items-center lg:mb-0 mb-3 border-b-[3px] border-b-transparent group hover:border-b-lightPurple">
                        <a class="font-mm text-secondaryGrey xl:text-[18px] lg:text-[0.9vw] text-[14px]" title="Megoldásaink">Megoldásaink</a>
                        <div class="lg:bg-[#290F4E] w-full lg:fixed xl:top-[96px] lg:top-[4.58vw] left-0 flex lg:flex-row flex-col lg:py-[53px] py-[15px] lg:shadow-default lg:pl-[26vw]" id="subnav">
                                                        <div class="w-fit lg:px-[5.7vw] lg:border-r lg:border-r-[#FFFFFF]/25 last:border-r-0">
                                <div class="lg:text-[#F4F4F4] text-black lg:text-[1.14vw] text-[16px] font-mb uppercase mb-2">FEJLESZTÉS</div>
                                <div class="bg-lightPurple h-[4px] w-[64px] mb-4"></div>
                                <ul>
                                                                                                        <li><a href="https://webshark.hu/megoldasaink/weboldal" class="cursor-pointer lg:text-[#F4F4F4] text-black hover:text-lightPurple xl:text-[18px] lg:text-[0.9vw] text-[14px] font-mm mb-2">Weboldal</a></li>
                                                                                                                                            <li><a href="https://webshark.hu/megoldasaink/mobil-alkalmazas" class="cursor-pointer lg:text-[#F4F4F4] text-black hover:text-lightPurple xl:text-[18px] lg:text-[0.9vw] text-[14px] font-mm mb-2">Mobil alkalmazás</a></li>
                                                                                                                                                                                                                                                                                                                                                                                    </ul>
                            </div>
                                                        <div class="w-fit lg:px-[5.7vw] lg:border-r lg:border-r-[#FFFFFF]/25 last:border-r-0">
                                <div class="lg:text-[#F4F4F4] text-black lg:text-[1.14vw] text-[16px] font-mb uppercase mb-2">HOSTING</div>
                                <div class="bg-lightPurple h-[4px] w-[64px] mb-4"></div>
                                <ul>
                                                                                                                                                                                                                                                <li><a href="https://webshark.hu/megoldasaink/domain" class="cursor-pointer lg:text-[#F4F4F4] text-black hover:text-lightPurple xl:text-[18px] lg:text-[0.9vw] text-[14px] font-mm mb-2">Domain</a></li>
                                                                                                                                                                                                                                                                                                                </ul>
                            </div>
                                                        <div class="w-fit lg:px-[5.7vw] lg:border-r lg:border-r-[#FFFFFF]/25 last:border-r-0">
                                <div class="lg:text-[#F4F4F4] text-black lg:text-[1.14vw] text-[16px] font-mb uppercase mb-2">MARKETING</div>
                                <div class="bg-lightPurple h-[4px] w-[64px] mb-4"></div>
                                <ul>
                                                                                                                                                                                                                                                                                                                    <li><a href="https://webshark.hu/megoldasaink/kozossegi-media" class="cursor-pointer lg:text-[#F4F4F4] text-black hover:text-lightPurple xl:text-[18px] lg:text-[0.9vw] text-[14px] font-mm mb-2">Közösségi média</a></li>
                                                                                                                                            <li><a href="https://webshark.hu/megoldasaink/online-marketing" class="cursor-pointer lg:text-[#F4F4F4] text-black hover:text-lightPurple xl:text-[18px] lg:text-[0.9vw] text-[14px] font-mm mb-2">Online marketing</a></li>
                                                                                                                                            <li><a href="https://webshark.hu/megoldasaink/arculat-tervezes" class="cursor-pointer lg:text-[#F4F4F4] text-black hover:text-lightPurple xl:text-[18px] lg:text-[0.9vw] text-[14px] font-mm mb-2">Arculat tervezés</a></li>
                                                                                                    </ul>
                            </div>
                                                    </div>
                    </li>
                    <li class="cursor-pointer xl:py-[33px] lg:py-[1.5vw] lg:ml-[2.5vw] flex items-center lg:mb-0 mb-3 border-b-[3px] border-b-transparent group hover:border-b-lightPurple"><a href="https://webshark.hu/hirek" class="font-mm text-secondaryGrey xl:text-[18px] lg:text-[0.9vw] text-[14px]" title="Blog">Blog</a></li>
                    <li class="cursor-pointer xl:py-[33px] lg:py-[1.5vw] lg:ml-[2.5vw] flex items-center lg:mb-0 mb-3 border-b-[3px] border-b-transparent group hover:border-b-lightPurple"><a href="https://webshark.hu/karrier" class="font-mm text-secondaryGrey xl:text-[18px] lg:text-[0.9vw] text-[14px]" title="Karrier">Karrier</a></li>
                    <li class="cursor-pointer xl:py-[18px] lg:ml-[2.5vw] flex items-center lg:mb-0 mb-3"><a href="https://webshark.hu/kapcsolat" class="font-mm text-secondaryGrey xl:text-[18px] lg:text-[0.9vw] text-[14px] py-[0.78vw] px-[1.87vw] border-2 border-primaryPurple rounded-[5px] hover:text-white hover:bg-primaryPurple" title="Kapcsolat">Kapcsolat</a></li>
                </ul>
            </div>
            <ul class="toggle-menu !my-auto !ml-auto lg:hidden flex col-span-6" id="burgerBtn">
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>
</header>                <main class="lg:pt-[8.1vw] pt-[52px] relative overflow-hidden home" data-scroll-container>
        <img src="/gfx/circle.svg" alt="" class="lg:flex hidden absolute top-[5.9vw] -left-[1.5vw] -z-[1]">
        <img src="/gfx/line.svg" alt="" class="lg:flex hidden line absolute top-[8.4vw] left-[13vw] -z-[1] lg:w-[17.7vw]" width="340" height="592" data-scroll data-scroll-speed="0.2">
        <!--<img src="/gfx/topShape.svg" alt="" class="lg:flex hidden absolute -top-[5%] -right-[32%] -z-[1]">-->
        <img src="/gfx/topbg-1.webp" alt="" class="lg:flex hidden absolute topbg -z-[1]">
        <!--<img src="/gfx/rectangle.svg" alt="" class="lg:flex hidden absolute top-[2.6vw] -right-[1vw] -z-[1] lg:w-[48.4vw]" width="930" height="1017">-->
        <!--<img src="/gfx/topImg.png" alt="" class="lg:flex hidden absolute top-[31.7vw] right-[20.8vw] -z-[1] xl:w-[517px] lg:w-[26.9vw]" width="517" height="497">-->
        <img src="/gfx/blurCircle.png" alt="" class="lg:flex hidden absolute top-[10vw] right-[43.6vw] -z-[1]" width="121" height="123" data-scroll data-scroll-speed="0.2">
        <img src="/gfx/blurCube.png" alt="" class="lg:flex hidden absolute top-[44.2vw] right-[42.7vw] -z-[1] lg:w-[7.4vw]" width="143" height="134" data-scroll data-scroll-speed="0.2">
        <!--<img src="/gfx/blurWhiteCube.png" alt="" class="lg:flex hidden absolute top-[31.2vw] right-[44.7vw] -z-[1]" width="369" height="399">-->
        <img src="/gfx/cube1.png" alt="" class="lg:flex hidden absolute top-[28.5vw] right-[45.2vw] -z-[1]" width="33" height="31" data-scroll data-scroll-speed="0.2">
        <img src="/gfx/cube2.png" alt="" class="lg:flex hidden absolute top-[27.7vw] right-[41.5vw] -z-[1]" width="62" height="58" data-scroll data-scroll-speed="0.3">
        <img src="/gfx/cube3.png" alt="" class="lg:flex hidden absolute top-[30.1vw] right-[41.9vw] -z-[1]" width="89" height="84" data-scroll data-scroll-speed="0.4">
        <img src="/gfx/cube4.png" alt="" class="lg:flex hidden absolute top-[21.4vw] right-[38.5vw] z-[1] lg:w-[7.4vw]" width="143" height="134" data-scroll data-scroll-speed="0.5">

        <!--majd visszaállítani lg:mb-[22vw]-->
        <div class="flex lg:flex-row flex-col justify-between lg:mb-[20vw] top slider-container relative">
            <div class="order-1 lg:max-w-[52vw] topTextBox lg:mt-0 mt-5">
                <div class="lg:max-w-[168px] font-mm text-secondaryGrey text-[18px] tracking-[3.6px]">Veled építjük a <strong>sikered</strong></div>
                <div class="font-mb text-secondaryGrey topBaseText">Pörgesd fel a céged online!</div>
                <div class="font-mm text-secondaryGrey lg:text-[1.4vw] text-[16px] tracking-[1.62px] mt-[16px] xl:mb-5 lg:mb-[10%] mb-5">Váltsd valóra az ötleteid!</div>
                <div class="font-osr text-[#2b2b2b] mb-[41px] lg:max-w-[674px]">
                    <p>Céljaidra szabott, egyedi weboldal készítése, profi megoldásokkal és 20 év tapasztalatával.</p>
                    <p>Kérd most ingyen árajánlatunkat!</p>
                </div>
                <a href="https://webshark.hu/ajanlatkeres" class="border border-buttonPurple bg-buttonPurple text-white font-mm text-[16px] py-[20px] px-[85px] rounded-[5px] hover:text-buttonPurple hover:bg-white lg:mb-0 mb-5 flex w-fit">Ajánlatkérés</a>
            </div>
            <img src="/gfx/monitor.png" alt="" width="830" height="822" class="lg:flex hidden absolute -top-[1.3vw] -right-[6.3vw] -z[1] w-[49vw] h-[36vw]">
            <div class="order-2 mainSlider lg:w-[40vw] lg:h-[29vw] lg:rounded-[15px] lg:bg-black">
                <div class="slide lg:bg-black lg:rounded-[15px]">
                    <img src="/gfx/totallsport.webp" alt="" class="lg:rounded-[15px] w-full">
                </div>
                <div class="slide lg:bg-black lg:rounded-[15px]">
                    <img src="/gfx/poloneked.webp" alt="" class="lg:rounded-[15px] w-full">
                </div>
                <div class="slide lg:bg-black lg:rounded-[15px]">
                    <img src="/gfx/forme.webp" alt="" class="lg:rounded-[15px] w-full">
                </div>
            </div>
            
            <div class="order-3 lg:mb-0 mb-5 lg:absolute lg:right-[14.4vw] lg:top-[33.8vw] slider-paginatior bg-white rounded-[50px] shadow-pagination items-center w-[120px] h-[66px] mx-auto p-[8px] justify-between">
                <div class="prev"></div>
                <div class="next"></div>
            </div>
            <img src="/gfx/shape.png" alt="" width="187" height="179" class="z-[1] lg:flex hidden absolute top-[32vw] xl:right-[98px] right-[5.1vw] xl:w-[187px] lg:w-[9.7vw]" data-scroll data-scroll-speed="0.2">
        </div>
        
        <div class="container">
            <div class="grid grid-cols-12 lg:mb-[130px] mb-[55px]">
                <div class="col-span-12 lg:col-span-5">
                    <img src="/gfx/domainImg.png" class="lg:w-fit w-1/2" alt="Találd meg a TÖKÉLETES DOMAIN nevet!" title="Találd meg a TÖKÉLETES DOMAIN nevet!" width="1299" height="1012">
                </div>
                <div class="col-span-12 lg:col-span-7 lg:ml-[20%] flex flex-col justify-center">
                    <div class="font-mm lg:text-[46px] text-[24px] text-secondaryGrey lg:max-w-[666px]">Találd meg a <br/><span class="text-lightPurple font-mb">TÖKÉLETES DOMAIN</span> nevet!</div>
                    <div class="font-mm lg:text-[18px] text-[14px] text-secondaryGrey lg:max-w-[666px] mb-[43px]">Kényelmesen és gyorsan regisztrálhatod a kiválasztott domain címet.</div>
                    <div wire:snapshot="{&quot;data&quot;:{&quot;domain&quot;:&quot;&quot;,&quot;extension&quot;:&quot;&quot;,&quot;availability&quot;:&quot;&quot;,&quot;isAvailable&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;z6L4G2W6YpuZU4Vre14W&quot;,&quot;name&quot;:&quot;domain-search&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;hu&quot;},&quot;checksum&quot;:&quot;80ceaaba4a63d4d4dfa0366af12d40c4ec65469bc2ecb4bcffb0fb041718745f&quot;}" wire:effects="[]" wire:id="z6L4G2W6YpuZU4Vre14W">
    <form action="" class="max-w-[666px]" wire:submit.prevent="checkDomain">
        <input type="search" wire:model="domain" class="lg:pl-[40px] w-full border-0 border-b border-b-[#666666] py-[5px] font-mm text-[18px] text-secondaryGrey mb-5" placeholder="Keresés">
        <div class="flex flex-wrap mb-[60px]">
            <label for="radio1" class="checkbox statement mb-2 !w-fit flex !items-center">
                <input type="radio" id="radio1" name="domainExtension" value=".hu" wire:model="extension" class="checkbox_input">
                <div class="checkbox_box">.hu</div>
                <span class="invalid-feedback"></span>
            </label>
            <label for="radio2" class="checkbox statement mb-2 !w-fit flex !items-center">
                <input type="radio" id="radio2" name="domainExtension" value=".com" wire:model="extension" class="checkbox_input">
                <div class="checkbox_box">.com</div>
                <span class="invalid-feedback"></span>
            </label>
            <label for="radio3" class="checkbox statement mb-2 !w-fit flex !items-center">
                <input type="radio" id="radio3" name="domainExtension" value=".eu" wire:model="extension" class="checkbox_input">
                <div class="checkbox_box">.eu</div>
                <span class="invalid-feedback"></span>
            </label>
            <label for="radio4" class="checkbox statement mb-2 !w-fit flex !items-center">
                <input type="radio" id="radio4" name="domainExtension" value=".info" wire:model="extension" class="checkbox_input">
                <div class="checkbox_box">.info</div>
                <span class="invalid-feedback"></span>
            </label>
            <label for="radio5" class="checkbox statement mb-2 !w-fit flex !items-center">
                <input type="radio" id="radio5" name="domainExtension" value=".shop" wire:model="extension" class="checkbox_input">
                <div class="checkbox_box">.shop</div>
                <span class="invalid-feedback"></span>
            </label>
            <label for="radio6" class="checkbox statement mb-2 !w-fit flex !items-center">
                <input type="radio" id="radio6" name="domainExtension" value=".org" wire:model="extension" class="checkbox_input">
                <div class="checkbox_box">.org</div>
                <span class="invalid-feedback"></span>
            </label>
            <label for="radio7" class="checkbox statement mb-2 !w-fit flex !items-center">
                <input type="radio" id="radio7" name="domainExtension" value=".net" wire:model="extension" class="checkbox_input">
                <div class="checkbox_box">.net</div>
                <span class="invalid-feedback"></span>
            </label>
        </div>
        <div>
            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
            <button class="font-mm lg:text-[16px] text-[14px] text-white lg:py-[16px] py-[10px] lg:px-[28px] px-[15px] rounded-[5px] border border-buttonPurple bg-buttonPurple hover:text-buttonPurple hover:bg-white mr-[16px] uppercase" type="submit">
                Ellenőrzés
                <svg wire:loading class="ml-3" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
                    <path fill="currentColor" d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z" opacity="0.25"/>
                    <path fill="currentColor" d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z">
                        <animateTransform attributeName="transform" dur="0.75s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"/>
                    </path>
                </svg>
            </button>
            <!--<a href="" class="font-mm lg:text-[16px] text-[14px] text-darkPurple lg:py-[16px] py-[10px] lg:px-[28px] px-[15px] rounded-[5px] border border-[#6538A0] bg-white hover:bg-[#6538A0] hover:text-white shadow-default">INFORMÁCIÓ</a>-->
        </div>
    
        
    </form>    
    
</div>
                </div>
            </div>
        </div>
        <div class="bg-gradient-to-b from-[#F4F4F4] to-white">
            <div class="container">
                <div class="grid grid-cols-12">
                    <div class="col-span-12 flex lg:flex-row flex-col justify-between items-center counterBox lg:min-h-[817px] relative" id="counter">
                        <div class="counter_up w-full relative">
                            <div class="content w-full flex flex-wrap items-center justify-between">
                                <div class="box flex items-center xl:w-[400px] lg:w-[31vw] md:w-[15vw] w-full">
                                    <div class="yearPlus relative font-mb text-primaryPurple">+</div>
                                    <div class="yearCount relative counter-value counter font-mb text-primaryPurple" data-count="20">20</div>
                                </div>
                                <div class="lg:ml-[5%] lg:w-fit md:w-1/2 w-full">
                                    <h3 class="font-mm xl:text-[48px] lg:text-[2vw] text-[48px] leading-[normal] text-[#2E2E2E] border-l-[6px] border-l-[#513266] pl-[6%] max-w-[330px] mb-2">Év szakmai tapasztalat</h3>
                                    <div class="font-osr xl:text-[18px] lg:text-[0.9vw] text-[14px] text-[#2E2E2E] lg:max-w-[330px]">A Webshark egy nagy tapasztalattal rendelkező tervezőkből és fejlesztőkből álló csapat, mely egyedi megoldásokat készít Neked.</div>
                                </div>
                                <div class="grid grid-cols-2 gap-4 xl:ml-0 lg:ml-[2vw] relative xl:max-w-[550px] lg:max-w-[30vw] lg:mb-0 mb-[55px]">
                                    <div class="box flex flex-col items-center p-3 h-full">
                                        <div class="flex flex-row items-baseline">
                                            <div class="counter-value counter xl:text-[60px] lg:text-[5vw] text-[24px] font-mm text-[#2E2E2E]" data-count="1">1</div>
                                            <div class="xl:text-[40px] lg:text-[3.7vw] text-[20px] font-mm text-[#2E2E2E]">k</div>
                                        </div>
                                        <div class="xl:text-[22px] lg:text-[1.14vw] text-[14px] uppercase font-mm text-[#2E2E2E] text-center">fejlesztés</div>
                                    </div>
                                    <div class="box flex flex-col items-center p-3 h-full">
                                        <div class="flex flex-row items-center">
                                            <div class="xl:text-[40px] lg:text-[3.7vw] text-[20px] font-mm text-[#2E2E2E]">+</div>
                                            <div class="counter-value counter xl:text-[60px] lg:text-[5vw] text-[24px] font-mm text-[#2E2E2E]" data-count="15">15</div>
                                        </div>
                                        <div class="xl:text-[22px] lg:text-[1.14vw] text-[14px] uppercase font-mm text-[#2E2E2E] text-center">csapattag</div>
                                    </div>
                                    <div class="box flex flex-col items-center p-3 h-full">
                                        <div class="counter-value counter xl:text-[60px] lg:text-[5vw] text-[24px] font-mm text-[#2E2E2E]" data-count="12">12</div>
                                        <div class="xl:text-[22px] lg:text-[1.14vw] text-[14px] uppercase font-mm text-[#2E2E2E] text-center">díjnyertes weboldal</div>
                                    </div>
                                    <div class="box flex flex-col items-center p-3 h-full">
                                        <div class="flex flex-row items-center">
                                            <div class="xl:text-[40px] lg:text-[3.7vw] text-[20px] font-mm text-[#2E2E2E]">+</div>
                                            <div class="counter-value counter xl:text-[60px] lg:text-[5vw] text-[24px] font-mm text-[#2E2E2E]" data-count="1000">1000</div>
                                        </div>
                                        <div class="xl:text-[22px] lg:text-[1.14vw] text-[14px] uppercase font-mm text-[#2E2E2E] text-center">elégedett ügyfél</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="grid lg:grid-cols-10 grid-cols-12 lg:mb-[37px] gap-4">
                <div class="col-span-12 lg:col-span-2 md:col-span-6">
                    <img src="/gfx/sass.webp" alt="" width="209" height="159" class="mx-auto">
                </div>
                <div class="col-span-12 lg:col-span-2 md:col-span-6">
                    <img src="/gfx/html.webp" alt="" width="209" height="159" class="mx-auto">
                </div>
                <div class="col-span-12 lg:col-span-2 md:col-span-6">
                    <img src="/gfx/php.webp" alt="" width="209" height="159" class="mx-auto">
                </div>
                <div class="col-span-12 lg:col-span-2 md:col-span-6 flex items-center">
                    <img src="/gfx/laravel.svg" alt="" width="257" height="75" class="m-auto">
                </div>
                <div class="col-span-12 lg:col-span-2 md:col-span-6">
                    <img src="/gfx/css.webp" alt="" width="209" height="159" class="mx-auto">
                </div>
            </div>
        </div>
        <div class="pages lg:mb-[128px] mb-[55px]">
            <div class="container lg:pb-[128px] relative">
                <h2 class="font-mb lg:text-[50px] text-[32px] text-[#fff] lg:mb-[35px] mb-5 leading-[normal] text-center">Referenciáink</h2>
                <div class="grid grid-cols-12 mb-[50px]">
                    <div class="col-span-12 flex flex-wrap items-center lg:justify-center">
                                                <a href="#" data-category-id="1" class="category-link lg:mb-0 mb-[16px] border border-[#E9E9E9] text-black text-[16px] font-muli bg-white rounded-[40px] py-[5px] px-[22px] mx-[8px] hover:text-[#9854CB] active">Landing page</a>
                                                <a href="#" data-category-id="2" class="category-link lg:mb-0 mb-[16px] border border-[#E9E9E9] text-black text-[16px] font-muli bg-white rounded-[40px] py-[5px] px-[22px] mx-[8px] hover:text-[#9854CB] ">Bemutakozó oldal</a>
                                                <a href="#" data-category-id="3" class="category-link lg:mb-0 mb-[16px] border border-[#E9E9E9] text-black text-[16px] font-muli bg-white rounded-[40px] py-[5px] px-[22px] mx-[8px] hover:text-[#9854CB] ">Webshop</a>
                                            </div>
                </div>
                <div>
                                        <div class="slider-container" id="container1">
                        <div class="pageSlider active" id="slider1">
                                                        <a href="https://beercorner.hu/#" target="_blank" title="beercorner.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="beercorner.hu">
                                    <img src="https://webshark.hu/storage/70/conversions/01J43XQKHHB3K1MKT9ETR4SK7B-thumb.webp" alt="beercorner" title="beercorner">
                                </div>
                                                            </a>
                                                        <a href="https://www.enginear.hu/" target="_blank" title="enginear.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="enginear.hu">
                                    <img src="https://webshark.hu/storage/82/conversions/01J43YWZPGY1G6HKEHC6XXF6CD-thumb.webp" alt="enginear" title="enginear">
                                </div>
                                                            </a>
                                                        <a href="https://www.park-asz.hu/" target="_blank" title="park-asz.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="park-asz.hu">
                                    <img src="https://webshark.hu/storage/83/conversions/01J43YYNFZ2S0QWPQ29PV3NMNH-thumb.webp" alt="park-asz" title="park-asz">
                                </div>
                                                            </a>
                                                    </div>
                        <div class="lg:absolute lg:mt-0 mt-5 inset-x-0 bottom-0 slider-paginatior bg-white rounded-[50px] shadow-pagination items-center w-[120px] h-[66px] mx-auto p-[8px] justify-between">
                            <div class="prev"></div>
                            <div class="next"></div>
                        </div>
                    </div>
                                        <div class="slider-container" id="container2">
                        <div class="pageSlider " id="slider2">
                                                        <a href="https://utazzlakoval.hu/" target="_blank" title="utazzlakoval.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="utazzlakoval.hu">
                                    <img src="https://webshark.hu/storage/93/conversions/01J43ZAEW1H7HCG8NYR1BGBJ89-thumb.webp" alt="utazzlakoval" title="utazzlakoval">
                                </div>
                                                            </a>
                                                        <a href="http://kutiesfiakft.hu/" target="_blank" title="kutiesfiakft.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="kutiesfiakft.hu">
                                    <img src="https://webshark.hu/storage/74/conversions/01J43XWTCYTBB187Z6YKC9NS28-thumb.webp" alt="kutiesfiakft" title="kutiesfiakft">
                                </div>
                                                            </a>
                                                        <a href="https://lemezvilag.hu/" target="_blank" title="lemezvilag.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="lemezvilag.hu">
                                    <img src="https://webshark.hu/storage/76/conversions/01J43Y05B9QGH72M1TBEYF57SN-thumb.webp" alt="lemezvilag" title="lemezvilag">
                                </div>
                                                            </a>
                                                        <a href="https://www.vamco.hu/hu/index.php" target="_blank" title="vamco.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="vamco.hu">
                                    <img src="https://webshark.hu/storage/77/conversions/01J43Y1KXWJQ0AMVCABQYED6ZR-thumb.webp" alt="vamco" title="vamco">
                                </div>
                                                            </a>
                                                        <a href="https://torland.hu/" target="_blank" title="torland.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="torland.hu">
                                    <img src="https://webshark.hu/storage/78/conversions/01J43Y2PWA3DEEWGSKKYBJ3SX4-thumb.webp" alt="Torland" title="Torland">
                                </div>
                                                            </a>
                                                        <a href="https://www.europelift.hu/" target="_blank" title="europelift.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="europelift.hu">
                                    <img src="https://webshark.hu/storage/79/conversions/01J43Y3RANW91VFFVXVMSSATHT-thumb.webp" alt="Europelift" title="Europelift">
                                </div>
                                                            </a>
                                                        <a href="https://www.eco-trend.hu/" target="_blank" title="eco-trend.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="eco-trend.hu">
                                    <img src="https://webshark.hu/storage/80/conversions/01J43YT3Z333JMWDEZPD7CM6PN-thumb.webp" alt="eco-trend" title="eco-trend">
                                </div>
                                                            </a>
                                                        <a href="https://www.transzkavics.hu/" target="_blank" title="transzkavics.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="transzkavics.hu">
                                    <img src="https://webshark.hu/storage/81/conversions/01J43YVG8N5TS8BPXT7XEPXCQF-thumb.webp" alt="transzkavics" title="transzkavics">
                                </div>
                                                            </a>
                                                        <a href="https://www.butorszakerto.hu/" target="_blank" title="butorszakerto.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="butorszakerto.hu">
                                    <img src="https://webshark.hu/storage/84/conversions/01J43Z0AD2EYPCX70RQD53Y32N-thumb.webp" alt="butorszakerto" title="butorszakerto">
                                </div>
                                                            </a>
                                                        <a href="https://www.chiruvet.hu/hu/index.php" target="_blank" title="chiruvet.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="chiruvet.hu">
                                    <img src="https://webshark.hu/storage/85/conversions/01J43Z1MYFFW6V2NWRFQHTF2PG-thumb.webp" alt="chiruvet" title="chiruvet">
                                </div>
                                                            </a>
                                                        <a href="https://merfoldyachting.hu/" target="_blank" title="merfoldyachting.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="merfoldyachting.hu">
                                    <img src="https://webshark.hu/storage/86/conversions/01J43Z2M52FZVRGS29RN62QJXW-thumb.webp" alt="merfoldyachting" title="merfoldyachting">
                                </div>
                                                            </a>
                                                        <a href="https://neocoregames.com/en" target="_blank" title="neocoregames.com" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="neocoregames.com">
                                    <img src="https://webshark.hu/storage/87/conversions/01J43Z3HB0ZM9S9MS92HW8YA8S-thumb.webp" alt="neocoregames" title="neocoregames">
                                </div>
                                                            </a>
                                                        <a href="https://x-rem.hu/" target="_blank" title="x-rem.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="x-rem.hu">
                                    <img src="https://webshark.hu/storage/88/conversions/01J43Z4KYD8YPB3DMEDST4J5P3-thumb.webp" alt="x-rem" title="x-rem">
                                </div>
                                                            </a>
                                                        <a href="https://euroflow.hu/" target="_blank" title="euroflow.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="euroflow.hu">
                                    <img src="https://webshark.hu/storage/89/conversions/01J43Z5FHPDJMWSR872AVJEDZ1-thumb.webp" alt="euroflow" title="euroflow">
                                </div>
                                                            </a>
                                                        <a href="https://dunamedicalcenter.org/" target="_blank" title="dunamedicalcenter.org" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="dunamedicalcenter.org">
                                    <img src="https://webshark.hu/storage/90/conversions/01J43Z6PR7T4NSGTQZZ70WXQAV-thumb.webp" alt="dunamedicalcenter" title="dunamedicalcenter">
                                </div>
                                                            </a>
                                                    </div>
                        <div class="lg:absolute lg:mt-0 mt-5 inset-x-0 bottom-0 slider-paginatior bg-white rounded-[50px] shadow-pagination items-center w-[120px] h-[66px] mx-auto p-[8px] justify-between">
                            <div class="prev"></div>
                            <div class="next"></div>
                        </div>
                    </div>
                                        <div class="slider-container" id="container3">
                        <div class="pageSlider " id="slider3">
                                                        <a href="https://tubeshop.hu/" target="_blank" title="tubeshop.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="tubeshop.hu">
                                    <img src="https://webshark.hu/storage/69/conversions/01J43XM3Q0KQW7J9A8M6ZX6QS3-thumb.webp" alt="tubeshop" title="tubeshop">
                                </div>
                                                            </a>
                                                        <a href="https://totallsport.com/hu" target="_blank" title="totallsport.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="totallsport.hu">
                                    <img src="https://webshark.hu/storage/94/conversions/01J43ZC1W6WTXZHED7WNAB1T6T-thumb.webp" alt="totallsport" title="totallsport">
                                </div>
                                                            </a>
                                                        <a href="https://sixay.com/hu" target="_blank" title="sixay.com" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="sixay.com">
                                    <img src="https://webshark.hu/storage/71/conversions/01J43XSXFK0XX29Q6XB90VYGF3-thumb.webp" alt="sixay" title="sixay">
                                </div>
                                                            </a>
                                                        <a href="https://windesa.hu/hu" target="_blank" title="windesa.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="windesa.hu">
                                    <img src="https://webshark.hu/storage/72/conversions/01J43XTSHAFW5E71SESF444BAV-thumb.webp" alt="windesa" title="windesa">
                                </div>
                                                            </a>
                                                        <a href="https://forme.hu/" target="_blank" title="forme.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="forme.hu">
                                    <img src="https://webshark.hu/storage/73/conversions/01J43XVXR7MQ6WS13VT09Q3GG8-thumb.webp" alt="forme" title="forme">
                                </div>
                                                            </a>
                                                        <a href="https://poloneked.hu/" target="_blank" title="poloneked.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="poloneked.hu">
                                    <img src="https://webshark.hu/storage/75/conversions/01J43XYPJF2P2FGQ9KBAB16V94-thumb.webp" alt="poloneked" title="poloneked">
                                </div>
                                                            </a>
                                                        <a href="https://markamix.hu/" target="_blank" title="markamix.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="markamix.hu">
                                    <img src="https://webshark.hu/storage/91/conversions/01J43Z7MYYNC9QDF1NQF1KNTWY-thumb.webp" alt="markamix" title="markamix">
                                </div>
                                                            </a>
                                                        <a href="https://polopark.hu/" target="_blank" title="polopark.hu" class="cursor-pointer group slide lg:max-w-[398px] md-max-w-[50%] lg:max-h-[304px] w-full h-full lg:p-[8px] md:p-[8px] pr-[16px]">
                                                                <div title="polopark.hu">
                                    <img src="https://webshark.hu/storage/92/conversions/01J43Z8HK9PPBJ5F2004QZJQ4T-thumb.webp" alt="polopark.hu" title="polopark.hu">
                                </div>
                                                            </a>
                                                    </div>
                        <div class="lg:absolute lg:mt-0 mt-5 inset-x-0 bottom-0 slider-paginatior bg-white rounded-[50px] shadow-pagination items-center w-[120px] h-[66px] mx-auto p-[8px] justify-between">
                            <div class="prev"></div>
                            <div class="next"></div>
                        </div>
                    </div>
                     
                </div>                
            </div>
        </div>
                <div class="container relative">
            <h2 class="font-mb lg:text-[50px] text-[32px] text-[#212429] lg:mb-[35px] mb-5 leading-[normal] text-center">Hírek</h2>
            <div class="grid grid-cols-12 gap-4">
                                                <a href="https://webshark.hu/hirek/mennyi-idobe-telik-egy-weboldal-elkeszitese" class="group col-span-12 lg:col-span-6 flex md:flex-row flex-col items-center lg:mb-[89px] mb-5 border border-[#EEEEEE] rounded-[7px]">
                    <div class="md:w-[45%] w-full flex h-full">
                                                    <img src="https://webshark.hu/storage/50/conversions/01J1YY65C05X7MZR52GDQ6G3VV-thumb.webp" alt="Mennyi időbe telik egy weboldal elkészítése?" title="Mennyi időbe telik egy weboldal elkészítése?" width="398" height="397" class="lg:rounded-tl-[7px] lg:rounded-bl-[7px] w-full h-full object-cover lg:max-h-[442px] max-h-[362px]">
                                            </div>
                    <div class="md:w-[55%] w-full flex flex-col p-[31px] pl-[16px]">
                        <div class="font-mb xl:text-[26px] lg:text-[1.35vw] text-[18px] text-[#333333] mb-[8px] leading-[normal]">Mennyi időbe telik egy weboldal elkészítése?</div>
                        <div class="font-osr xl:text-[16px] lg:text-[0.8vw] text-[14px] text-[#999999] mb-[21px]">2024.06.26</div>
                        <div class="font-osr text-[#47294B] xl:text-[16px] lg:text-[0.8vw] text-[14px] mb-[21px] line-clamp-5">Hab&aacute;r a weboldalsablonok kor&aacute;ban azt gondolhatn&aacute;nk, hogy egy weboldal elk&eacute;sz&iacute;t&eacute;se ma m&aacute;r csak n&eacute;h&aacute;ny napos munka, ez messze nem &iacute;gy van, mivel a weboldalk&eacute;sz&iacute;t&eacute;s feladata nem csak abb&oacute;l &aacute;ll, hogy gyorsan &ouml;sszehegeszt&uuml;nk valamit, ami első pillant&aacute;sra weboldalnak n&eacute;z ki.
Egy weboldal elk&eacute;sz&iacute;t&eacute;se n&eacute;h&aacute;ny h&eacute;t vagy t&ouml;bb h&oacute;nap is lehet. Hogy pontosan mennyi időt vesz ig&eacute;nybe, az a munka bonyolults&aacute;g&aacute;t&oacute;l, az &uuml;gyf&eacute;l hozz&aacute;&aacute;ll&aacute;s&aacute;t&oacute;l &eacute;s persze az erőforr&aacute;sok rendelkez&eacute;sre &aacute;ll&aacute;s&aacute;t&oacute;l is f&uuml;gg. R&eacute;szletesebben:

Mennyire &ouml;sszetett a weboldal: egy egyszerű, egyoldalas landing page k&eacute;sz&iacute;t&eacute;se nyilv&aacute;n gyorsabban megy, mint egy t&ouml;bb ezer oldalas egyedi web&aacute;ruh&aacute;z&eacute;.&nbsp;
Milyen speci&aacute;lis ig&eacute;nyeket kell kiel&eacute;g&iacute;teni: ha az &uuml;gyf&eacute;lnek egy&eacute;ni elk&eacute;pzel&eacute;sei vannak a funkci&oacute;kkal vagy a designnal kapcsolatban, akkor hosszabb ideig tart elk&eacute;sz&iacute;teni a weboldal&aacute;t.
Rendelkez&eacute;sre &aacute;ll-e a tartalom: sz&ouml;vegek, k&eacute;pek, vide&oacute;k. Ha ezeket is el kell k&eacute;sz&iacute;teni, akkor az plusz idő.
Egyeztet&eacute;sek &eacute;s csiszolgat&aacute;sok: a k&eacute;sz&uuml;lő weboldal kapcs&aacute;n mindig felmer&uuml;lnek &eacute;szrev&eacute;telek, sor ker&uuml;l megbesz&eacute;l&eacute;sekre, &uacute;j ig&eacute;nyeket kell megoldani. Ez a nem megfelelő tervez&eacute;sből fakad, &eacute;s min&eacute;l t&ouml;bb van belőle, ann&aacute;l t&ouml;bb időt vesz ig&eacute;nybe a weboldal elk&eacute;sz&iacute;t&eacute;se.

Azt is &eacute;rdemes tudni, hogy a weboldal k&eacute;sz&iacute;t&eacute;se nem egyetlen f&aacute;zis, hanem a folyamata k&uuml;l&ouml;nb&ouml;ző szakaszokra bonthat&oacute;, melyekhez egy bizonyos időintervallum rendelhető.
1. &Ouml;tletel&eacute;s &eacute;s tervez&eacute;s (1-2 h&oacute;nap)
A tervez&eacute;s folyamata is t&ouml;bb szakaszra bonthat&oacute;, hiszen eleve azt kell (vagy legal&aacute;bbis kellene) vil&aacute;gosan meghat&aacute;roznia a weboldal tulajdonos&aacute;nak, hogy mit is akar pontosan el&eacute;rni a weboldallal. Kik lesznek a l&aacute;togat&oacute;i? Mit akarnak majd ott csin&aacute;lni? A gondolatokat &eacute;rdemes le&iacute;rni &eacute;s megbesz&eacute;lni, ami t&ouml;bb hetet is ig&eacute;nybe vehet.
M&aacute;sodik k&ouml;rben j&ouml;het az &ouml;tletel&eacute;s arr&oacute;l, hogyan is n&eacute;zzen ki a weboldal. Ezzel a szakasszal is eltelik n&eacute;h&aacute;ny h&eacute;t, am&iacute;g megtal&aacute;ljuk azokat a weboldalakat, melyek j&oacute; kiindul&oacute;pontot jelenthetnek. Figyelni kell a weboldalakon a sz&iacute;neket, a fel&eacute;p&iacute;t&eacute;st, a strukt&uacute;r&aacute;t &eacute;s a funkci&oacute;kat, melyek j&oacute;l haszn&aacute;lhat&oacute;k lehetnek a saj&aacute;t weboldalunkon is.&nbsp;
V&eacute;g&uuml;l m&eacute;g mindig a tervez&eacute;si szakaszban j&aacute;rva, ezut&aacute;n k&ouml;vetkezik csak az, hogy az eddigi &ouml;tletekből v&aacute;logatva el kell d&ouml;nteni, mi legyen a weboldalon &eacute;s hogyan n&eacute;zzen ki. Itt m&aacute;r gyakorlatilag el kell k&eacute;sz&iacute;teni a weboldal v&aacute;zlat&aacute;t, ak&aacute;r pap&iacute;ron, ak&aacute;r egy szoftver seg&iacute;ts&eacute;g&eacute;vel.&nbsp;
Ez is t&ouml;bb hetes munka, &eacute;s nem &eacute;rdemes elsietni, hiszen ut&oacute;lag j&oacute;val nehezebb, dr&aacute;g&aacute;bb &eacute;s időig&eacute;nyesebb a v&aacute;ltoztat&aacute;s, mint amennyi időt a megfelelő tervez&eacute;ssel t&ouml;ltesz. Min&eacute;l alaposabb a terved, ann&aacute;l gyorsabb lesz a kivitelez&eacute;s.
2. Design &eacute;s a k&oacute;d (1-4 h&oacute;nap)
Ha m&aacute;r k&eacute;szen van a v&aacute;zlat, akkor ezut&aacute;n azt fel kell &ouml;lt&ouml;ztetni: j&ouml;nnek a sz&iacute;nek, k&eacute;pek, betűt&iacute;pusok, melyek meghat&aacute;rozz&aacute;k a weboldal vizu&aacute;lis megjelen&eacute;s&eacute;t. Gondold &aacute;t, hogy az emberek mit akarnak &eacute;rezni a weboldaladra l&eacute;pve, &eacute;s ehhez igaz&iacute;tsd a designelemeket. A weboldal vizu&aacute;lis designj&aacute;t egy webdesigner k&eacute;sz&iacute;ti el, m&eacute;gpedig hetekig tart&oacute; munk&aacute;val, melybe beletartoznak az egyeztet&eacute;sek, az &eacute;szrev&eacute;telek ut&aacute;ni korrekci&oacute;k.
A vizu&aacute;lis design elk&eacute;sz&uuml;lte ut&aacute;n neki lehet &aacute;llni a "programoz&aacute;snak", mely a legt&ouml;bb időt ig&eacute;nyli: 1-2 h&oacute;nappal mindenk&eacute;ppen sz&aacute;molni kell. Sokan azt gondolj&aacute;k, hogy a weboldalk&eacute;sz&iacute;t&eacute;s a k&oacute;d meg&iacute;r&aacute;sa, pedig mint l&aacute;that&oacute;, hossz&uacute; munka előzi meg, &eacute;s nem is fejeződik be a k&oacute;dol&aacute;s ut&aacute;n.&nbsp;
Ennek a szakasznak a l&eacute;nyege, hogy a design műk&ouml;dni kezdjen, a gomboknak &eacute;s az űrlapoknak funkci&oacute;ja legyen, nem csak asztali g&eacute;pen, hanem mobilokon is. Ez pedig időbe telik.
3. Tesztel&eacute;s, jav&iacute;t&aacute;s &eacute;s &eacute;les&iacute;t&eacute;s (1-2 h&eacute;t - 1 h&oacute;nap)
Ha elk&eacute;sz&uuml;lt a weboldal k&oacute;dja, akkor hosszas tesztel&eacute;s k&ouml;vetkezik, hogy minden rendben van-e rajta, &uacute;gy műk&ouml;dnek-e a dolgok, ahogy azt elk&eacute;pzelt&uuml;k. Ezt r&aacute;ad&aacute;sul meg kell vizsg&aacute;lni k&uuml;l&ouml;nb&ouml;ző eszk&ouml;z&ouml;k&ouml;n. Ha pedig valahol hib&aacute;t tal&aacute;lunk - m&aacute;rpedig lesz bőven -, akkor azt jav&iacute;tani kell, ami szint&eacute;n nem mindig egyszerű, &iacute;gy a tesztel&eacute;ssel &eacute;s jav&iacute;t&aacute;ssal is eltelik n&eacute;h&aacute;ny h&eacute;t vagy ak&aacute;r egy h&oacute;nap is.&nbsp;
Amennyiben rendben l&eacute;vőnek l&aacute;tszik az oldal, j&ouml;het az &eacute;les&iacute;t&eacute;s, vagy a publikuss&aacute; t&eacute;tel. Ez sem egy pillanat azonban, m&aacute;r csak az&eacute;rt sem, mert ilyenkor folyamatosak az ellenőrz&eacute;sek, hogy minden rendben van-e az oldallal. Mivel &aacute;ltal&aacute;ban felmer&uuml;lnek probl&eacute;m&aacute;k &eacute;les&iacute;t&eacute;s ut&aacute;n is, ezek megold&aacute;sa megint csak idő. Csak ahhoz, hogy siker&uuml;lj&ouml;n be&uuml;zemelni az oldalt &eacute;s megb&iacute;zhat&oacute;an műk&ouml;dj&ouml;n, legal&aacute;bb &uacute;jabb egy-k&eacute;t h&eacute;tre lesz sz&uuml;ks&eacute;g.&nbsp;
Ekkor mondhatjuk azt, hogy a weboldal k&eacute;sz, b&aacute;r nyilv&aacute;n egy weboldal soha nincs k&eacute;sz. Friss&iacute;teni kell, igazodni a v&aacute;ltoz&aacute;sokhoz, r&aacute;ad&aacute;sul felmer&uuml;lnek &uacute;jabb &eacute;s &uacute;jabb probl&eacute;m&aacute;k, melyeket rendbe kell tenni. Mindenesetre az indul&aacute;st&oacute;l a kil&ouml;v&eacute;sig egy &aacute;tlagos esetet figyelembe v&eacute;ve a weboldal elk&eacute;sz&iacute;t&eacute;si ideje legal&aacute;bb 2-3 h&oacute;nap, de sokszor ink&aacute;bb egy f&eacute;l &eacute;vről vagy m&eacute;g hosszabb időről besz&eacute;l&uuml;nk.</div>
                        <div class="font-mm xl:text-[16px] lg:text-[0.9vw] text-[14px] text-primaryPurple group-hover:text-lightPurple flex items-center">Tovább olvasom <img src="/gfx/arrow-right.svg" alt="Tovább olvasom" title="Tovább olvasom" width="25" height="7" class="ml-2 arrow-right transition-transform group-hover:translate-x-2"></div>
                    </div>
                </a>
                                <a href="https://webshark.hu/hirek/tovabb-dragult-google-ads" class="group col-span-12 lg:col-span-6 flex md:flex-row flex-col items-center lg:mb-[89px] mb-5 border border-[#EEEEEE] rounded-[7px]">
                    <div class="md:w-[45%] w-full flex h-full">
                                                    <img src="https://webshark.hu/storage/51/conversions/01J1YY8V1SEJVM9ZPMH1XGK0ET-thumb.webp" alt="Tovább drágultak a Google Ads hirdetések, miközben egyre romlik a konverziós arányuk" title="Tovább drágultak a Google Ads hirdetések, miközben egyre romlik a konverziós arányuk" width="398" height="397" class="lg:rounded-tl-[7px] lg:rounded-bl-[7px] w-full h-full object-cover lg:max-h-[442px] max-h-[362px]">
                                            </div>
                    <div class="md:w-[55%] w-full flex flex-col p-[31px] pl-[16px]">
                        <div class="font-mb xl:text-[26px] lg:text-[1.35vw] text-[18px] text-[#333333] mb-[8px] leading-[normal]">Tovább drágultak a Google Ads hirdetések, miközben egyre romlik a konverziós arányuk</div>
                        <div class="font-osr xl:text-[16px] lg:text-[0.8vw] text-[14px] text-[#999999] mb-[21px]">2024.06.13</div>
                        <div class="font-osr text-[#47294B] xl:text-[16px] lg:text-[0.8vw] text-[14px] mb-[21px] line-clamp-5">Nem (csak) mi mondjuk, hanem a statisztika is azt &aacute;ll&iacute;tja m&aacute;r &eacute;vről-&eacute;vre, hogy a hirdetőknek egyre t&ouml;bbe ker&uuml;l el&eacute;rni a vevőket a Google hirdet&eacute;si rendszer&eacute;ben. Ek&ouml;zben a Google has&iacute;t: profitja &uacute;jabb rekordokat &eacute;r el.
A fizetett keresőhirdet&eacute;sek konverzi&oacute;s ar&aacute;nya folyamatosan romlik sok ipar&aacute;gban, r&aacute;ad&aacute;sul egyre t&ouml;bbe ker&uuml;l a keresőhirdet&eacute;sek r&eacute;v&eacute;n leadeket el&eacute;rni. R&ouml;viden ennyi a LocalIQ leg&uacute;jabb, 2024-es vizsg&aacute;lat&aacute;nak eredm&eacute;nye. Teh&aacute;t azt, aki esetleg nem hitte el a tavalyi &eacute;v ezen trendet k&ouml;rvonalaz&oacute; sz&aacute;mait, az &uacute;jabb adatok tal&aacute;n m&aacute;r meggyőzik, hogy nem igaz&aacute;n haladnak j&oacute; ir&aacute;nyba a dolgok a Google Adsben, ahol m&aacute;r ki sem l&aacute;tnak a hirdetők a r&aacute;juk borul&oacute; automatiz&aacute;ci&oacute;k &eacute;s a mesters&eacute;ges intelligencia m&ouml;g&uuml;l.&nbsp;
Legal&aacute;bbis a hirdetők sz&aacute;m&aacute;ra nem felt&eacute;tlen&uuml;l j&oacute; az ir&aacute;ny, a Google, illetve anyac&eacute;ge az Alphabet ugyanis j&oacute; form&aacute;ban van, hiszen legut&oacute;bb is rekordnyeres&eacute;gről sz&aacute;molt be. Vagyis a c&eacute;gnek &uacute;gy siker&uuml;l t&ouml;bb p&eacute;nzt kicsikarnia a szolg&aacute;ltat&aacute;sai&eacute;rt a marketingj&eacute;vel, hogy azok egyre rosszabbak, hiszen egyre gyeng&eacute;bb eredm&eacute;nyeket tudnak vel&uuml;k el&eacute;rni a hirdetők. Mutatjuk.

A 2024-es vizsg&aacute;latban is az &aacute;tlagos konverzi&oacute;s ar&aacute;nyokat, a leadenk&eacute;nti k&ouml;lts&eacute;get (CPL), az &aacute;tkattint&aacute;si ar&aacute;nyt (CTR) &eacute;s a kattnt&aacute;sok k&ouml;lts&eacute;g&eacute;t (CPC) vizsg&aacute;lt&aacute;k. &Iacute;gy kider&uuml;lt, hogy az &aacute;tlagos konverzi&oacute;s ar&aacute;ny 6,96 sz&aacute;zal&eacute;kos. Ezzel szemben tavaly m&eacute;g 7,04 sz&aacute;zal&eacute;k volt, m&iacute;g 2022-ben 7,85 sz&aacute;zal&eacute;k.
A cs&ouml;kken&eacute;s &uuml;teme k&eacute;ts&eacute;gtelen&uuml;l lassult az elm&uacute;lt &eacute;vben, &eacute;s a 23 vizsg&aacute;lat ipar&aacute;gb&oacute;l 12 n&ouml;velni tudta a konverzi&oacute;s ar&aacute;ny&aacute;t. Ugyanakkor jelentős visszaes&eacute;st voltak k&eacute;nytelenek elk&ouml;nyvelni olyan &aacute;gazatok, mint a p&eacute;nz&uuml;gy &eaceacute;s biztos&iacute;t&aacute;s (32,4 sz&aacute;zal&eacute;kos cs&ouml;kken&eacute;s) vagy a fogorvosok (19,57 sz&aacute;zal&eacute;kos es&eacute;s). A divattal &eacute;s &eacute;kszerekkel foglalkoz&oacute; c&eacute;gekn&eacute;l viszont 112 sz&aacute;zal&eacute;kos n&ouml;veked&eacute;sre ker&uuml;l sor, illetve a karrier &eacute;s munka ter&uuml;let&eacute;n 80,97 sz&aacute;zal&eacute;kos volt a javul&aacute;s.

Ek&ouml;zben a&nbsp;leadenk&eacute;nti k&ouml;lts&eacute;gn&eacute;l &aacute;tlagosan 25 sz&aacute;zal&eacute;kos dr&aacute;gul&aacute;sra ker&uuml;lt sor. A vizsg&aacute;lt 23 ipar&aacute;g k&ouml;z&uuml;l 19 volt k&eacute;nytelen n&ouml;vekvő k&ouml;lts&eacute;ggel szemben&eacute;zni, igaz, egy &eacute;vvel kor&aacute;bban m&eacute;g 27 sz&aacute;zal&eacute;kos volt a dr&aacute;gul&aacute;s m&eacute;rt&eacute;ke. Mindenesetre a CPL &eacute;rt&eacute;ke a leg&uacute;jabb felm&eacute;r&eacute;s szerint 66,69 doll&aacute;r, m&iacute;g 2023-ban m&eacute;g 53,52 doll&aacute;r volt, illetve 2022-ben 44,70 doll&aacute;r. Az&eacute;rt ezeket a sz&aacute;mokat tekintve k&eacute;nytelen vagyunk beismerni, hogy el&eacute;g el&eacute;g komoly dr&aacute;gul&aacute;sra ker&uuml;lt sor.

Na, de l&eacute;pj&uuml;nk tov&aacute;bb egy pozit&iacute;vabb adathoz: az &aacute;tkattint&aacute;si ar&aacute;ny ugyanis 6,42 sz&aacute;zal&eacute;kot &eacute;rt el, ami 5 sz&aacute;zal&eacute;kos n&ouml;veked&eacute;s, &eacute;s az ipar&aacute;gak 70 sz&aacute;zal&eacute;ka eset&eacute;ben javul&aacute;s t&ouml;rt&eacute;nt. Sokra persze nem mennek vele a c&eacute;gek az elad&aacute;sokat tekintve, de az&eacute;rt j&oacute; l&aacute;tni, hogy m&iacute;g 2022-ben m&eacute;g 5,91 sz&aacute;zal&eacute;kos volt az &aacute;tkattint&aacute;si ar&aacute;ny, illetve 2023-ban 6,11 sz&aacute;zal&eacute;kos, most 6,42 sz&aacute;zal&eacute;kot &eacute;r el.
Ami viszont m&aacute;r komolyabb hat&aacute;ssal van a m&eacute;rlegre, hogy a kattint&aacute;sonk&eacute;nti k&ouml;lts&eacute;g (CPC) &aacute;tlagosan 10 sz&aacute;zal&eacute;kkal nőtt, &eacute;s az ipar&aacute;gak 86 sz&aacute;zal&eacute;k&aacute;t tekintve dr&aacute;gul&aacute;s k&ouml;vetkezett be.&nbsp;
Ez az&eacute;rt kellemetlen, mert ezt a t&ouml;bbletet a hirdető c&eacute;geknek ki kell fizetni - mint l&aacute;ttuk - a kevesebb vevő&eacute;rt. Az ingatlanszektor, a sport &eacute;s pihen&eacute;s vagy a szem&eacute;lyes szolg&aacute;ltat&aacute;sok enn&eacute;l j&oacute;val nagyobb, 25 sz&aacute;zal&eacute;kos dr&aacute;gul&aacute;st k&eacute;nytelen elk&ouml;nyvelni. Mindez doll&aacute;rban kifejezve egy&eacute;bk&eacute;nt 4,66, m&iacute;g 2023-ban m&eacute;g 4,22 doll&aacute;r volt, 2022-ben pedig &eacute;ppen csak &aacute;tl&eacute;pett a 4 doll&aacute;ros szinten.
Ezek teh&aacute;t a leg&uacute;jabb sz&aacute;mok, az okokat most ne boncolgassuk, hiszen az messzire vezet, &eacute;s nem is lenne egyszerű megtal&aacute;lni a probl&eacute;ma ok&aacute;t, legink&aacute;bb csak tal&aacute;lgat&aacute;sra futn&aacute;. Mindenesetre &eacute;rdemes figyelembe venni, amikor keresőhirdet&eacute;sben gondolkodunk, hogy a gyeng&eacute;bb sz&aacute;mok &eacute;s a magasabb k&ouml;lts&eacute;gek nem csak egy-egy c&eacute;get s&uacute;jtanak - egy esetleges rossz hirdet&eacute;sbe&aacute;ll&iacute;t&aacute;s vagy gyenge landing oldalak miatt - hanem &ouml;sszess&eacute;g&eacute;ben &eacute;s trendszerűen jelentkeznek.
Legal&aacute;bbis a Google Ads eset&eacute;ben, ugyanis a vizsg&aacute;lat arra is felh&iacute;vja a figyelmet, hogy a Microsoft hasonl&oacute; hirdet&eacute;si platformj&aacute;n &eacute;ppen ellenkező ir&aacute;ny&uacute; a trend, teh&aacute;t cs&ouml;kken a kattint&aacute;sonk&eacute;nti &eacute;s a leadenk&eacute;nti k&ouml;lts&eacute;g.
&nbsp;</div>
                        <div class="font-mm xl:text-[16px] lg:text-[0.9vw] text-[14px] text-primaryPurple group-hover:text-lightPurple flex items-center">Tovább olvasom <img src="/gfx/arrow-right.svg" alt="Tovább olvasom" title="Tovább olvasom" width="25" height="7" class="ml-2 arrow-right transition-transform group-hover:translate-x-2"></div>
                    </div>
                </a>
                            </div>
            <div class="grid grid-cols-12 gap-4">
                                                <a href="https://webshark.hu/hirek/adatszivargas-google" class="group col-span-12 lg:col-span-4 pr-[10%] mr-[10%] lg:border-r lg:border-r-[#C3B9B7] last:border-r-0">
                    <div class="font-mb xl:text-[26px] lg:text-[1.35vw] text-[18px] text-[#333333] leading-[normal] mb-[8px]">Adatszivárgás a Google-nél: kiderült, mi is fontos valójában a SEO-ban?</div>
                    <div class="font-osr xl:text-[16px] lg:text-[0.8vw] text-[14px] text-[#999999] mb-[21px]">2024.05.29</div>
                    <div class="font-mm xl:text-[16px] lg:text-[0.9vw] text-[14px] text-primaryPurple group-hover:text-lightPurple flex items-center">Tovább olvasom <img src="/gfx/arrow-right.svg" alt="Tovább olvasom" title="Tovább olvasom" width="25" height="7" class="ml-2 arrow-right transition-transform group-hover:translate-x-2"></div>
                </a>
                                <a href="https://webshark.hu/hirek/weboldalsebesseg-2024" class="group col-span-12 lg:col-span-4 pr-[10%] mr-[10%] lg:border-r lg:border-r-[#C3B9B7] last:border-r-0">
                    <div class="font-mb xl:text-[26px] lg:text-[1.35vw] text-[18px] text-[#333333] leading-[normal] mb-[8px]">Mennyi idő alatt töltődik be most egy átlagos weboldal? És a tiéd?</div>
                    <div class="font-osr xl:text-[16px] lg:text-[0.8vw] text-[14px] text-[#999999] mb-[21px]">2024.05.16</div>
                    <div class="font-mm xl:text-[16px] lg:text-[0.9vw] text-[14px] text-primaryPurple group-hover:text-lightPurple flex items-center">Tovább olvasom <img src="/gfx/arrow-right.svg" alt="Tovább olvasom" title="Tovább olvasom" width="25" height="7" class="ml-2 arrow-right transition-transform group-hover:translate-x-2"></div>
                </a>
                                <a href="https://webshark.hu/hirek/google-sge-seo" class="group col-span-12 lg:col-span-4 pr-[10%] mr-[10%] lg:border-r lg:border-r-[#C3B9B7] last:border-r-0">
                    <div class="font-mb xl:text-[26px] lg:text-[1.35vw] text-[18px] text-[#333333] leading-[normal] mb-[8px]">Jön az AI és a Google SGE a kereséseknél: lesz még értelme a SEO-nak?</div>
                    <div class="font-osr xl:text-[16px] lg:text-[0.8vw] text-[14px] text-[#999999] mb-[21px]">2024.05.03</div>
                    <div class="font-mm xl:text-[16px] lg:text-[0.9vw] text-[14px] text-primaryPurple group-hover:text-lightPurple flex items-center">Tovább olvasom <img src="/gfx/arrow-right.svg" alt="Tovább olvasom" title="Tovább olvasom" width="25" height="7" class="ml-2 arrow-right transition-transform group-hover:translate-x-2"></div>
                </a>
                            </div>
            <div class="grid grid-cols-12 gap-4 px-3">
                <div class="col-span-12 border-b border-b-[#C3B9B7] lg:mb-[204px] my-[55px]">
                    <a href="https://webshark.hu/hirek" class="font-mm text-[16px] text-white py-[16px] px-[28px] rounded-[5px] border border-buttonPurple bg-buttonPurple hover:text-buttonPurple hover:bg-white flex mx-auto w-fit lg:mb-[44px] lg:mt-[72px] mb-5">MÉG TÖBB HASZNOS CIKK</a>
                </div>
            </div>
        </div>
                <div class="grid grid-cols-12 lg:mb-[176px] mb-[50px]">
            <div class="col-span-12 text-center">
                <h2 class="font-mb lg:text-[60px] text-[32px] text-[#010101] mb-[14px] uppercase leading-[normal]">ELÉGEDETT ÜGYFELEINK</h2>
                <div class="font-osr lg:text-[20px] text-[16px] text-primaryPurple max-w-[870px] mx-auto mb-[100px]">Az igazán sikeres együttműködések során mindig közösen gondolkodunk a megrendelővel. A közös cél határozza meg a weboldal vagy a webáruház készítésének folyamatát.</div>
            </div>
            <div class="col-span-12 relative slider-container">
                <div class="reviewSlider w-full">
                    <div class="slide text-center bg-white py-[30px] px-[20px]">
                        <div class="flex items-center stars mb-[30px] justify-center">
                            <img src="/gfx/star.png" alt="" class="active" width="18" height="18">
                            <img src="/gfx/star.png" alt="" class="active" width="18" height="18">
                            <img src="/gfx/star.png" alt="" class="active" width="18" height="18">
                            <img src="/gfx/star.png" alt="" class="active" width="18" height="18">
                            <img src="/gfx/star.png" alt="" class="active" width="18" height="18">
                        </div>
                        <div class="font-osr text-[16px] text-[#010101] mb-[50px]">Az első kapcsolatfelvétel alkalmával olyan weboldal kivitelezésére kaptam ígéretet a Websharktól, amely megjelenésben és használhatóságban kielégíti a vendégek igényeit, ugyanakkor nagy mozgásteret biztosít a frissítéskor, szerkesztéskor a felhasználó számára is. Nem csalódtam. Nagyfokú rugalmasságot, hozzáértést és odafigyelést tapasztaltam a munka során és azt követően is.</div>
                        <div class="font-msb text-[16px] text-primaryPurple mb-[10px]">Wagner Balázs - szállodaigazgató</div>
                        <div class="text-[#47294B] font-osr text-[12px] uppercase">Szépalma Hotel és Ménesbirtok</div>
                    </div>
                    <div class="slide text-center bg-white py-[30px] px-[20px]">
                        <div class="flex items-center stars mb-[30px] justify-center">
                            <img src="/gfx/star.png" alt="" class="active" width="18" height="18">
                            <img src="/gfx/star.png" alt="" class="active" width="18" height="18">
                            <img src="/gfx/star.png" alt="" class="active" width="18" height="18">
                            <img src="/gfx/star.png" alt="" class="active" width="18" height="18">
                            <img src="/gfx/star.png" alt="" class="active" width="18" height="18">
                        </div>
                        <div class="font-osr text-[16px] text-[#010101] mb-[50px]">Egy könnyen áttekinthető, ügyfélbarát weboldalra volt szükségünk, ami modern és ízléses, a Webshark szakembereinek segítségével ügyfeleink gyorsan, egyszerűen és kényelmesen intézhetik ügyeiket új honlapunkon.</div>
                        <div class="font-msb text-[16px] text-primaryPurple mb-[10px]">Kis Péter - ügyvezető igazgató</div>
                        <div class="text-[#47294B] font-osr text-[12px] uppercase">Aidaco Szolgáltató Kft.</div>
                    </div>
                    <div class="slide text-center bg-white py-[30px] px-[20px]">
                        <div class="flex items-center stars mb-[30px] justify-center">
                            <img src="/gfx/star.png" alt="" class="active" width="18" height="18">
                            <img src="/gfx/star.png" alt="" class="active" width="18" height="18">
                            <img src="/gfx/star.png" alt="" class="active" width="18" height="18">
                            <img src="/gfx/star.png" alt="" class="active" width="18" height="18">
                            <img src="/gfx/star.png" alt="" class="active" width="18" height="18">
                        </div>
                        <div class="font-osr text-[16px] text-[#010101] mb-[50px]">Komoly céljaink voltak, nem szerettünk volna garázscéggel dolgozni! Tapasztalt céget kerestünk, és hosszú keresés után, egy ajánlás révén jutottunk a Websharkhoz. Korrekt kapcsolattartás, hozzáértő szakemberek jellemzik a céget. Elégedettek vagyunk a kapott eredménnyel.</div>
                        <div class="font-msb text-[16px] text-primaryPurple mb-[10px]">Juhász Péter - ügyvezető igazgató</div>
                        <div class="text-[#47294B] font-osr text-[12px] uppercase">Újvilág Ékszer Óra</div>
                    </div>
                </div>
                <div class="lg:absolute inset-x-0 bottom-0 slider-paginatior bg-white rounded-[50px] shadow-pagination flex items-center w-[120px] h-[66px] mx-auto p-[8px] justify-between">
                    <div class="prev"></div>
                    <div class="next"></div>
                </div>
            </div>
        </div>
        <div class="container" data-scroll-section-inview>
            <div class="grid grid-cols-12 lg:mb-[187px] mb-[55px]">
                <div class="col-span-12 text-center relative">
                    <h2 class="font-mb lg:text-[50px] text-[32px] text-[#212429] mb-[21px] leading-[normal]"> A kezdő lépéstől a sikeres weboldalig</h2>
                    <div class="font-osr text-[16px] text-primaryPurple max-w-[770px] mx-auto">Bemutatkozó oldal vagy webshop? Egy olyan rendszert adunk számodra, mely minden igényed kiszolgálja és vele lehagyhatod a konkurenciát.</div>
                    <img src="/gfx/lines.svg" width="1209" height="990" alt="" class="absolute top-[100px] inset-x-0 mx-auto -z-[1]">
                    <div class="steps pt-[90px] relative">
                        <div class="flex wow animate__animated slideInLeft relative" data-scroll data-scroll-direction="horizontal">
                            <section>
                                <img src="/gfx/step1.svg" alt="" class="lg:max-w-[22.7vw] mx-auto mb-3">
                                <div class="flex items-center">
                                    <img src="/gfx/number1.svg" alt="" class="lg:max-w-[14.3vw] max-w-[100px]">
                                    <div class="flex flex-col items-baseline">
                                        <div class="font-mb xl:text-[34px] lg:text-[1.7vw] text-[18px] text-[#47294B] mb-[20px]">Egyeztetés</div>
                                        <div class="font-osr xl:text-[18px] lg:text-[0.9vw] text-[14px] text-[#010101] text-left max-w-[398px]">Megbeszéljük a céljaid, egyeztetünk a tervekről, elképzelésekről. Szakértelmünkkel a legjobb opciót fogjuk ajánlani cégednek.</div>
                                    </div>
                                </div>
                            </section>
                        </div>
                        <div class="flex wow animate__animated  slideInRight relative">
                            <section>
                                <img src="/gfx/step2.svg" alt="" class="lg:max-w-[22.7vw] mx-auto mb-3">
                                <div class="flex items-center">
                                    <img src="/gfx/number2.svg" alt="" class="lg:max-w-[14.3vw] max-w-[100px]">
                                    <div class="flex flex-col items-baseline">
                                        <div class="font-mb xl:text-[34px] lg:text-[1.7vw] text-[18px] text-[#47294B] mb-[20px]">Tervezés</div>
                                        <div class="font-osr xl:text-[18px] lg:text-[0.9vw] text-[14px] text-[#010101] text-left max-w-[398px]">Grafikusaink megtervezik weboldalad megjelenését. Igényeidre, célcsoportodra és piacodra szabva.</div>
                                    </div>
                                </div>
                            </section>
                        </div>
                        <div class="flex wow ml-0 animate__animated slideInLeft relative">
                            <section>
                                <img src="/gfx/step3.svg" alt="" class="lg:max-w-[22.7vw] mx-auto mb-3">
                                <div class="flex items-center">
                                    <img src="/gfx/number3.svg" alt="" class="lg:max-w-[14.3vw] max-w-[100px]">
                                    <div class="flex flex-col items-baseline">
                                        <div class="font-mb xl:text-[34px] lg:text-[1.7vw] text-[18px] text-[#47294B] mb-[20px]">Fejlesztés</div>
                                        <div class="font-osr xl:text-[18px] lg:text-[0.9vw] text-[14px] text-[#010101] text-left max-w-[398px]">Weboldalad megtervezése átkerül a következő fázisba. Itt a szakértő programozóink keze alatt funkciót és “formát” ölt a megálmodott oldal.</div>
                                    </div>
                                </div>
                            </section>
                        </div>
                        <div class="flex wow mr-0 animate__animated  slideInRight relative">
                            <section>
                                <img src="/gfx/step4.svg" alt="" class="lg:max-w-[22.7vw] mx-auto mb-3">
                                <div class="flex items-center">
                                    <img src="/gfx/number4.svg" alt="" class="lg:max-w-[14.3vw] max-w-[100px]">
                                    <div class="flex flex-col items-baseline">
                                        <div class="font-mb xl:text-[34px] lg:text-[1.7vw] text-[18px] text-[#47294B] mb-[20px]">Tesztelés és tartalom</div>
                                        <div class="font-osr xl:text-[18px] lg:text-[0.9vw] text-[14px] text-[#010101] text-left max-w-[398px]">Már majdnem kész vagyunk. Most jön a lényeg! A tartalmad! Míg a feltöltés zajlik, addig kollégáink ellenőrzik a legapróbb kódig, hogy az oldalad úgy működik ahogy megálmodtuk közösen.</div>
                                    </div>
                                </div>
                            </section>
                        </div>
                        <div class="flex wow animate__animated slideInLeft relative">
                            <section>
                                <img src="/gfx/step5.svg" alt="" class="lg:max-w-[29.5vw] ml-5 mb-3">
                                <div class="flex items-center">
                                    <img src="/gfx/number5.svg" alt="" class="lg:max-w-[21.9vw] max-w-[100px]">
                                    <div class="flex flex-col items-baseline">
                                        <div class="font-mb xl:text-[34px] lg:text-[1.7vw] text-[18px] text-[#47294B] mb-[20px]">Weboldalad elindul</div>
                                        <div class="font-osr xl:text-[18px] lg:text-[0.9vw] text-[14px] text-[#010101] text-left max-w-[398px]">Most már céged az online térben is a siker útjára lépett. Újabb és újabb partnerek, vevők érnek el. Vállalkozásod elérte a következő szintet.</div>
                                    </div>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <div class="grid grid-cols-12 lg:mb-[120px] mb-[55px]">
                <div class="col-span-12 text-center">
                    <div class="mb-[68px] h-[1px] bg-[#C3B9B7] w-full"></div>
                    <h3 class="font-mb lg:text-[60px] text-[32px] text-primaryPurple mb-[15px]">Kezdjük el a közös munkát!</h3>
                    <div class="text-[#010101] text-[18px] font-osr mb-[44px]">Töltsd ki ajánlatkérő adatlapunkat, és kollégánk 24 órán belül felveszi veled a kapcsolatot.</div>
                    <a href="https://webshark.hu/ajanlatkeres" class="flex mx-auto w-fit border border-buttonPurple bg-buttonPurple text-white font-mm text-[16px] py-[20px] px-[51px] rounded-[5px] hover:text-buttonPurple hover:bg-white">AJÁNLATOT KÉREK</a>
                </div>
            </div>
        </div>
    </main>
    <div class="bg-[#290F4E] py-[59px]">
    <div class="container">
        <div class="grid grid-cols-12">
            <div class="col-span-12 lg:col-span-4">
                <div class="uppercase font-mb text-[32px] text-white lg:pr-5">IRATKOZZ FEL HÍRLEVELÜNKRE!</div>
            </div>
            <div class="newsletterformText col-span-12 lg:col-span-8 lg:pl-[10%] lg:border-l lg:border-l-[#D7CCDD] flex flex-col justify-between">
                <!--<form action="" method="post" id="newsletterform" name="newsletterform" class="validate lg:mt-5" novalidate>
                    <input type="hidden" name="_token" value="WTLAKqvoOFull4lMFO1n0f5EHDB8RJfafiUBlucD" autocomplete="off">                    <div class="font-osr text-[16px] text-white lg:mb-[17px] mb-[30px]">Érdekelnek a legfrissebb iparági hírek, legújabb blogbejegyzéseink?</div>
                    <div class="flex lg:flex-row flex-col items-center mb-3">
                        <input type="text" value="" name="name" id="nlname" class="lg:w-1/2 w-full h-[45px] lg:mr-2 lg:mb-0 mb-2 px-[24px] bg-transparent w-full border border-[#9855CB] py-[7px] font-mr text-[16px] text-[#FAF5FC]" placeholder="Név" required>
                        <div class="flex lg:w-1/2 w-full">
                            <input type="email" value="" name="email" id="nlemail" class="px-[24px] bg-transparent w-full border border-[#9855CB] py-[7px] font-mr text-[16px] text-[#FAF5FC] border-r-0" placeholder="Email cím" required>
                            <button type="button" name="subscribe" id="subscribe" class="subscribe text-[14px] font-mb text-white py-[11px] px-[29px] bg-primaryPurple border border-[#9855CB] hover:text-primaryPurple hover:bg-white" placeholder="Feliratkozom">Feliratkozom</button>
                        </div>
                    </div>
                    <label for="dataprotect" class="checkbox dataprotect statement !flex !flex-row !flex-nowrap lg:mb-0 mb-5">
                        <input type="checkbox" id="newsletterAdatvedelem" name="adatvedelem" value="1"
                                class="checkbox_input" required>
                        <div class="checkbox_box mt-2"></div>
                        <p class="mb-0 font-osr text-[13px] text-white">
                            Hozzájárulok, hogy a Webshark hírlevelek útján tájékoztasson az aktuális hírekről, ajánlatokról, az <a href="https://webshark.hu/adatvedelem" class="font-mb hover:text-lightPurple">Adatvédelmi Tájékoztatóban</a> foglaltak ismeretében, az abban foglalt feltételekkel.
                        </p>
                        <span class="invalid-feedback"></span>
                    </label>
                </form>-->
                <div id="mc_embed_shell">
                    <link href="//cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css">
                    <div id="mc_embed_signup">
                        <form action="https://webhostingkft.us17.list-manage.com/subscribe/post?u=3d26f4e4a0e53ccf3a1a5ee34&amp;id=1e5386926c&amp;v_id=3170&amp;f_id=009ce8e0f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
                            <div class="font-osr text-[16px] text-white lg:mb-[17px] mb-[30px]">Érdekelnek a legfrissebb iparági hírek, legújabb blogbejegyzéseink?</div>
                            <div class="flex lg:flex-row flex-wrap flex-col items-baseline mb-3">
                                <div class="mc-field-group lg:!w-1/2 w-full h-[45px]">
                                    <input type="text" name="NAME" id="mce-NAME" value="" placeholder="Név" class=" lg:mr-2 lg:mb-0 mb-2 !px-[24px] bg-transparent w-full border border-[#9855CB] py-[7px] font-mr text-[16px] text-[#FAF5FC]">
                                </div>
                                <div class="lg:!w-1/2 w-full mc-field-group flex flex-row flex-wrap relative">
                                    <input type="email" name="EMAIL" class="required email !px-[24px] h-[45px] bg-transparent w-full border border-[#9855CB] py-[7px] font-mr text-[16px] text-[#FAF5FC] border-r-0" id="mce-EMAIL" value="" required="" placeholder="E-mail cím">
                                    <button type="submit" name="subscribe" id="mc-embedded-subscribe" class="h-[45px] absolute right-0 top-0 subscribe text-[14px] font-mb text-white py-[11px] px-[29px] bg-primaryPurple border border-[#9855CB] hover:text-primaryPurple hover:bg-white" placeholder="Feliratkozom">Feliratkozom</button>
                                </div>
                                <div id="mergeRow-gdpr" class="w-full mergeRow gdpr-mergeRow content__gdprBlock mc-field-group mt-[20px]">
                                    <div class="content__gdpr">
                                        <fieldset class="mc_fieldset gdprRequired mc-field-group flex-wrap" name="interestgroup_field">
                                            <label class="checkbox dataprotect statement !flex !flex-row !flex-nowrap lg:mb-0 mb-5" for="gdpr86849">
                                                <input type="checkbox" id="gdpr_86849" name="gdpr[86849]" class="option gdpr checkbox_input" required="" >
                                                <div class="checkbox_box !w-[15px] !h-[15px] !border"></div>
                                                <p class="mb-0 font-osr text-[13px] text-white">Hozzájárulok, hogy a Webshark hírlevelek útján tájékoztasson az aktuális hírekről, ajánlatokról, az <a href="https://webshark.hu/adatvedelem" class="font-mb hover:text-lightPurple">Adatvédelmi Tájékoztatóban</a> foglaltak ismeretében, az abban foglalt feltételekkel.</p>
                                            </label>
                                        </fieldset>
                                    </div>
                                </div>
                            </div>
                            <div id="mce-responses" class="clear foot">
                                <div class="response" id="mce-error-response" style="display: none;"></div>
                                <div class="response !p-0" id="mce-success-response" style="display: none;"></div>
                            </div>
                        </form>
                    </div>
                    <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script><script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[1]='NAME';ftypes[1]='text';fnames[0]='EMAIL';ftypes[0]='email';fnames[0]='gdpr[86849]';ftypes[0]='checkbox';
                    $.extend($.validator.messages, {
                        required: "Kötelező!",
                        email: "Érvényes e-mail címnek kell lennie.",
                    });}(jQuery));var $mcj = jQuery.noConflict(true);</script>
                </div>
            </div>
        </div>
    </div>
</div>            <footer class="lg:z-[1] bg-[#010101] lg:pt-[145px] pt-[30px] pb-[22px] relative">
    <div class="container">
        <div class="grid grid-cols-12">
            <div class="col-span-12 lg:col-span-4 flex items-center">
                <a href="https://webshark.hu"><img src="/gfx/bottom_logo.svg" alt="Webshark" title="Webshark"></a>
            </div>
            <div class="col-span-12 lg:col-span-8 flex lg:flex-row flex-col justify-between">
                <div>
                    <div class="uppercase font-mb text-white xl:text-[22px] lg:text-[1.14vw] text-[18px] tracking-[4.4px] lg:mb-[40px] mb-[20px] lg:mt-0 mt-[50px]">MEGOLDÁSAINK</div>
                    <ul>
                                                <li class="mb-2"><a href="https://webshark.hu/megoldasaink/weboldal" class="text-white/50 hover:text-lightPurple font-osl xl:text-[16px] lg:text-[1vw] text-[14px]">Weboldal</a></li>
                                                <li class="mb-2"><a href="https://webshark.hu/megoldasaink/mobil-alkalmazas" class="text-white/50 hover:text-lightPurple font-osl xl:text-[16px] lg:text-[1vw] text-[14px]">Mobil alkalmazás</a></li>
                                                <li class="mb-2"><a href="https://webshark.hu/megoldasaink/domain" class="text-white/50 hover:text-lightPurple font-osl xl:text-[16px] lg:text-[1vw] text-[14px]">Domain</a></li>
                                                <li class="mb-2"><a href="https://webshark.hu/megoldasaink/kozossegi-media" class="text-white/50 hover:text-lightPurple font-osl xl:text-[16px] lg:text-[1vw] text-[14px]">Közösségi média</a></li>
                                                <li class="mb-2"><a href="https://webshark.hu/megoldasaink/online-marketing" class="text-white/50 hover:text-lightPurple font-osl xl:text-[16px] lg:text-[1vw] text-[14px]">Online marketing</a></li>
                                                <li class="mb-2"><a href="https://webshark.hu/megoldasaink/arculat-tervezes" class="text-white/50 hover:text-lightPurple font-osl xl:text-[16px] lg:text-[1vw] text-[14px]">Arculat tervezés</a></li>
                                            </ul>
                </div>
                <div>
                    <div class="uppercase font-mb text-white xl:text-[22px] lg:text-[1.14vw] text-[18px] tracking-[4.4px] lg:mb-[40px] mb-[20px] lg:mt-0 mt-[50px]">INFORMÁCIÓK</div>
                    <ul>
                        <!--<li class="xl:leading-[normal] lg:leading-[32px]"><a href="" class="text-white/50 font-osl hover:text-lightPurple xl:text-[16px] lg:text-[1vw] text-[14px]">Hírek</a></li>-->
                        <li class="mb-2"><a href="https://webshark.hu/hirek" class="text-white/50 font-osl hover:text-lightPurple xl:text-[16px] lg:text-[1vw] text-[14px]">Blog</a></li>
                        <li class="mb-2"><a href="https://webshark.hu/karrier" class="text-white/50 font-osl hover:text-lightPurple xl:text-[16px] lg:text-[1vw] text-[14px]">Karrier</a></li>
                        <li class="mb-2"><a href="https://webshark.hu/munkaink" class="text-white/50 font-osl hover:text-lightPurple xl:text-[16px] lg:text-[1vw] text-[14px]">Referenciák</a></li>
                        <li class="mb-2"><a href="https://webshark.hu/adatvedelem" class="text-white/50 font-osl hover:text-lightPurple xl:text-[16px] lg:text-[1vw] text-[14px]">Adatvédelmi információk</a></li>
                        <!--<li class="xl:leading-[normal] lg:leading-[32px]"><a href="" class="text-white/50 font-osl hover:text-lightPurple xl:text-[16px] lg:text-[1vw] text-[14px]">Oldaltérkép</a></li>-->
                        <li class="mb-2"><a href="https://webshark.hu/gyik" class="text-white/50 font-osl hover:text-lightPurple xl:text-[16px] lg:text-[1vw] text-[14px]">GY.I.K.</a></li>
                    </ul>
                </div>
                <div>
                    <div class="uppercase font-mb text-white xl:text-[22px] lg:text-[1.14vw] text-[18px] tracking-[4.4px] lg:mb-[40px] mb-[20px] lg:mt-0 mt-[50px]">KAPCSOLAT</div>
                    <ul>
                        <li class="xl:text-[16px] lg:text-[1vw] text-[14px] text-white mb-2 font-mb">Web Hosting Kft.</li>
                        <li class="xl:text-[16px] lg:text-[1vw] text-[14px] text-white mb-2 font-mb mb-2">Irodánk:</li>
                        <li class="xl:text-[16px] lg:text-[1vw] text-[14px] text-white/50 mb-2 font-osl">9700 Szombathely, <br/> Semmelweis Ignác utca 2</li>
                        <li class="xl:text-[16px] lg:text-[1vw] text-[14px] text-white/50 mb-2 font-osl">Telefon: <a href="tel:+3694514333" class="hover:text-lightPurple">+36 94 514 333</a></li>
                        <li class="xl:text-[16px] lg:text-[1vw] text-[14px] text-white/50 mb-2 font-osl mb-3">Email: <a href="mailto:info@webshark.hu" class="hover:text-lightPurple">info@webshark.hu</a></li>
                        <li class="xl:text-[16px] lg:text-[1vw] text-[14px] text-white mb-2 font-mb mb-2">Levelezési cím</li>
                        <li class="xl:text-[16px] lg:text-[1vw] text-[14px] text-white/50 mb-2 font-osl">Semmelweis Ignác utca 2 <br/>9700 Szombathely</li>
                        <li class="xl:text-[16px] lg:text-[1vw] text-[14px] text-white mb-2 font-mb mb-2">Technikai infovonal</li>
                        <li class="xl:text-[16px] lg:text-[1vw] text-[14px] text-white/50 mb-2 font-osl"><a href="tel:+3694514334" class="hover:text-lightPurple">+36 94 514 334</a></li>
                        <div class="flex items-center mt-5">
                            <li class="mr-4"><a href="https://www.facebook.com/webshark.hu" class="text-white hover:text-lightPurple text-[24px]" target="_blank"><i class="fa-brands fa-facebook"></i></a></li>
                            <li><a href="https://www.linkedin.com/company/webshark-kft-/" class="text-white hover:text-lightPurple text-[24px]" target="_blank"><i class="fa-brands fa-linkedin"></i></a></li>
                        </div>
                    </ul>
                </div>
            </div>
            <div class="col-span-12 lg:mt-[130px] mt-5 text-center">
                <div class="text-white/50 font-orl text-[12px]">2003-2025 © Copyright Webshark - Minden jog fenntartva!</div>
            </div>
            <a href="https://webshark.hu/palyazat" class="lg:fixed bottom-0 right-0 lg:mt-0 mt-5 col-span-12 flex justify-end"><img src="/gfx/szechenyi-2020-logo.png" alt="Széchenyi 2020" title="Széchenyi 2020" height="150" class="h-[150px] w-auto"></a>
        </div>
    </div>
</footer>            <a href="https://webshark.hu/ajanlatkeres" class="z-[8] cursor-pointer offerBtn fixed right-0 inset-y-0 my-auto font-msb text-white py-[59px] px-[14px] border border-white border-l-0 rounded-tr-[10px] rounded-br-[10px] flex items-center justify-center">Ajánlatkérés</a>
        </div>
        <link rel="modulepreload" href="https://webshark.hu/build/assets/app-KldZB5pz.js" /><script type="module" src="https://webshark.hu/build/assets/app-KldZB5pz.js" data-navigate-track="reload"></script>        <script type="text/javascript" charset="UTF-8" src="//cdn.cookie-script.com/s/5b82831e63cab45748252a7dd809b3b1.js"></script>
    <script src="/livewire/livewire.min.js?id=cc800bf4"   data-csrf="WTLAKqvoOFull4lMFO1n0f5EHDB8RJfafiUBlucD" data-update-uri="/livewire/update" data-navigate-once="true"></script>
    <script id="_waumxu">var _wau = _wau || []; _wau.push(["small", "babantr", "mxu"]);</script><script async src="//waust.at/s.js"></script>
</body>
</html>
