web yönlendirmesini kontrol et url durum kodu denetleyicisi

Sunucu yanıtını kontrol edin

Sunucu yanıtı
NS kayıtları
Whois alanı
Yanıt başlıkları
İstek başlıkları
Ham HTML kodu
301 Moved Permanently - i2ic.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Server: nginx
Date: Fri, 30 May 2025 01:25:37 GMT
Content-Type: text/html
Content-Length: 162
Connection: keep-alive
Location: https://i2ic.com/
server: nginx
date: Fri, 30 May 2025 01:25:37 GMT
content-type: text/html; charset=UTF-8
vary: Accept-Encoding
cache-control: no-cache, private
set-cookie: XSRF-TOKEN=eyJpdiI6IlExOXNTQ1FqY2dyRG1CVjZoOWJYOVE9PSIsInZhbHVlIjoiNUNvNkNzM3FvZGF0MHpJb1huVmsrZXNuQUxBUmcxb3IyVTlxMmxiTlgzZE4vK0VvVUJsOWRmRFYxU2hVRUljSTRPTHROQXVzRCthVG9BWk1JZWZSZG5ENis4WEZ4L0M0Qzg4SDQzK3RFeGNxSHJhMWtUa2Z1a2pOUXRhemp4U2kiLCJtYWMiOiIyOTA0YzcwZTI3MWJkZmRhNjczODBjZTgwNjEzNzEzYTJhODM3ZTAzNzUxZGM0ZDJhZjVhZjgwNThkNjU4NWMzIiwidGFnIjoiIn0%3D; expires=Fri, 06 Jun 2025 01:25:37 GMT; Max-Age=604800; path=/; samesite=lax
set-cookie: i2i_media_session=eyJpdiI6Ik9ZVG0rc0tyc09QQTRZZzNPMExGbXc9PSIsInZhbHVlIjoiWTI3WFpZWFhzUzFycXRFQnptZ00vMFVYWDNNYkFWaTRreUhvK3hDSEdUMTBBUzN2ZTlJN0xqcWxtWUMzY2htSncxM2JrczFCTFBtcUhqSWdUK3N4ajBLVSswQVFBSndaUkJkL296TVhWTTJlNlBudUppekNidWNCZ08ySUo3MEIiLCJtYWMiOiJiNTdiMzQwYWJiYWFhOWMwOWQ5ZDRlODkyMmM4NzFjM2M1MmVhZTAyM2MxOTgyMDNiMDdmNWJlYjg3OTk5NjQyIiwidGFnIjoiIn0%3D; expires=Fri, 06 Jun 2025 01:25:37 GMT; Max-Age=604800; path=/; httponly; samesite=lax
set-cookie: S2uya20MqkRcf8vPLhgtkzUFQY3v4UNOrQK1WWy9=eyJpdiI6IitQTmZ0QVFyZHVPbWN0cnphZHZXbEE9PSIsInZhbHVlIjoiT1FFYjBnU2QxcGhVWXJJR0RNUFlOMEwyZHZFSkR3R3VHdFJiNWdNZ2k4ZytVTHRQd1VMdmM4V2RMcUs5ZUJuV1pMM1RaYVFRbEtHa2ZnYVdpU3k2VW1GclZxMHlxaEdEZEVYZHBtOWxzSVBGekhXbTZFeHR5SG1zZzZGL2lTc2VnS1dLQ2h6MnNnVUhiMlQrNno3Z1RpY0NhRFBzOS9BR1NSTHltZ2JGbE9pL2w1Z1JPNHZVZzFCcjA0MTE1L2lPRVJsU3BSa1pkWHNMaWJ3WGJhNnlvMVlONG5hMzc1RlRnMmVERWpXSWxWZmkwOTBZamdUaFMxNDZuZ1JzRzB6dDRVN2NjWHBDNkR2cmErUFBBQVZBSk5LV2Y2Smw3anRuZldUdHV6a2Z1R3ljcWg0ZUdqdkp3ZmdGVnRLNFZPMXFveUExdkdnMzduR3BMd0xZSjZJMkdCWHYxYWZqY0dyR0NhZzdNQTBzNlgwPSIsIm1hYyI6ImRiY2Q0YWU5ZTMyYTVlMDEwMTQ5YjMxMjQ4M2M2NDc3OTVhZWE3NWRmYTdmNjkzNDAyZDcwNzBiZDM5Yjg1NDciLCJ0YWciOiIifQ%3D%3D; expires=Fri, 06 Jun 2025 01:25:37 GMT; Max-Age=604800; path=/; httponly; samesite=lax
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
x-content-type-options: nosniff

HTTP Kodu 301 Kalıcı Olarak Taşındı

http durum kodu 301, istenen kaynağın kalıcı olarak yeni bir URL'ye taşındığı anlamına gelir. Gelecekteki tüm istekler yeni adresi kullanmalıdır.

Kod 301 ne zaman kullanılır?

  • Bir web sitesi alan adını değiştirirken
  • URL yapılarını değiştirirken
  • SEO için yönlendirmeleri ayarlarken

Kod 301 kullanıcı için ne anlama geliyor?

Tarayıcı kullanıcıyı otomatik olarak yeni adrese yönlendirecek ve arama motorları dizinlerini güncelleyecektir.

