<?php  include('header.php') ?>

        <div>
            <section class="relative pb-12 bg-blue-500"><img class="hidden lg:block lg:absolute top-0 left-0 mt-32" src="zeus-assets/icons/dots/yellow-dot-left-bars.svg" alt=""><img class="hidden lg:block lg:absolute bottom-0 right-0 mb-40 mt-10" src="zeus-assets/icons/dots/red-dot-right-shield.svg"
                    alt="">
                <div class="relative z-10 container mx-auto px-4">
                    <div class="flex flex-wrap justify-center items-center md:pt-12 pt-8">
                        <div class="w-auto">
                            <p class="mb-5 font-heading text-xs font-normal text-center uppercase tracking-px text-white text-gray-200 text-red-500 xl:mb-8 md:mb-8" contenteditable="false">COURSES DESIGNED BY GOOGLE</p>
                            <h1 class="font-heading text-base text-center xl:text-12xl lg:text-8xl md:text-10xl font-bold mb-4 text-white text-xl text-3xl xl:mb-6">Gain Employability Skills
                                <div class=""> and transition into<br>in-demand jobs</div>
                            </h1>
                        </div>
                    </div>
                    <p class="text-center text-white mb-10 leading-relaxed tracking-wide text-lg xl:text-2xl xl:mt-2 xl:mb-10 md:mt-6 mt-4" contenteditable="false">Pre-Skill to stand out in a crowded job-market for free<br>through our partnership with Google</p>

                </div>
                <div class="flex flex-wrap justify-center mb-4 mb-6">
                    <div class="w-full lg:w-auto p-3">
                        <button class="flex flex-col items-center group relative font-heading px-6 py-5 w-full lg:w-auto uppercase text-white text-xs font-semibold tracking-px bg-red-500 overflow-hidden">
              <div class="absolute top-0 left-0 transform -translate-x-full group-hover:-translate-x-0 h-full transition ease-in-out bg-blue-500 duration-500 w-full" contenteditable="false"></div>
              <p class="relative z-10" contenteditable="false">Apply for scholarship</p>
            </button>
                    </div>
                    <div class="lg:w-auto p-3 w-full" contenteditable="false">
                        <button class="group relative font-heading px-6 py-5 w-full lg:w-auto uppercase text-blue-500 text-xs border border-white font-semibold tracking-px bg-blue-500 overflow-hidden block">
              <div class="absolute top-0 left-0 transform -translate-x-full group-hover:-translate-x-0 h-full transition ease-in-out bg-red-500 duration-500 w-full" contenteditable="false"></div>
              <p href="#" class="relative z-10 text-white" contenteditable="false">learn more</p>
            </button>
                    </div>
                </div>
                <div class="max-w-6xl px-4 mx-auto">
                    <div class="flex flex-wrap -mx-4">
                        <div class="w-full px-4 md:mb-0 md:w-1/3 mb-4">
                            <div class="p-8 border items-center flex flex-wrap text-center justify-center border-dashed">

                                <h3 class="text-2xl font-semibold text-center font-bold justify-center mb-4 text-white" contenteditable="false">75%
                                    <div contenteditable="false">Graduates</div>
                                </h3>
                                <p class="text-center text-white" contenteditable="false">reported an improvement in their career trajectory</p>

                            </div>
                        </div>
                        <div class="w-full md:w-1/3 px-4 mb-4 md:mb-0">
                            <div class="p-8 border border-dashed flex-wrap justify-center items-center align-middle flex">

                                <h3 class="text-2xl font-semibold mb-4 text-center font-bold" contenteditable="false">
                                    <div contenteditable="false" class="text-white">1.45</div>
                                    <div contenteditable="false" class="text-white">Million</div>
                                </h3>
                                <p class="text-center text-white" contenteditable="false">in-demand job openings across certificate fields</p>

                            </div>
                        </div>
                        <div class="w-full md:w-1/3 px-4">
                            <div class="p-8 border border-dashed flex flex-wrap justify-center">

                                <h3 class="text-2xl font-semibold mb-4 text-center text-white" contenteditable="false">82%
                                    <div contenteditable="false">Graduates</div>
                                </h3>
                                <p class="text-center text-white">report a positive career impact in six months</p>

                            </div>
                        </div>
                    </div>
                </div>
                <p class="mb-5 font-heading text-xs font-normal text-center uppercase tracking-px text-white text-gray-200 xl:mb-8 md:mb-8 mt-8 text-sm mt-10" contenteditable="false">no degree or experience required</p>

            </section>
        </div>

        <div class="mx-auto">
            <section class="bg-white">
                <div class="container px-4 mx-auto">
                    <div class="flex flex-wrap items-center -mx-4 md:pb-0 md:pb-8 md:pt-4 justify-center pb-10">
                        <div class="w-full lg:w-1/2 px-4 lg:mb-0 md:mb-10 flex-wrap md:inline-flex md:justify-center sm:text-lg mt-4">
                            <div class="max-w-md mt-2 just-fy-center justify-center flex flex-wrap mt-4">
                                <p class="font-heading text-xs font-normal text-center uppercase tracking-px text-white text-gray-200 text-red-500 mb-2 mt-4" contenteditable="false">proud partners</p>

                                <p class="text-gray-500 text-center text-blue-500">Pave your career path to become job-ready and put your skills to work </p>
                            </div>
                        </div>
                        <div class="w-full lg:w-1/2 px-4">
                            <div class="flex flex-wrap -m-4 justify-center">
                                <div class="w-1/2 md:inline-flex md:justify-center md:w-1/5 lg:w-1/3 p-2">
                                    <div class="py-4 lg:py-8 md:py-0 justify-center">
                                        <img class="mx-auto mt-10 md:mt-8 lg:mt-12" src="https://static.shuffle.dev/uploads/files/31/31eb5a86712fed61452c18ca67d19952036395b8/Google.png" alt=""></div>
                                </div>
                                <div class="w-1/2 md:w-1/5 md:inline-flex md:items-center lg:w-1/3">
                                    <div class="py-4 lg:py-8 md:py-0">
                                        <img class="mx-auto" src="https://static.shuffle.dev/uploads/files/31/31eb5a86712fed61452c18ca67d19952036395b8/Work-and-Pensions.png" alt=""></div>
                                </div>
                                <div class="w-1/2 md:w-1/3 lg:w-1/3 md:w-1/5 md:inline-flex md:justify-center">
                                    <div class="lg:py-8 py-4 justify-center md:py-0">
                                        <img class="mx-auto sm:mt-0 lg:mt-20 md:mt-16 md:mt-18 lg:mt-24 lg:mt-26" src="https://static.shuffle.dev/uploads/files/31/31eb5a86712fed61452c18ca67d19952036395b8/footer-logo.png" alt=""></div>
                                </div>



                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>

        <section class="overflow-hidden bg-blue-500 justify-items-center pt-12">
            <div class="container px-4 mx-auto">
                <div class="flex flex-wrap -m-8 align-middle justify-center mt-8 mb-8">
                    <p id="our mission" class="mb-5 font-heading font-normal text-center uppercase tracking-px text-white text-red-500 mx-auto pb-3 text-sm" contenteditable="false">STAND OUT TO EMPLOYERS</p>
                    <div class="container mx-auto px-4">
                        <h2 class="mx-auto font-heading font-bold text-center text-6xl sm:text-7xl text-white tracking-px max-w-xl md:w-auto" contenteditable="false">Helping everyone
                            <div class="">unlock new opportunities</div>
                        </h2>
                        <p class="max-w-lg mx-auto text-center text-lg text-white mt-6 p-2 lg:p-0 md:p-0" contenteditable="false">Free, flexible online training programmes designed to teach job-ready skills in high-growth, high-demand careers.</p>
                    </div>
                </div>
            </div>
        </section>

        <div>
            <div class="px-4 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8 bg-blue-500 pb-12">
                <div class="p-8 shadow-xl sm:p-16 bg-gray-800">
                    <div class="flex flex-col lg:flex-row">
                        <div class="lg:mb-0 lg:w-1/2 lg:pr-5 mb-6 justify-center text-center items-center flex flex-wrap">
                            <h2 class="font-sans text-3xl font-bold tracking-tight sm:text-4xl text-white" contenteditable="false">
                                Google Certificate<br class="hidden md:block mt-2 pt-2"> UX Design

                            </h2>
                        </div>
                        <div class="lg:w-1/2 md:text-center lg:text-justify text-center">
                            <p class="mb-4 text-base md:text-center text-center text-white lg:text-left" contenteditable="false">Learn the basics of UX research, like Planning Research Studies, Conducting Interviews and Usability Studies, and Synthesising Research Results. Create a professional UX portfolio that includes three end-to-end projects like:
                                A Mobile App, A Responsive Website, and a Cross-Platform Experience</p>
                            <a class="group inline-block font-heading font-medium text-white hover:text-white text-base overflow-hidden" href="google_ux_design.php">
                                <p class="mb-1 uppercase traacking-px">Learn more</p>
                                <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-red-500 transition ease-in-out duration-500"></div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div>
            <div class="px-4 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8 bg-blue-500 pb-12">
                <div class="p-8 shadow-xl sm:p-16 bg-gray-800">
                    <div class="flex flex-col lg:flex-row">
                        <div class="lg:mb-0 lg:w-1/2 lg:pr-5 mb-6 justify-center text-center items-center flex flex-wrap">
                            <h2 class="font-sans text-3xl font-bold tracking-tight sm:text-4xl text-white">
                                Google Certificate<br class="hidden md:block mt-2 pt-2"> Data Analytics

                            </h2>
                        </div>
                        <div class="lg:w-1/2 md:text-center lg:text-justify text-center">
                            <p class="mb-4 text-base md:text-center text-center text-white lg:text-left" contenteditable="false">Gain an immersive understanding of the practices and processes used by a Junior or Associate Data Analyst in their day-to-day job. Learn key analytical skills (Data Cleaning, Analysis, and Visualisation) and tools (Spreadsheet,
                                SQL, R Programming, Tableau)</p>
                            <a class="group inline-block font-heading font-medium text-white hover:text-white text-base overflow-hidden" href="google_data_analytics.php">
                                <p class="mb-1 uppercase tracking-px">Learn more</p>
                                <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-red-500 transition ease-in-out duration-500"></div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div>
            <div class="px-4 mx-auto sm:max-w-xl md:max-w-full md:px-24 lg:px-8 bg-blue-500 pb-12 lg:max-w-screen-xl">
                <div class="p-8 shadow-xl sm:p-16 bg-gray-800">
                    <div class="flex flex-col lg:flex-row">
                        <div class="lg:mb-0 lg:w-1/2 lg:pr-5 mb-6 justify-center text-center items-center flex flex-wrap">
                            <h2 class="font-sans text-3xl font-bold tracking-tight sm:text-4xl text-white">
                                Google Certificate<br class="hidden md:block mt-2 pt-2"> IT Support

                            </h2>
                        </div>
                        <div class="lg:w-1/2 md:text-center lg:text-justify text-center">
                            <p class="mb-4 text-base md:text-center text-center text-white lg:text-left" contenteditable="false">Learn to perform day-to-day IT Support tasks including Computer Assembly, Wireless Networking, Installing Programs, and Customer Service. You'll learn about Linux, Domain Name Systems, Command-Line Interface, and Binary Code</p>
                            <a class="group inline-block font-heading font-medium text-white hover:text-white text-base overflow-hidden" href="google_it_support.php">
                                <p class="mb-1 uppercase tracking-px">Learn more</p>
                                <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-red-500 transition ease-in-out duration-500"></div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div>
            <div class="px-4 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8 bg-blue-500 pb-12">
                <div class="p-8 shadow-xl sm:p-16 bg-gray-800">
                    <div class="flex flex-col lg:flex-row">
                        <div class="lg:mb-0 lg:w-1/2 lg:pr-5 mb-6 justify-center text-center items-center flex flex-wrap">
                            <h2 class="font-sans text-3xl font-bold tracking-tight sm:text-4xl text-white" contenteditable="false">
                                Google Certificate<br class="hidden md:block mt-2 pt-2"> Project Management

                            </h2>
                        </div>
                        <div class="lg:w-1/2 md:text-center lg:text-justify text-center">
                            <p class="mb-4 text-base md:text-center text-center text-white lg:text-left" contenteditable="false">Gain an immersive insight into practices and skills needed to succeed in an entry level project management role.  Practice strategic communication, problem-solving, and stakeholder management through real-world scenarios</p>
                            <a class="group inline-block font-heading font-medium text-white hover:text-white text-base overflow-hidden" href="google_project_management.php">
                                <p class="mb-1 uppercase tracking-px">Learn more</p>
                                <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-red-500 transition ease-in-out duration-500"></div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div>
            <div class="px-4 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8 bg-blue-500 pb-18">
                <div class="p-8 shadow-xl sm:p-16 bg-gray-800">
                    <div class="flex flex-col lg:flex-row">
                        <div class="lg:mb-0 lg:w-1/2 lg:pr-5 mb-6 justify-center text-center items-center flex flex-wrap">
                            <h2 class="font-sans text-3xl font-bold tracking-tight sm:text-4xl text-white" contenteditable="false">
                                Google Certificate<br class="hidden md:block mt-2 pt-2"> Digital Marketing &amp; E-Commerce

                            </h2>
                        </div>
                        <div class="lg:w-1/2 md:text-center lg:text-justify text-center">
                            <p class="mb-4 text-base md:text-center text-center text-white lg:text-left" contenteditable="false">Gain an insight into fundamentals of digital marketing and e-commerce to build your own portfolio with projects like customer personas and social media calendars.  Practice on tools such as Canva, Hootsuite, Google Ads, Google
                                Analytics, HubSpot, Mailchimp, Shopify, and Twitter</p>
                            <a class="group inline-block font-heading font-medium text-white hover:text-white text-base overflow-hidden" href="google_digital_marketing.php">
                                <p class="mb-1 uppercase tracking-px">Learn more</p>
                                <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-red-500 transition ease-in-out duration-500"></div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <section class="overflow-hidden justify-items-center mb-4 mt-10">
            <div class="container px-4 mx-auto">
                <div class="flex flex-wrap align-middle justify-center mt-8 mb-8">
                    <p id="our mission" class="mb-5 font-heading font-normal text-center uppercase tracking-px text-white text-red-500 mx-auto pb-3 text-sm" contenteditable="false">Why Google career certificate?</p>
                    <div class="container mx-auto px-4">

                        <p class="max-w-lg mx-auto text-center text-lg w-full text-blue-500" contenteditable="false">Meet Employers that recognise Google Career Certificate as relevant Work Experience in their recruitment process</p>
                    </div>
                </div>
                <div class="flex flex-wrap justify-center">
                    <div class="w-auto flex flex-wrap items-center lg:p-10 md:p-10 p-8">
                        <img src="https://static.shuffle.dev/uploads/files/d1/d15e1ea3ea73a896dedee8c3bd1509d5839a5ef2/Deloitte-logo-black.png" alt="" class="w-20 w-30 w-332 w-32 w-44"></div>
                    <div class="w-auto flex flex-wrap items-center lg:p-10 md:p-10">
                        <img src="https://static.shuffle.dev/uploads/files/d1/d15e1ea3ea73a896dedee8c3bd1509d5839a5ef2/BT-Group-Logo-wine.png" alt="" class="w-44"></div>
                    <div class="w-auto flex flex-wrap items-center lg:p-10 md:p-10 p-2 p-8">
                        <img src="https://static.shuffle.dev/uploads/files/d1/d15e1ea3ea73a896dedee8c3bd1509d5839a5ef2/BBC-logo.png" alt="" class="w-4 w-44"></div>
                    <div class="w-auto flex flex-wrap items-center justify-center md:p-10 lg:p-10">
                        <img src="https://static.shuffle.dev/uploads/files/d1/d15e1ea3ea73a896dedee8c3bd1509d5839a5ef2/federation-of-small-businesses-fsb-vector-logo.svg" alt="" class="w-36 mb-2 mb-4"></div>
                    <div class="w-auto flex flex-wrap justify-center items-center lg:p-10 md:p-10">
                        <img src="https://static.shuffle.dev/uploads/files/d1/d15e1ea3ea73a896dedee8c3bd1509d5839a5ef2/Salesforce-logo-jpg-1666981904936.webp" alt="" class="w-36"></div>
                </div>
                <div class="flex flex-wrap md:justify-center lg:justify-between justify-center">
                    <div class="w-auto flex flex-wrap items-center lg:p-10 md:p-10 p-10">
                        <img src="https://static.shuffle.dev/uploads/files/d1/d15e1ea3ea73a896dedee8c3bd1509d5839a5ef2/jlp-logo.svg" alt="" class="w-20 w-30 w-332 w-44"></div>
                    <div class="w-auto flex flex-wrap items-center lg:p-10 md:p-10 p-8">
                        <img src="https://static.shuffle.dev/uploads/files/d1/d15e1ea3ea73a896dedee8c3bd1509d5839a5ef2/pngkit-neiman-marcus-logo-png-9145594.png" alt="" class="w-44"></div>
                    <div class="w-auto flex flex-wrap items-center p-8 lg:p-10 md:p-10">
                        <img src="https://static.shuffle.dev/uploads/files/d1/d15e1ea3ea73a896dedee8c3bd1509d5839a5ef2/media-trust-logo.jpg" alt="" class="w-4 w-44"></div>
                    <div class="w-auto flex flex-wrap items-center justify-center lg:p-10 md:p-10">
                        <img src="https://static.shuffle.dev/uploads/files/d1/d15e1ea3ea73a896dedee8c3bd1509d5839a5ef2/natwest-logo.png" alt="" class="mb-2 mb-4 h-32"></div>
                    <div class="w-auto p-10 flex flex-wrap justify-center items-center">
                        <img src="https://static.shuffle.dev/uploads/files/d1/d15e1ea3ea73a896dedee8c3bd1509d5839a5ef2/Essence-logo-in-black.png" alt="" class="w-36"></div>
                </div>
            </div>
        </section>

        <section class="relative pt-28 bg-gray-100 overflow-hidden bg-blue-500 pb-12 pb-28"><img class="absolute top-0 left-1/2 transform -translate-x-1/2" src="gradia-assets/elements/testimonials/radial3.svg" alt="">
            <div class="relative z-10 container mx-auto px-4">
                <div class="mx-auto max-w-4xl">
                    <h2 class="mb-16 max-w-3xl mx-auto font-heading font-semibold text-center text-5xl sm:text-6xl text-white" contenteditable="false">Hear from Google’s Graduates who paved their path to career success</h2>
                    <div class="px-16 py-12 bg-gray-800 flex-wrap flex items-center justify-center">

                        <img src="gradia-assets/elements/testimonials/quote.svg" alt="">
                        <p class="my-16 font-heading text-2xl text-white font-light text-center">This certificate provides hands-on practice with the tools and skills that you’ll need to be successful in digital marketing and e-commerce roles.</p>
                        <div class="flex flex-wrap items-end justify-between -m-6">
                            <div class="w-auto p-6">
                                <div class="flex flex-wrap -m-1.5">

                                    <div class="w-auto p-1.5 justify-center items-center flex-wrap">
                                        <h3 class="font-heading font-semibold text-lg text-white text-center" contenteditable="false">Elle D</h3>
                                        <p class="text-sm text-white text-center">Vice President of Global Business Organisation</p>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </section>

        <?php  include('footer.php') ?>