GET / HTTP/1.1
Host: i2ic.com
Accept: */*
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

<!DOCTYPE html>
<html lang="en" class="h-full">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="Ib0hxwDEI8la5i3bls7eU4QQc0LgrsQIng0TiBvF">

            <!-- Global site tag (gtag.js) - Google Analytics -->
        <script type="text/plain"
                async src="https://www.googletagmanager.com/gtag/js?id=G-CSXN2KHGQH"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}

            gtag('js', new Date());
            gtag('config', 'G-CSXN2KHGQH');
        </script>
    
    <title>i2i Media  </title>

    <!-- Styles -->
    <link rel="preload" as="style" href="https://i2ic.com/build/assets/app-CTDADef8.css" /><link rel="stylesheet" href="https://i2ic.com/build/assets/app-CTDADef8.css" data-navigate-track="reload" />    
    <!-- Scripts -->
    <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playwrite+ES+Deco+Guides&display=swap" rel="stylesheet">

    <link rel="modulepreload" href="https://i2ic.com/build/assets/app-CUCTOBgO.js" /><script type="module" src="https://i2ic.com/build/assets/app-CUCTOBgO.js" data-navigate-track="reload"></script>
    <!-- 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;}[wire\:cloak] {display: none !important;}</style>
</head>
<body class="font-sans text-gray-800 leading-5 h-full overflow-x-hidden">
    <nav class="px-2 z-10 fixed w-full bg-gray-200/80 lg:bg-white/80 border-b-[1px] border-neutral-200">
        <div class="mx-auto max-w-[1000px] flex flex-row items-center">
            <div class="lg:hidden p-4 cursor-pointer" sidebarjs-toggle>
                <img class="h-8" src="/assets/burgerIcon.png">
            </div>
            <div class="hidden" sidebarjs>
                <div class="w-full h-full bg-gray-200 text-xl">
                    <a class="mobile-nav-link" data-slide="1">HOME</a>
                    <a class="mobile-nav-link" data-slide="2">ABOUT</a>
                    <a class="mobile-nav-link" data-slide="3">SERVICES</a>
                    <a class="mobile-nav-link" data-slide="4">CLIENTS</a>
                    <a class="mobile-nav-link" data-slide="5">RECRUITMENT</a>
                    <a class="mobile-nav-link" data-slide="6">CONTACT</a>
                </div>
            </div>
            <img class="mx-auto lg:mx-0" src="/assets/colourLogo_new2.png">
            <div class="hidden nav-links ml-auto lg:flex flex-row gap-6 text-sm">
                <a class="nav-link current" data-slide="1">HOME</a>
                <a class="nav-link" data-slide="2">ABOUT</a>
                <a class="nav-link" data-slide="3">SERVICES</a>
                <a class="nav-link" data-slide="4">CLIENTS</a>
                <a class="nav-link" data-slide="5">RECRUITMENT</a>
                <a class="nav-link" data-slide="6">CONTACT</a>
            </div>
        </div>
    </nav>

        <div class="max-h-[70%] relative overflow-hidden" slide="1">
        <img class="w-full brightness-[60%]" src="/assets/placeholder.jpg">
        <div class="w-full absolute top-[60%] sm:top-[50%] left-1/2 -translate-x-1/2 -translate-y-1/2 text-white text-center">
            <p class="text-3xl sm:text-7xl">Video & Digital Solutions</p>
            <p class="text-lg sm:text-4xl">Award winning technology since 1999</p>
        </div>
        <div class="mt-12 absolute bottom-0 left-1/2 -translate-x-1/2" data-slide="2">
    <img class="hidden md:inline" src="/assets/arrow.png">
</div>
    </div>
    <div class="content" slide="2">
        <div class="flex flex-col gap-8">
            <div class="flex gap-6 items-center flex-col md:flex-row">
    <img class="rounded-image" src="/assets/about_1.jpg">
    <div class="w-full">
        <p class="text-4xl mb-3">
            Video & Display Solutions
        </p>
        <p class="text-base">
            We provide video and display solution for a wide range of clients ranging from Hollywood studios to local charities.
                    All of our solutions are based on technology that we have continually developed and evolved since 1999, including worldwide patents on Wearable Computers and displays
        </p>
    </div>
</div>
            <div class="flex gap-6 items-center flex-col md:flex-row-reverse">
    <img class="rounded-image" src="/assets/about_2.jpg">
    <div class="w-full">
        <p class="text-4xl mb-3">
            Software Development & Coding
        </p>
        <p class="text-base">
            Our own in house technicians & coders develop new solutions from multimillion dollar projects to simple websites.
                    We specialise in bespoke software development, Internet Television solution, website build and Apps
        </p>
    </div>
</div>
            <div class="flex gap-6 items-center flex-col md:flex-row">
    <img class="rounded-image" src="/assets/about_3.jpg">
    <div class="w-full">
        <p class="text-4xl mb-3">
            Award Winning Solutions
        </p>
        <p class="text-base">
            We are proud to have won awards for our work including 'Europe's Best Online Video Platform',
                    'Europe's Best Download and Audio Platform' and 'Europe's Best Webcast Platform 2016'
        </p>
    </div>
</div>
            <div class="flex gap-6 items-center flex-col md:flex-row-reverse">
    <img class="rounded-image" src="/assets/about_4.jpg">
    <div class="w-full">
        <p class="text-4xl mb-3">
            Company Ethos
        </p>
        <p class="text-base">
            We believe in the need to balance our corporate work with work in the community and actively sponsor charities and smaller businesses to provide them with the best possible solutions
        </p>
    </div>
</div>
        </div>
        <div class="mt-12 " data-slide="3">
    <img class="hidden md:inline" src="/assets/arrow_i.png">
</div>
    </div>
    <div class="parallax-window" data-parallax="scroll" data-speed="0.5" data-image-src="/assets/lights.jpg"></div>
    <div class="content" slide="3">
        <p class="text-4xl">Video & IT solutions for a worldwide client base</p>
        <p class="mt-12">To follow are some examples of the types of solutions we provide. If you are interested in other types of solutions please contact us for more details</p>
        <div class="mt-24 flex flex-row flex-wrap justify-center">
            <div onclick="Livewire.dispatch('open-modal', 'screening-solutions')" class="px-2 mb-5">
    <img class="w-[140px] h-[140px] object-cover hover:opacity-80" src="/assets/services_1.jpg">
    <p class="mt-4 text-lg">SCREENING<br>SOLUTIONS</p>
</div>

            <div onclick="Livewire.dispatch('open-modal', 'internet-tv')" class="px-2 mb-5">
    <img class="w-[140px] h-[140px] object-cover hover:opacity-80" src="/assets/services_2.jpg">
    <p class="mt-4 text-lg">INTERNET<br>TV</p>
</div>

            <div onclick="Livewire.dispatch('open-modal', 'app-development')" class="px-2 mb-5">
    <img class="w-[140px] h-[140px] object-cover hover:opacity-80" src="/assets/services_3.jpg">
    <p class="mt-4 text-lg">APP<br>DEVELOPMENT</p>
</div>

            <div onclick="Livewire.dispatch('open-modal', 'live-webcasting')" class="px-2 mb-5">
    <img class="w-[140px] h-[140px] object-cover hover:opacity-80" src="/assets/services_4.jpg">
    <p class="mt-4 text-lg">LIVE<br>WEBCASTING</p>
</div>

            <div onclick="Livewire.dispatch('open-modal', 'equipment-hire')" class="px-2 mb-5">
    <img class="w-[140px] h-[140px] object-cover hover:opacity-80" src="/assets/services_5.jpg">
    <p class="mt-4 text-lg">EQUIPMENT<br>HIRE</p>
</div>

            <div onclick="Livewire.dispatch('open-modal', 'software-development')" class="px-2 mb-5">
    <img class="w-[140px] h-[140px] object-cover hover:opacity-80" src="/assets/services_6.jpg">
    <p class="mt-4 text-lg">SOFTWARE<br>DEVELOPMENT</p>
</div>

        </div>
        <div class="mt-12 " data-slide="4">
    <img class="hidden md:inline" src="/assets/arrow_i.png">
</div>
    </div>
    <div class="parallax-window" data-parallax="scroll" data-speed="0.5" data-image-src="/assets/gears.jpg"></div>
    <div class="content" slide="4">
        <p class="text-4xl">Working together</p>
        <p class="mt-10">We’re proud to work with clients from every continent, including the following examples</p>
        <img class="mt-10 w-full" src="/assets/clients2.jpg">
        <p class="mt-10">Working together to deliver the best possible solutions</p>
        <div class="mt-12 " data-slide="5">
    <img class="hidden md:inline" src="/assets/arrow_i.png">
</div>
    </div>
    <div class="parallax-window" data-parallax="scroll" data-speed="0.5" data-image-src="/assets/pencil.jpg"></div>
    <div class="content" slide="5">
        <p class="text-4xl">Join the team</p>
        <p class="mt-10">
            We are always looking for people to join the team who understand that all clients are different and that every client needs their
            own tailored solution to meet their needs
        </p>
        <div class="mt-8 flex flex-row flex-wrap gap-6 justify-around">
            <div class=" overflow-hidden-"  onclick="Livewire.dispatch('open-modal', 'permanent')" >
    <img class="mx-auto rounded-image" src="/assets/recruitment_1_v2.jpg">
    <p class="mt-4">
        Permanent<br>
                    <span class="text-active">Applications Welcome | Click Here</span>
            </p>
</div>

                <div class=" overflow-hidden-" >
    <img class="mx-auto rounded-image" src="/assets/recruitment_2.jpg">
    <p class="mt-4">
        Temporary<br>
                    <span class="text-link">Not Currently Hiring</span>
            </p>
</div>

            <div class=" overflow-hidden-"  onclick="Livewire.dispatch('open-modal', 'placements-internships')" >
    <img class="mx-auto rounded-image" src="/assets/recruitment_3.jpg">
    <p class="mt-4">
        Placements & Internships<br>
                    <span class="text-active">Applications Welcome | Click Here</span>
            </p>
</div>

            </div>
        <div class="mt-12 " data-slide="6">
    <img class="hidden md:inline" src="/assets/arrow_i.png">
</div>
    </div>
    <div class="parallax-window" data-parallax="scroll" data-speed="0.5" data-image-src="/assets/postbox.jpg"></div>
    <div class="content pb-12" slide="6">
        <p class="text-4xl">New business enquiries</p>
        <p class="mt-12">Contact us for any business ideas or projects, big or small</p>
    </div>
    <img class="w-full h-96 object-cover" src="/assets/map.jpg">
    <div class="content">
        <div class="flex flex-row flex-wrap justify-around gap-6">
            <div class="">
    <span class="text-link font-bold">LA Office</span><br>
    
                    The Water Garden<br>
                    2425 Olympic Blvd.<br>
                    Santa Monica<br>
                    90404<br>
                    CA<br>
                    USA
                <br><br>
    <a href="tel:+14242959760">+1 424 295 9760</a><br>
    <a href="mailto:[email protected]">[email protected]</a>
</div>
            <div class="">
    <span class="text-link font-bold">UK Office</span><br>
    
                    John de Mierre House<br>
                    Bridge Road<br>
                    Haywards Heath<br>
                    West Sussex<br>
                    RH16 1UA<br>
                    UK
                <br><br>
    <a href="tel:+44(0)1444440957">+44 (0) 1444 440957</a><br>
    <a href="mailto:[email protected]">[email protected]</a>
</div>
            <div class="">
    <span class="text-link font-bold">Azerbaijan Office</span><br>
    
                    Nariman<br>
                    Building No. 3A<br>
                    1965 Ziya Bünyadov<br>
                    Baku<br>
                    AZ1000<br>
                    Azerbaijan
                <br><br>
    <a href="tel:+994125643809">+994 12 564 38 09</a><br>
    <a href="mailto:[email protected]">[email protected]</a>
</div>
        </div>
        <hr class="my-12 border-neutral-500">
        <p class="mb-24">
            For all new business enquiries, please ring or email <a href="mailto:[email protected]">[email protected]</a><br>
            If you have a problem or enquiry about one of our live solutions please initially ring and email us at <a href="mailto:[email protected]">[email protected]</a>
        </p>
        <div class="mt-12 rotate-180" data-slide="1">
    <img class="hidden md:inline" src="/assets/arrow_i.png">
</div>
    </div>

    <footer class="py-8 bg-gray-200 text-center">
        <p class="text-xs">Copyright &copy; i2i Media 2025</p>
        <img class="mx-auto mt-2" src="/assets/colourLogo_new2.png">
    </footer>
        <div
    x-data="{
        show: false,
        focusables() {
            // All focusable element types...
            let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])'
            return [...$el.querySelectorAll(selector)]
                // All non-disabled elements...
                .filter(el => ! el.hasAttribute('disabled'))
        },
        firstFocusable() { return this.focusables()[0] },
        lastFocusable() { return this.focusables().slice(-1)[0] },
        nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() },
        prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() },
        nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) },
        prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) -1 },
    }"
    x-init="$watch('show', value => {
        if (value) {
            document.body.classList.add('overflow-y-hidden');
            
        } else {
            document.body.classList.remove('overflow-y-hidden');
        }
    })"
    x-on:open-modal.window="$event.detail == 'screening-solutions' ? show = true : null"
    x-on:close-modal.window="$event.detail == 'screening-solutions' ? show = false : null"
    x-on:close.stop="show = false"
    x-on:keydown.escape.window="show = false"
    x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()"
    x-on:keydown.shift.tab.prevent="prevFocusable().focus()"
    x-show="show"
    class="fixed inset-0 overflow-y-auto z-50"
    style="display: none;"
>
    <div
        x-show="show"
        class="fixed inset-0 transform transition-all"
        x-on:click="show = false"
        x-transition:enter="ease-out duration-500"
        x-transition:enter-start="opacity-0"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in duration-200"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0"
    >
        <div class="absolute inset-0 bg-black opacity-90"></div>
    </div>

    <div
        x-show="show"
        class="fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 shadow-xl transform transition-position w-full h-dvh md:h-auto sm:max-w-5xl"
        x-transition:enter="ease-out duration-500"
        x-transition:enter-start="opacity-0 translate-y-full"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in duration-200"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0 translate-y-full"
    >
        <div class="h-full relative md:mx-6 bg-white">
            <div class="hidden md:block absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 z-50 cursor-pointer" x-on:click="$dispatch('close')">
                <img class="rounded-full bg-white h-[32px] hover:h-[30px]" src="/assets/crossIcon.png">
            </div>
            <div class="h-full overflow-y-auto" focusable>
        <div class="absolute md:hidden bg-gray-200 border-b-[1px] border-gray-400 w-full flex flex-row items-center">
            <div class="inline cursor-pointer" x-on:click="$dispatch('close')">
                <img class="m-4 h-8" src="/assets/crossIcon.png">
            </div>
            <p class="text-2xl">SCREENING SOLUTIONS</p>
        </div>
        <div class="flex flex-col md:flex-row-reverse">
            <img class="w-full md:w-1/3 max-h-80 md:max-h-none object-cover overflow-hidden" src="/assets/services_1.jpg">
            <div class="p-4 w-full md:w-2/3 text-left">
                <p class="mb-4 text-3xl">SCREENING SOLUTIONS</p>
                <p>We provide password protected Online Screening solutions for clients ranging from Hollywood Studios to small boutique companies. Our solutions have your full branding so that they can be fully integrated with your website.
Our solution enable you to:</p>
<br>
<ul>
    <li>
        Have completely private and secure screening of trailers, promos, screeners and in production edits etc.
    </li>
    <li>
        Create and manage users
    </li>
    <li>
        Manage users access to content i.e. what they view, how many times they can view it and the period over which they can view
    </li>
    <li>
        Receive an email every time content is viewed
    </li>
    <li>
        Access graphs and charts showing an overview of user activity
    </li>
    <li>
        Access individual statistics regarding per user viewing and viewing in relation to any individual title
    </li>
    <li>
        Better understand who is really interested in your content
    </li>
</ul>
<br>
<p>Our solution enables you to create separate levels of administrator each with their own levels of access and control together with the ability to group access by company division, sales team or individual sales team member.</p>            </div>
        </div>
    </div>
        </div>
    </div>
</div>
    <div
    x-data="{
        show: false,
        focusables() {
            // All focusable element types...
            let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])'
            return [...$el.querySelectorAll(selector)]
                // All non-disabled elements...
                .filter(el => ! el.hasAttribute('disabled'))
        },
        firstFocusable() { return this.focusables()[0] },
        lastFocusable() { return this.focusables().slice(-1)[0] },
        nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() },
        prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() },
        nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) },
        prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) -1 },
    }"
    x-init="$watch('show', value => {
        if (value) {
            document.body.classList.add('overflow-y-hidden');
            
        } else {
            document.body.classList.remove('overflow-y-hidden');
        }
    })"
    x-on:open-modal.window="$event.detail == 'internet-tv' ? show = true : null"
    x-on:close-modal.window="$event.detail == 'internet-tv' ? show = false : null"
    x-on:close.stop="show = false"
    x-on:keydown.escape.window="show = false"
    x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()"
    x-on:keydown.shift.tab.prevent="prevFocusable().focus()"
    x-show="show"
    class="fixed inset-0 overflow-y-auto z-50"
    style="display: none;"
>
    <div
        x-show="show"
        class="fixed inset-0 transform transition-all"
        x-on:click="show = false"
        x-transition:enter="ease-out duration-500"
        x-transition:enter-start="opacity-0"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in duration-200"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0"
    >
        <div class="absolute inset-0 bg-black opacity-90"></div>
    </div>

    <div
        x-show="show"
        class="fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 shadow-xl transform transition-position w-full h-dvh md:h-auto sm:max-w-5xl"
        x-transition:enter="ease-out duration-500"
        x-transition:enter-start="opacity-0 translate-y-full"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in duration-200"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0 translate-y-full"
    >
        <div class="h-full relative md:mx-6 bg-white">
            <div class="hidden md:block absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 z-50 cursor-pointer" x-on:click="$dispatch('close')">
                <img class="rounded-full bg-white h-[32px] hover:h-[30px]" src="/assets/crossIcon.png">
            </div>
            <div class="h-full overflow-y-auto" focusable>
        <div class="absolute md:hidden bg-gray-200 border-b-[1px] border-gray-400 w-full flex flex-row items-center">
            <div class="inline cursor-pointer" x-on:click="$dispatch('close')">
                <img class="m-4 h-8" src="/assets/crossIcon.png">
            </div>
            <p class="text-2xl">INTERNET TV</p>
        </div>
        <div class="flex flex-col md:flex-row-reverse">
            <img class="w-full md:w-1/3 max-h-80 md:max-h-none object-cover overflow-hidden" src="/assets/services_2.jpg">
            <div class="p-4 w-full md:w-2/3 text-left">
                <p class="mb-4 text-3xl">INTERNET TV</p>
                <p>Our Internet Broadcaster solution allows you to broadcast online, worldwide, 24/7"</p>
<br>
<p>Broadcasting is on both the online and mobile platforms with fully iOS, Android &amp; Windows compatibility.</p>
<br>
<p>With built in geo-blocking &amp; payment gateways, our scheduling tool enables you to create custom, per second schedules, for playout up to one year in advance.</p>
<br>
<p>The solution includes a full Admin CMS that allows you to fully manage content, creating schedules from the combination of programme content, adverts, indents etc.</p>
<br>
<p>A simple to use ingest tool will automatically generated thumbnails and calculate the duration of each individual item of content.</p>
<br>
<p>We enable you to target local communities with niche content or broadcast to a worldwide audience with your own Channel.</p>
<br>
<p>Awards include:</p>
<br>
<ul>
    <li>Europe’s Best Online Video Platform’ 2010 &amp; 2011</li>
    <li>Europe’s Best Music &amp; Audio &amp; Delivery Platform’ 2009 &amp; 2011</li>
</ul>

</p>            </div>
        </div>
    </div>
        </div>
    </div>
</div>
    <div
    x-data="{
        show: false,
        focusables() {
            // All focusable element types...
            let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])'
            return [...$el.querySelectorAll(selector)]
                // All non-disabled elements...
                .filter(el => ! el.hasAttribute('disabled'))
        },
        firstFocusable() { return this.focusables()[0] },
        lastFocusable() { return this.focusables().slice(-1)[0] },
        nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() },
        prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() },
        nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) },
        prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) -1 },
    }"
    x-init="$watch('show', value => {
        if (value) {
            document.body.classList.add('overflow-y-hidden');
            
        } else {
            document.body.classList.remove('overflow-y-hidden');
        }
    })"
    x-on:open-modal.window="$event.detail == 'app-development' ? show = true : null"
    x-on:close-modal.window="$event.detail == 'app-development' ? show = false : null"
    x-on:close.stop="show = false"
    x-on:keydown.escape.window="show = false"
    x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()"
    x-on:keydown.shift.tab.prevent="prevFocusable().focus()"
    x-show="show"
    class="fixed inset-0 overflow-y-auto z-50"
    style="display: none;"
>
    <div
        x-show="show"
        class="fixed inset-0 transform transition-all"
        x-on:click="show = false"
        x-transition:enter="ease-out duration-500"
        x-transition:enter-start="opacity-0"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in duration-200"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0"
    >
        <div class="absolute inset-0 bg-black opacity-90"></div>
    </div>

    <div
        x-show="show"
        class="fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 shadow-xl transform transition-position w-full h-dvh md:h-auto sm:max-w-5xl"
        x-transition:enter="ease-out duration-500"
        x-transition:enter-start="opacity-0 translate-y-full"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in duration-200"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0 translate-y-full"
    >
        <div class="h-full relative md:mx-6 bg-white">
            <div class="hidden md:block absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 z-50 cursor-pointer" x-on:click="$dispatch('close')">
                <img class="rounded-full bg-white h-[32px] hover:h-[30px]" src="/assets/crossIcon.png">
            </div>
            <div class="h-full overflow-y-auto" focusable>
        <div class="absolute md:hidden bg-gray-200 border-b-[1px] border-gray-400 w-full flex flex-row items-center">
            <div class="inline cursor-pointer" x-on:click="$dispatch('close')">
                <img class="m-4 h-8" src="/assets/crossIcon.png">
            </div>
            <p class="text-2xl">APP DEVELOPMENT</p>
        </div>
        <div class="flex flex-col md:flex-row-reverse">
            <img class="w-full md:w-1/3 max-h-80 md:max-h-none object-cover overflow-hidden" src="/assets/services_3.jpg">
            <div class="p-4 w-full md:w-2/3 text-left">
                <p class="mb-4 text-3xl">APP DEVELOPMENT</p>
                <p>We have very extensive experience in App Development for IOS, Android and Windows for both Tablet &amp; Mobile. Our Apps are used by clients wishing to promote their own solutions or as a market places for trade bodies and organisations.</p>
<br>
<p>Solutions include:</p>
<br>
<ul>
    <li>
       ‘Local Apps’ for showcasing solutions and content where the internet is not available – all content is downloaded to the Harddrive of the Tablet or Phone and can be played back as HD or 3D
    </li>
    <li>
           We provide an admin CMS that allows you to manage the App content and who the recipients of the App are (e.g. different versions for North America, South America, Europe and Asia etc).
    </li>
    <li>
          B2B Apps where you are promoting your content or solution to other buyers worldwide
    </li>
    <li>
          B2C Apps where members of the public interact with your content to promote your brand or solution Solution for Film &amp; TV clients have bespoke designs with a Menu interface to both video and catalogue images &amp; text, where content is broken down into the genres of your choice
    </li>
    <li>
          The content on our Apps can be remotely updated at any time via a dedicated Admin CMS.


    </li>
</ul>
            </div>
        </div>
    </div>
        </div>
    </div>
</div>
    <div
    x-data="{
        show: false,
        focusables() {
            // All focusable element types...
            let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])'
            return [...$el.querySelectorAll(selector)]
                // All non-disabled elements...
                .filter(el => ! el.hasAttribute('disabled'))
        },
        firstFocusable() { return this.focusables()[0] },
        lastFocusable() { return this.focusables().slice(-1)[0] },
        nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() },
        prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() },
        nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) },
        prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) -1 },
    }"
    x-init="$watch('show', value => {
        if (value) {
            document.body.classList.add('overflow-y-hidden');
            
        } else {
            document.body.classList.remove('overflow-y-hidden');
        }
    })"
    x-on:open-modal.window="$event.detail == 'live-webcasting' ? show = true : null"
    x-on:close-modal.window="$event.detail == 'live-webcasting' ? show = false : null"
    x-on:close.stop="show = false"
    x-on:keydown.escape.window="show = false"
    x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()"
    x-on:keydown.shift.tab.prevent="prevFocusable().focus()"
    x-show="show"
    class="fixed inset-0 overflow-y-auto z-50"
    style="display: none;"
>
    <div
        x-show="show"
        class="fixed inset-0 transform transition-all"
        x-on:click="show = false"
        x-transition:enter="ease-out duration-500"
        x-transition:enter-start="opacity-0"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in duration-200"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0"
    >
        <div class="absolute inset-0 bg-black opacity-90"></div>
    </div>

    <div
        x-show="show"
        class="fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 shadow-xl transform transition-position w-full h-dvh md:h-auto sm:max-w-5xl"
        x-transition:enter="ease-out duration-500"
        x-transition:enter-start="opacity-0 translate-y-full"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in duration-200"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0 translate-y-full"
    >
        <div class="h-full relative md:mx-6 bg-white">
            <div class="hidden md:block absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 z-50 cursor-pointer" x-on:click="$dispatch('close')">
                <img class="rounded-full bg-white h-[32px] hover:h-[30px]" src="/assets/crossIcon.png">
            </div>
            <div class="h-full overflow-y-auto" focusable>
        <div class="absolute md:hidden bg-gray-200 border-b-[1px] border-gray-400 w-full flex flex-row items-center">
            <div class="inline cursor-pointer" x-on:click="$dispatch('close')">
                <img class="m-4 h-8" src="/assets/crossIcon.png">
            </div>
            <p class="text-2xl">LIVE WEBCASTING</p>
        </div>
        <div class="flex flex-col md:flex-row-reverse">
            <img class="w-full md:w-1/3 max-h-80 md:max-h-none object-cover overflow-hidden" src="/assets/services_4.jpg">
            <div class="p-4 w-full md:w-2/3 text-left">
                <p class="mb-4 text-3xl">LIVE WEBCASTING</p>
                <p>Our live webcasting solutions are used by clients worldwide to provide television style internet presentations.</p>
<br>
<p>Solutions provide for private corporate viewing to the broadcasting to an international public audience.</p>
<br>
<p>We are able to help personalise your company adding the human element to your website.</p>
<br>
<p>Solutions include:</p>
<br>
<ul>
    <li>
        Real-time video &amp; audio with simultaneous PowerPoint or other associated image display
    </li>
    <li>
        Presentations &amp; AGM’s
    </li>
    <li>
        Product or service demonstrations
    </li>
    <li>
        Training courses
    </li>
    <li>
        Distance learning
    </li>
</ul>
<br>
<p>Private viewing is enabled via our own server platform that allows for full IP address identification to link to your corporate firewall</p>
            </div>
        </div>
    </div>
        </div>
    </div>
</div>
    <div
    x-data="{
        show: false,
        focusables() {
            // All focusable element types...
            let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])'
            return [...$el.querySelectorAll(selector)]
                // All non-disabled elements...
                .filter(el => ! el.hasAttribute('disabled'))
        },
        firstFocusable() { return this.focusables()[0] },
        lastFocusable() { return this.focusables().slice(-1)[0] },
        nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() },
        prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() },
        nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) },
        prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) -1 },
    }"
    x-init="$watch('show', value => {
        if (value) {
            document.body.classList.add('overflow-y-hidden');
            
        } else {
            document.body.classList.remove('overflow-y-hidden');
        }
    })"
    x-on:open-modal.window="$event.detail == 'equipment-hire' ? show = true : null"
    x-on:close-modal.window="$event.detail == 'equipment-hire' ? show = false : null"
    x-on:close.stop="show = false"
    x-on:keydown.escape.window="show = false"
    x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()"
    x-on:keydown.shift.tab.prevent="prevFocusable().focus()"
    x-show="show"
    class="fixed inset-0 overflow-y-auto z-50"
    style="display: none;"
>
    <div
        x-show="show"
        class="fixed inset-0 transform transition-all"
        x-on:click="show = false"
        x-transition:enter="ease-out duration-500"
        x-transition:enter-start="opacity-0"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in duration-200"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0"
    >
        <div class="absolute inset-0 bg-black opacity-90"></div>
    </div>

    <div
        x-show="show"
        class="fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 shadow-xl transform transition-position w-full h-dvh md:h-auto sm:max-w-5xl"
        x-transition:enter="ease-out duration-500"
        x-transition:enter-start="opacity-0 translate-y-full"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in duration-200"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0 translate-y-full"
    >
        <div class="h-full relative md:mx-6 bg-white">
            <div class="hidden md:block absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 z-50 cursor-pointer" x-on:click="$dispatch('close')">
                <img class="rounded-full bg-white h-[32px] hover:h-[30px]" src="/assets/crossIcon.png">
            </div>
            <div class="h-full overflow-y-auto" focusable>
        <div class="absolute md:hidden bg-gray-200 border-b-[1px] border-gray-400 w-full flex flex-row items-center">
            <div class="inline cursor-pointer" x-on:click="$dispatch('close')">
                <img class="m-4 h-8" src="/assets/crossIcon.png">
            </div>
            <p class="text-2xl">EQUIPMENT HIRE</p>
        </div>
        <div class="flex flex-col md:flex-row-reverse">
            <img class="w-full md:w-1/3 max-h-80 md:max-h-none object-cover overflow-hidden" src="/assets/services_5.jpg">
            <div class="p-4 w-full md:w-2/3 text-left">
                <p class="mb-4 text-3xl">EQUIPMENT HIRE</p>
                
<div class="my-4 flex flex-row flex-wrap">
    <div class="flex-grow">
        <li>
            TIFF
        </li>

        <li>
            MIPCOM
        </li>
        <li>
            AFM
        </li>
        <li>
            London Screening
        </li>
    </div>
    <div class="flex-grow">
        <li>
            NATPE
        </li>
        <li>
            EFM
        </li>
        <li>
            MIPTV
        </li>
        <li>
            Cannes Film Festival
        </li>
    </div>
</div>
<p>We have a very extensive range of Equipment all at great prices, including:</p>
<br>
<ul>
    <li>
        TV’s &amp; 3D Screens from 19” to 80”
    </li>
    <li>
        Touchscreens and Touchtables from 19” to 80”
    </li>
    <li>
        iPad’s, Android and Windows Tablets
    </li>
    <li>
        Sound Systems including Cinema Surround Sound
    </li>
    <li>
        Laptops, Macbooks and other computers
    </li>
    <li>
        Printers and other accessories
    </li>
    <li>
        Etc
    </li>
</ul>
<br>
<p>During events we offer onsite 24/7 support. Our technicians are on site to give you piece of mind – we are present in case there is a problem or to encode new content if it becomes available.</p>            </div>
        </div>
    </div>
        </div>
    </div>
</div>
    <div
    x-data="{
        show: false,
        focusables() {
            // All focusable element types...
            let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])'
            return [...$el.querySelectorAll(selector)]
                // All non-disabled elements...
                .filter(el => ! el.hasAttribute('disabled'))
        },
        firstFocusable() { return this.focusables()[0] },
        lastFocusable() { return this.focusables().slice(-1)[0] },
        nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() },
        prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() },
        nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) },
        prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) -1 },
    }"
    x-init="$watch('show', value => {
        if (value) {
            document.body.classList.add('overflow-y-hidden');
            
        } else {
            document.body.classList.remove('overflow-y-hidden');
        }
    })"
    x-on:open-modal.window="$event.detail == 'software-development' ? show = true : null"
    x-on:close-modal.window="$event.detail == 'software-development' ? show = false : null"
    x-on:close.stop="show = false"
    x-on:keydown.escape.window="show = false"
    x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()"
    x-on:keydown.shift.tab.prevent="prevFocusable().focus()"
    x-show="show"
    class="fixed inset-0 overflow-y-auto z-50"
    style="display: none;"
>
    <div
        x-show="show"
        class="fixed inset-0 transform transition-all"
        x-on:click="show = false"
        x-transition:enter="ease-out duration-500"
        x-transition:enter-start="opacity-0"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in duration-200"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0"
    >
        <div class="absolute inset-0 bg-black opacity-90"></div>
    </div>

    <div
        x-show="show"
        class="fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 shadow-xl transform transition-position w-full h-dvh md:h-auto sm:max-w-5xl"
        x-transition:enter="ease-out duration-500"
        x-transition:enter-start="opacity-0 translate-y-full"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in duration-200"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0 translate-y-full"
    >
        <div class="h-full relative md:mx-6 bg-white">
            <div class="hidden md:block absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 z-50 cursor-pointer" x-on:click="$dispatch('close')">
                <img class="rounded-full bg-white h-[32px] hover:h-[30px]" src="/assets/crossIcon.png">
            </div>
            <div class="h-full overflow-y-auto" focusable>
        <div class="absolute md:hidden bg-gray-200 border-b-[1px] border-gray-400 w-full flex flex-row items-center">
            <div class="inline cursor-pointer" x-on:click="$dispatch('close')">
                <img class="m-4 h-8" src="/assets/crossIcon.png">
            </div>
            <p class="text-2xl">SOFTWARE DEVELOPMENT</p>
        </div>
        <div class="flex flex-col md:flex-row-reverse">
            <img class="w-full md:w-1/3 max-h-80 md:max-h-none object-cover overflow-hidden" src="/assets/services_6.jpg">
            <div class="p-4 w-full md:w-2/3 text-left">
                <p class="mb-4 text-3xl">SOFTWARE DEVELOPMENT</p>
                <p>We offer solutions ranging from websites to content management solutions to bespoke products &amp; services</p>
<br>
<p>Since 1999, we have been developing server side, cloud and desktop applications</p>
<br>
<p>Our very experienced and highly skilled technicians create bespoke coding for our international clients</p>
<br>
<p>Working in all major code languages, we are able to produce solutions from multimillion dollar projects to simple webpages</p>
<br>
<p>Web solutions include bespoke applications, to online customer portals and internet ‘market’ platforms</p>
<br>
<p>Our aim is to be your ‘go to’ company and hence we focus on truly understanding your project, delivering a great solution and backing this up with full support</p>
<br>
<p>Clients range from multinational organisations to local charities, with solutions that manage your systems or website to give you the most cost effective and reliable solutions that work 24/7.</p>            </div>
        </div>
    </div>
        </div>
    </div>
</div>
        <div
    x-data="{
        show: false,
        focusables() {
            // All focusable element types...
            let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])'
            return [...$el.querySelectorAll(selector)]
                // All non-disabled elements...
                .filter(el => ! el.hasAttribute('disabled'))
        },
        firstFocusable() { return this.focusables()[0] },
        lastFocusable() { return this.focusables().slice(-1)[0] },
        nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() },
        prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() },
        nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) },
        prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) -1 },
    }"
    x-init="$watch('show', value => {
        if (value) {
            document.body.classList.add('overflow-y-hidden');
            
        } else {
            document.body.classList.remove('overflow-y-hidden');
        }
    })"
    x-on:open-modal.window="$event.detail == 'permanent' ? show = true : null"
    x-on:close-modal.window="$event.detail == 'permanent' ? show = false : null"
    x-on:close.stop="show = false"
    x-on:keydown.escape.window="show = false"
    x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()"
    x-on:keydown.shift.tab.prevent="prevFocusable().focus()"
    x-show="show"
    class="fixed inset-0 overflow-y-auto z-50"
    style="display: none;"
>
    <div
        x-show="show"
        class="fixed inset-0 transform transition-all"
        x-on:click="show = false"
        x-transition:enter="ease-out duration-500"
        x-transition:enter-start="opacity-0"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in duration-200"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0"
    >
        <div class="absolute inset-0 bg-black opacity-90"></div>
    </div>

    <div
        x-show="show"
        class="fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 shadow-xl transform transition-position w-full h-dvh md:h-auto sm:max-w-5xl"
        x-transition:enter="ease-out duration-500"
        x-transition:enter-start="opacity-0 translate-y-full"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in duration-200"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0 translate-y-full"
    >
        <div class="h-full relative md:mx-6 bg-white">
            <div class="hidden md:block absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 z-50 cursor-pointer" x-on:click="$dispatch('close')">
                <img class="rounded-full bg-white h-[32px] hover:h-[30px]" src="/assets/crossIcon.png">
            </div>
            <div class="h-full overflow-y-auto" focusable>
        <div class="absolute md:hidden bg-gray-200 border-b-[1px] border-gray-400 w-full flex flex-row items-center">
            <div class="inline cursor-pointer" x-on:click="$dispatch('close')">
                <img class="m-4 h-8" src="/assets/crossIcon.png">
            </div>
            <p class="text-2xl">PERMANENT POSITIONS</p>
        </div>
        <div class="flex flex-col md:flex-row-reverse">
            <img class="w-full md:w-1/3 max-h-80 md:max-h-none object-cover overflow-hidden" src="/assets/recruitment_1_v2.jpg">
            <div class="p-4 w-full md:w-2/3 text-left">
                <p class="mb-4 text-3xl">PERMANENT POSITIONS</p>
                <p>We are looking for new team members to work in the following roles:</p>
<br>
<ol>
    <li>
        <p class="font-bold">1. App Developer</p>
        <br>
        <p>This role requires knowledge of the following:</p>
        <ul>
            <br>
            <li>
                Xcode
            </li>
            <li>
                Flutter
            </li>
        </ul>
        <br>
        <p>Experience with Swift would be an advantage.</p>
    </li>
    <br>
    <li>
        <p class="font-bold">2. Web Developer</p>
        <br>
        <p>This role requires knowledge of the following:</p>
        <ul>
            <br>
            <li>
                PHP
            </li>
            <li>
                JavaScript
            </li>
        </ul>
        <br>
        <p>Experience with Laravel & MySQL would be an advantage.</p>
    </li>
</ol>

<br>

<p class="font-bold">Contact us at <a href="mailto:[email protected]">[email protected]</a> or telephone us at one of our 3 main offices</p>
            </div>
        </div>
    </div>
        </div>
    </div>
</div>
            <div
    x-data="{
        show: false,
        focusables() {
            // All focusable element types...
            let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])'
            return [...$el.querySelectorAll(selector)]
                // All non-disabled elements...
                .filter(el => ! el.hasAttribute('disabled'))
        },
        firstFocusable() { return this.focusables()[0] },
        lastFocusable() { return this.focusables().slice(-1)[0] },
        nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() },
        prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() },
        nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) },
        prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) -1 },
    }"
    x-init="$watch('show', value => {
        if (value) {
            document.body.classList.add('overflow-y-hidden');
            
        } else {
            document.body.classList.remove('overflow-y-hidden');
        }
    })"
    x-on:open-modal.window="$event.detail == 'placements-internships' ? show = true : null"
    x-on:close-modal.window="$event.detail == 'placements-internships' ? show = false : null"
    x-on:close.stop="show = false"
    x-on:keydown.escape.window="show = false"
    x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()"
    x-on:keydown.shift.tab.prevent="prevFocusable().focus()"
    x-show="show"
    class="fixed inset-0 overflow-y-auto z-50"
    style="display: none;"
>
    <div
        x-show="show"
        class="fixed inset-0 transform transition-all"
        x-on:click="show = false"
        x-transition:enter="ease-out duration-500"
        x-transition:enter-start="opacity-0"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in duration-200"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0"
    >
        <div class="absolute inset-0 bg-black opacity-90"></div>
    </div>

    <div
        x-show="show"
        class="fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 shadow-xl transform transition-position w-full h-dvh md:h-auto sm:max-w-5xl"
        x-transition:enter="ease-out duration-500"
        x-transition:enter-start="opacity-0 translate-y-full"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in duration-200"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0 translate-y-full"
    >
        <div class="h-full relative md:mx-6 bg-white">
            <div class="hidden md:block absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 z-50 cursor-pointer" x-on:click="$dispatch('close')">
                <img class="rounded-full bg-white h-[32px] hover:h-[30px]" src="/assets/crossIcon.png">
            </div>
            <div class="h-full overflow-y-auto" focusable>
        <div class="absolute md:hidden bg-gray-200 border-b-[1px] border-gray-400 w-full flex flex-row items-center">
            <div class="inline cursor-pointer" x-on:click="$dispatch('close')">
                <img class="m-4 h-8" src="/assets/crossIcon.png">
            </div>
            <p class="text-2xl">PLACEMENTS &AMP; INTERNSHIPS</p>
        </div>
        <div class="flex flex-col md:flex-row-reverse">
            <img class="w-full md:w-1/3 max-h-80 md:max-h-none object-cover overflow-hidden" src="/assets/recruitment_3.jpg">
            <div class="p-4 w-full md:w-2/3 text-left">
                <p class="mb-4 text-3xl">PLACEMENTS &AMP; INTERNSHIPS</p>
                <p>We are always looking for people who would like to join us for work experience, a placement or an internship. Roles include:</p>
<br>
<ul>
    <li>
        Video Production/Filming
    </li>
    <li>
        Content Processing &amp; Editing
    </li>
    <li>
        Channel Management
    </li>
    <li>
        Admin
    </li>
    <li>
        Sales
    </li>
</ul>

<br>
<p>We are particularly interested in anyone who would like to work with us in regard to internet channel management – developing and managing one of our portfolio of channels. This role would include:</p>
<br>
<ul>
    <li>
        Checking content that has been recently uploaded by the public
    </li>
    <li>
        Deciding on the content to be included in daily schedules
    </li>
    <li>
        Looking for new content partnerships
    </li>
    <li>
        Etc
    </li>
</ul>

<br>

<p class="font-bold">Contact us at <a href="mailto:[email protected]">[email protected]</a> or telephone us at one of our 3 main offices </p>            </div>
        </div>
    </div>
        </div>
    </div>
</div>
        <div class="js-cookie-consent cookie-consent fixed bottom-0 inset-x-0 z-50 bg-black">
    <div class="mx-auto px-6 py-4 max-w-7xl">
        <div class="flex items-center justify-between flex-wrap">
            <div class="max-w-full flex-1 items-center md:w-0 md:inline">
                <p class="md:ml-3 text-white cookie-consent__message">
                    i2i Media uses cookies to ensure we give you the best experience on our website
                </p>
            </div>
            <div class="mt-2 flex-shrink-0 w-full sm:mt-0 sm:w-auto">
                <button class="js-cookie-consent-agree cookie-consent__agree cursor-pointer flex items-center justify-center px-16 py-2 text-sm font-medium bg-amber-500 hover:bg-yellow-300">
                    OK
                </button>
            </div>
        </div>
    </div>
</div>

    <script>

        window.laravelCookieConsent = (function () {

            const COOKIE_VALUE = 1;
            const COOKIE_DOMAIN = 'i2ic.com';

            function consentWithCookies() {
                setCookie('laravel_cookie_consent', COOKIE_VALUE, 7300);
                hideCookieDialog();
            }

            function cookieExists(name) {
                return (document.cookie.split('; ').indexOf(name + '=' + COOKIE_VALUE) !== -1);
            }

            function hideCookieDialog() {
                const dialogs = document.getElementsByClassName('js-cookie-consent');

                for (let i = 0; i < dialogs.length; ++i) {
                    dialogs[i].style.display = 'none';
                }
            }

            function setCookie(name, value, expirationInDays) {
                const date = new Date();
                date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000));
                document.cookie = name + '=' + value
                    + ';expires=' + date.toUTCString()
                    + ';domain=' + COOKIE_DOMAIN
                    + ';path=/'
                    + ';samesite=lax';
            }

            if (cookieExists('laravel_cookie_consent')) {
                hideCookieDialog();
            }

            const buttons = document.getElementsByClassName('js-cookie-consent-agree');

            for (let i = 0; i < buttons.length; ++i) {
                buttons[i].addEventListener('click', consentWithCookies);
            }

            return {
                consentWithCookies: consentWithCookies,
                hideCookieDialog: hideCookieDialog
            };
        })();
    </script>

    <script>
        document.addEventListener("DOMContentLoaded", (event) => {
            $('[sidebarjs]').removeClass('hidden');
        });
    </script>
        <script src="/js/parallax.min.js"></script>
    <script>
        $('[data-slide]').click(function (e) {
            e.preventDefault();
            dataslide = $(this).attr('data-slide');
            $('html, body').animate({
                scrollTop: Math.max(
                    $('[slide="' + dataslide + '"]').offset().top - $('nav').height() - 100,
                    0
                )
            }, 2000, 'easeInOutExpo');
        });

        function setSlideActive(slide) {
            navLink = $('.nav-link[data-slide="' + slide.attr('slide') + '"]');

            navLink.addClass('current');
            navLink.siblings().removeClass('current');
        }

        lastScrollPosition = $(window).scrollTop();
        currentSlide = null;
        $('[slide]').each(function(index) {
            if (lastScrollPosition >= $(this).offset().top - 200) {
                currentSlide = $(this);
            }
        });

        setSlideActive(currentSlide);

        $(window).on('scroll', function() {
            scrollPosition = $(this).scrollTop();
            $('[slide]').each(function(index) {
                if (scrollPosition > lastScrollPosition) {
                    if (currentSlide.offset().top < $(this).offset().top && scrollPosition >= $(this).offset().top - 200) {
                        currentSlide = $(this);
                    }
                } else if (currentSlide.offset().top > $(this).offset().top && scrollPosition <= Math.max($(this).offset().top - $('nav').height(), 0)) {
                    currentSlide = $(this);
                }
            });

            lastScrollPosition = scrollPosition;

            setSlideActive(currentSlide);
        })
    </script>
    <script src="/livewire/livewire.min.js?id=65f3e655"   data-csrf="Ib0hxwDEI8la5i3bls7eU4QQc0LgrsQIng0TiBvF" data-update-uri="/livewire/update" data-navigate-once="true"></script>
</body>
</html>

Alan adının whois bilgisi

Domain Name: I2IC.COM
Registry Domain ID: 92985442_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.123-reg.co.uk
Registrar URL: http://www.meshdigital.com
Updated Date: 2023-12-08T09:16:41Z
Creation Date: 2002-12-10T11:26:04Z
Registry Expiry Date: 2025-12-10T11:26:04Z
Registrar: 123-Reg Limited
Registrar IANA ID: 1515
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +44.3454502310
Domain Status: ok https://icann.org/epp#ok
Name Server: NS41.CLOUDNS.NET
Name Server: NS42.CLOUDNS.NET
Name Server: NS43.CLOUDNS.NET
Name Server: NS44.CLOUDNS.NET
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-30T01:25:27Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass