    <?php  include('header.php') ?>
                
      <section class="bg-blue-500 transition duration-200 ease-in"><div class="relative container mx-auto px-4">
        <img class="hidden xl:block absolute bottom-64 left-56 transform -translate-y-4" src="gradia-assets/elements/hero/line2.svg" alt=""><img class="hidden xl:block absolute bottom-64 right-56 transform -translate-y-28" src="gradia-assets/elements/hero/line3.svg" alt=""><div class="flex flex-wrap justify-center items-center bg-blue-500 relative pb-28 pb-36 z-10 lg:pt-10">
        <div class="w-full lg:w-auto p-6 self-start">
          <img class="xl:relative xl:-top-20 mx-auto" src="gradia-assets/images/hero/avatar-message.png" alt=""></div>
        <div class="flex-1 p-6">
          <div class="lg:max-w-2xl mx-auto">
            <div class="mb-6 font-heading flex items-center max-w-max mx-auto px-5 py-2.5 uppercase font-semibold text-xs tracking-px text-red-500 mb-10">
              <p class="text-center text-white text-red-500 leading-relaxed -mx-10" contenteditable="false">JOB-READY SKILLS YOU CAN PUT TO WORK<br>WITH A FREE GOOGLE CERTIFICATE</p>
            </div>
            <h1 class="mb-6 font-heading text-center text-7xl md:text-9xl xl:text-12xl font-bold text-white tracking-px md:mt-2 w-full mx-auto mb-10">Google Data<div class="" contenteditable="false">
              <div class="mt-2" contenteditable="false">Analytics</div>
              <div class="mt-2">Certificate</div>
              </div>
            </h1>
            <p class="mb-10 text-xl text-center text-white mb-12 tracking-px font-normal">Gain in-demand skills and become job-ready <br>to start your career in Data Analytics</p>
            <div class="flex flex-wrap -m-3 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="w-full lg:w-auto p-3">
                <button class="group relative font-heading px-6 py-5 w-full lg:w-auto uppercase text-white text-xs font-semibold tracking-px bg-blue-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-red-500 duration-500 w-full" contenteditable="false"></div>
                  <p href="#" class="relative z-10" contenteditable="false">learn more</p>
                </button>
              </div>
            </div>
            <section class=""><div class="container mx-auto">
              <div class="items-center flex flex-wrap justify-center align-middle lg:flex-nowrap md:flex-nowrap">
                <div class="md:w-1/2 lg:w-1/4 mb-8 px-3 px-5">
                  <h3 class="mb-2 font-bold font-heading text-red-500 text-center">297</h3>
                  <p class="text-white text-center" contenteditable="false">Videos</p>
                </div>
                <div class="md:w-1/2 lg:w-1/4 mb-8 text-center px-3">
                  <h3 class="mb-2 font-bold font-heading text-red-500">223</h3>
                  <p class="text-white" contenteditable="false">Readings</p>
                </div>
                <div class="md:w-1/2 lg:w-1/4 mb-8 text-center px-3">
                  <h3 class="mb-2 font-bold font-heading text-red-500">136</h3>
                  <p class="text-white" contenteditable="false">Quizzes</p>
                </div>
                <div class="md:w-1/2 lg:w-1/4 mb-8 text-center px-3">
                  <h3 class="mb-2 font-bold font-heading text-red-500">86</h3>
                  <p class="text-white" contenteditable="false">Exercises</p>
                </div>
                <div class="md:w-1/2 lg:w-1/4 mb-8 text-center px-3">
                  <h3 class="mb-2 font-bold font-heading text-red-500">41</h3>
                  <p class="text-white" contenteditable="false">Discussions</p>
                </div>
              </div>
              </div>
            </section><ul class="flex justify-center text-center -mx-8"><li class="flex flex-wrap items-center justify-center align-middle">
            <p class="font-heading text-base uppercase tracking-px text-center text-white -mx-8">No Degree or Experience Required</p>
            </li>
            <li class="flex items-center">
      
            </li>
            </ul></div>
        </div>
        <div class="w-full lg:w-auto p-6 self-end">
          <img class="xl:relative xl:-bottom-10 mx-auto" src="gradia-assets/images/hero/avatar-message2.png" alt=""></div>
        </div>
        </div>
      </section>
                
      <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 w-full 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">Prepare for a new career<div class="pt-2">unlock new opportunities</div>
            </h2>
          </div>
        </div>
        </div>
      </section>
                
      <div class="bg-white w-screen flex items-center justify-center pb-12">
        <div class="mx-auto">
          <div class="grid md:grid-cols-4 w-full grid-cols-1"></div>
          <div class="font-sans bg-blue-500 w-screen flex flex-wrap justify-center lg:gap-8 md:gap-0">
            <button class="flex h-22 py-4 px-4 items-center focus:outline-none bg-blue-500 hover:bg-red-500 h-1/3 justify-center w-1/7 transition ease-in duration-300 text-center flex-wrap align-middle" onclick="openTabs('step-1')">
      
              <div class="flex items-center h-full">
                <span class="text-base text-white font-heading text-lg" contenteditable="false">What you will learn</span> 
              </div>
            </button>
      
      
            <button class="flex bg-white h-22 py-4 px-4 items-center focus:outline-none bg-blue-500 hover:bg-red-500 text-center flex-wrap align-middle justify-center h-1/3 w-1/7 transition duration-300 ease-in" onclick="openTabs('step-2')">
      
              <div class="flex items-center h-full text-center justify-center">
                <span class="text-base text-white font-heading text-lg">Skills you will gain</span>
              </div>
            </button>
      
            <button class="flex bg-white py-4 px-4 items-center focus:outline-none bg-blue-500 hover:bg-red-500 h-1/3 justify-center w-1/7 ease-in transition" onclick="openTabs('step-3')">
      
              <div class="flex items-center h-full">
                <span class="text-base text-white font-heading text-lg">Jobs Associated</span> 
              </div>
            </button>
      
            <button class="flex bg-white h-22 px-4 focus:outline-none items-center bg-blue-500 hover:bg-red-500 py-4 justify-center h-1/3 w-1/7 transition duration-300 ease-in" onclick="openTabs('step-4')">
      
              <div class="flex items-center h-full">
                <span class="text-base text-white font-heading text-lg">Explore Modules</span> 
              </div>
            </button>
      
            <button class="flex bg-white py-4 px-4 items-center focus:outline-none bg-blue-500 hover:bg-red-500 h-1/3 justify-center w-1/7 transition duration-300 ease-in" onclick="openTabs('step-5')">
              <div class="flex items-center h-full">
                <span class="text-base text-white font-heading text-lg">Apply for Scholarships</span> 
              </div>
            </button>
          </div>
      
          <!--What you will learn -->
          <section><div class="container mx-auto px-8 animate-fade">
      
            </div>
          </section><div id="step-1" class="flex-wrap max-w-full step-tab col-span-3" style="display: none;">
          <div class="px-8 pt-10 flex justify-center flex-wrap animate-fade transition duration-300 ease-in">
            <section class="overflow-hidden"><div class="container mx-auto transition duration-300 ease-in">
              <h2 class="max-w-2xl mx-auto font-heading text-center sm:text-4xl text-5xl font-bold text-white text-blue-500 justify-center leading-10 lg:mb-16 md:mb-16 mb-4" contenteditable="false">Grow anywhere, anytime<div class="">at your own pace</div>
              </h2>
              <div class="flex flex-wrap">
                <div class="w-full md:w-1/4">
                </div>
      
                <div class="w-full px-4 mb-4 flex justify-center">
                  <section class="relative overflow-hidden"><div class="w-auto flex flex-wrap justify-center p-6">
                    <div class="flex flex-wrap -m-8 max-w-4xl mx-auto">
                      <div class="w-full md:w-1/2 border-b md:border-r border-blue-500 items-center flex p-8">
                        <a class="group" href="#">
                        </a>
      
      
                        <div class="">
                          <a class="group text-center">
                            <h3 class="font-heading font-bold text-lg group-hover:underline text-blue-500 -mx-4 mb-5" contenteditable="false">Data Analysis Tools</h3>
                            <p class="text-blue-500 -mx-4 -mx-14 md:-mx-0" contenteditable="false">Have working knowledge of essential platforms (spreadsheets, SQL, Tableau, R programming) and when to use them in the data lifecycle</p>
                          </a>
                        </div>
                      </div>
      
                      <div class="w-full md:w-1/2 border-b border-blue-500 p-8 flex items-center">
                        <a class="group">
                        </a><div class="flex flex-wrap items-center">
                        <a class="group" href="#">
      
                        </a><div class="">
                        <a class="group text-center" href="#">
                          <h3 class="font-heading font-bold text-lg group-hover:underline text-white text-blue-500" contenteditable="false">Design Thinking</h3>
                          <p class="mb-5 text-gray-600 text-base" contenteditable="false"></p>
                          <h3 class="text-blue-500 -mx-14 md:-mx-0" style="border-color: rgb(229, 231, 235); --tw-shadow: 0 0 #0000; --tw-ring-inset: var(--tw-empty, ); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(45, 49, 66, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-text-opacity: 1; outline: none; user-select: text;" contenteditable="false">Understand how to translate a business question into a data analysis exercise, including transforming, visualizing, and modeling data</h3>
                          <p></p>
                        </a>
                        </div>
                        </div>
      
                      </div>
                      <div class="w-full md:w-1/2 p-8 border-b md:border-b-0 md:border-r justfiy-center align-middle border-blue-500 md:flex flex justify-center items-center">
                        <a class="group" href="#">
                        </a><div class="flex flex-wrap text-center">
                        <a class="group" href="#">
                          <div class="w-auto">
                          </div>
                        </a><div class="">
                        <a class="group" href="#">
                          <h3 class="font-heading font-bold text-lg group-hover:underline text-white text-blue-500 -mx-4" contenteditable="false">Experiential Learning</h3>
                          <p class="mb-5 text-gray-600 text-base" contenteditable="false"></p>
                          <h3 class="mb-2 text-base text-blue-500 -mx-4 -mx-6 -mx-8 lg:-mx-0" style="border-color: rgb(229, 231, 235); --tw-shadow: 0 0 #0000; --tw-ring-inset: var(--tw-empty, ); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(45, 49, 66, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-text-opacity: 1; outline: none; user-select: text;" contenteditable="false">Know how to distill findings into actionable takeaways</h3>
                          <p></p>
                        </a>
                        </div>
                        </div>
      
                      </div>
                      <div class="w-full md:w-1/2 p-8">
                        <a class="group" href="#">
                        </a><div class="flex flex-wrap text-center">
                        <a class="group" href="#">
                          <div class="w-auto">
                          </div>
                        </a><div class="justify-center flex-wrap">
                        <a class="group justify-center" href="#">
                          <h3 class="font-heading font-bold text-lg group-hover:underline text-white text-blue-500 -mx-4 -mx-8" contenteditable="false">Portfolio Development</h3>
                          <p class="mb-5 text-gray-600 text-base" contenteditable="false"></p>
                          <h3 class="mb-2 text-blue-500 -mx-12 md:-mx-0" style="border-color: rgb(229, 231, 235); --tw-shadow: 0 0 #0000; --tw-ring-inset: var(--tw-empty, ); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(45, 49, 66, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-text-opacity: 1; outline: none; user-select: text;" contenteditable="false">Complete a capstone project to be shared on their resume or added to their portfolio to showcase their skills to hiring partners</h3>
                          <p></p>
                        </a>
                        </div>
                        </div>
      
                      </div>
                    </div>
                    </div>
      
      
                  </section></div>
      
              </div>
              </div>
            </section></div>
          </div>
      
          <!-- skills gain -->
          <div id="step-2" class="flex-wrap max-w-full step-tab col-span-3 animate-fade" style="display: none;">
            <div class="px-8 animate-fade">
              <section class=""><div class="container mx-auto mt-10 transition duration-300 ease-in">
                <h2 class="max-w-2xl mx-auto font-heading text-center sm:text-4xl text-5xl font-bold text-white text-blue-500 justify-center lg:mb-16 md:mb-16 leading-10" contenteditable="false">Develop in-demand skills<div class="">and become job-ready</div>
                </h2>
                <div class="flex flex-wrap items-center">
                  <div class="w-full md:w-1/4">
                  </div>
                  <div class="w-full px-4 mb-4">
                    <section class=""><div class="">
      
                      <section class="relative overflow-hidden justify-center align-middle items-center"><div class="container mx-auto px-4">
      
      
                        <div class="flex flex-wrap justify-center -m-8">
                          <div class="lg:w-1/2 items-center flex flex-wrap justify-center align-middle">
                            <div class="lg:max-w-lg">
      
                              <section class="overflow-hidden items-center flex align-middle relative mt-10 md:mt-0 lg:mt-0 lg:mb-0 justify-center mb-10 md:mb-0 p-8"><div class="container mx-auto px-4">
      
      
                                <div class="flex flex-wrap -m-7 ">
                                  <div class="md:w-1/2 flex items-center pl-7 pr-7 pt-7 lg:p-7 md:p-7 justify-center">
                                    <div class="flex flex-wrap -m-3.5">
      
                                      <div class="flex-1">
                                        <ul class="flex-1 mt-2 mt-3"><li class="mb-4 flex items-center font-heading font-semibold text-lg text-gray-900">
                                          <img class="mr-2" src="gradia-assets/elements/hero/check.svg" alt=""><p>Data cleansing</p>
                                          </li>
                                          <li class="mb-4 flex items-center font-heading font-semibold text-lg text-gray-900">
                                            <img class="mr-2" src="gradia-assets/elements/hero/check.svg" alt=""><p>Questioning</p>
                                          </li>
                                          <li class="mb-4 flex items-center font-heading font-semibold text-lg text-gray-900">
                                            <img class="mr-2" src="gradia-assets/elements/hero/check.svg" alt=""><p>Data visualization</p>
                                          </li>
                                          <li class="mb-4 flex items-center font-heading font-semibold text-lg text-gray-900">
                                            <img class="mr-2" src="gradia-assets/elements/hero/check.svg" alt=""><p>Decision making</p>
                                          </li>
                                          <li class="mb-4 flex items-center font-heading font-semibold text-lg text-gray-900">
                                            <img class="mr-2" src="gradia-assets/elements/hero/check.svg" alt=""><p>Problem solving</p>
                                          </li>
                                          <li class="mb-4 flex items-center font-heading font-semibold text-lg text-gray-900">
                                            <img class="mr-2" src="gradia-assets/elements/hero/check.svg" alt=""><p>SQL</p>
                                          </li>
                                        </ul></div>
                                    </div>
                                  </div>
                                  <div class="md:w-1/2 flex items-center lg:p-7 md:p-7 pl-7 pr-7 pt-7 justify-center">
                                    <div class="flex flex-wrap -m-3.5">
      
                                      <div class="flex-1">
                                        <ul class=""><li class="mb-4 flex items-center font-heading font-semibold text-lg text-gray-900">
                                          <img class="mr-2" src="gradia-assets/elements/hero/check.svg" alt=""><p>Decision making</p>
                                          </li>
                                          <li class="mb-4 flex items-center font-heading font-semibold text-lg text-gray-900">
                                            <img class="mr-2" src="gradia-assets/elements/hero/check.svg" alt=""><p>Metadata</p>
                                          </li>
                                          <li class="mb-4 flex items-center font-heading font-semibold text-lg text-gray-900">
                                            <img class="mr-2" src="gradia-assets/elements/hero/check.svg" alt=""><p>Data collection</p>
                                          </li>
                                          <li class="mb-4 flex items-center font-heading font-semibold text-lg text-gray-900">
                                            <img class="mr-2" src="gradia-assets/elements/hero/check.svg" alt=""><p>Sample size determination</p>
                                          </li>
                                          <li class="mb-4 flex items-center font-heading font-semibold text-lg text-gray-900">
                                            <img class="mr-2" src="gradia-assets/elements/hero/check.svg" alt=""><p>Data ethics</p>
                                          </li>
      
                                        </ul></div>
                                    </div>
                                  </div>
                                </div>
      
                                </div>
                              </section></div>
                          </div>
                          <div class="w-full lg:w-1/2">
                            <div class="h-full transform hover:-translate-y-3 transition ease-out duration-1000 lg:p-9 md:p-9">
      
      
                              <img class="mx-auto w-full" src="https://static.shuffle.dev/uploads/files/e1/e10ceca2087b1d9e78fde1cdd07f6b1eb193506e/men-circle-stars.png" alt=""></div>
      
                          </div>
                        </div>
                        </div>
                      </section></div>
                    </section></div>
                </div>
                </div>
              </section></div>
          </div>
      
          <!--jobs associated-->
          <div id="step-3" class="flex-wrap max-w-full step-tab col-span-3 animate-fade" style="display: block;">
            <div class="px-8">
              <section class=""><div class="container mx-auto mt-10 transition duration-300 ease-in">
                <h2 class="max-w-2xl mx-auto font-heading text-center sm:text-4xl text-5xl font-bold text-white text-blue-500 justify-center leading-10" contenteditable="false">Discover your ideal career<div class="">for the future</div>
                </h2>
                <div class="flex flex-wrap items-center">
                  <div class="w-full md:w-1/4">
                  </div>
                  <div class="w-full mb-4">
                    <section class=""><div class="">
      
                      <section class="relative overflow-hidden justify-center align-middle items-center"><div class="container mx-auto px-4">
      
      
                        <div class="flex flex-wrap -m-6">
                          <div class="w-full lg:w-1/2 items-center flex-wrap flex md:p-8 lg:p-8 justify-center">
                            <div class="lg:max-w-lg">
      
                              <section class="relative overflow-hidden flex flex-wrap mt-6 md:mt-0"><div class="mt-10 md:mt-16">
      
      
                                <div class="flex flex-wrap -m-7 mb-12">
                                  <div class="">
                                    <div class="flex flex-wrap -m-3.5 mt-10 lg:mt-0 md-mt-0 md:mt-0">
      
                                      <div class="w-full px-4 mb-4">
                                        <section class="relative overflow-hidden w-auto flex justify-center lg:flex-wrap md:flex-wrap flex-wrap"><div class="w-auto flex justify-center flex-wrap md:px-6 px-6 lg:px-0">
                                          <div class="w-auto p-2">
                                            <div class="font-heading flex items-center font-semibold px-4 text-lg text-gray-900 rounded-full py-2 border-2 border-blue-500">
                                              <div class="mr-3 w-3.5 h-3.5 bg-gradient-cyan rounded-full"></div>
                                              <p class="tracking-px font-thin uppercase text-xs text-blue-500">junior data analyst</p>
                                            </div>
                                          </div>
      
                                          <div class="w-auto p-2">
                                            <div class="font-heading flex items-center font-semibold px-4 text-gray-900 rounded-full py-2 border-2 border-blue-500">
                                              <div class="mr-3 w-3.5 h-3.5 bg-gradient-orange rounded-full"></div>
                                              <p class="tracking-px font-thin uppercase text-xs text-blue-500">finance analyst</p>
                                            </div>
                                          </div>
      
                                          <div class="w-auto p-2">
                                            <div class="font-heading flex items-center font-semibold px-4 text-gray-900 rounded-full py-2 border-2 border-blue-500">
                                              <div class="mr-3 w-3.5 h-3.5 bg-gradient-purple rounded-full"></div>
                                              <p class="tracking-px font-thin uppercase text-xs text-blue-500">associate data analyst</p>
                                            </div>
                                          </div>
      
                                          <div class="w-auto p-2">
                                            <div class="font-heading flex items-center font-semibold px-4 text-gray-900 rounded-full py-2 border-2 border-blue-500">
                                              <div class="mr-3 w-3.5 h-3.5 bg-gradient-green rounded-full"></div>
                                              <p class="tracking-px font-thin uppercase text-xs text-blue-500">operations analyst</p>
                                            </div>
                                          </div>
      
                                          <div class="w-auto p-2">
                                            <div class="font-heading flex items-center font-semibold px-4 text-lg text-gray-900 rounded-full border-2 py-2 border-blue-500">
                                              <div class="mr-3 w-3.5 h-3.5 bg-gradient-blue rounded-full"></div>
                                              <p class="tracking-px font-thin uppercase text-xs text-blue-500">data technician</p>
                                            </div>
                                          </div>
      
                                          <div class="w-auto p-2">
                                            <div class="font-heading flex items-center font-semibold text-lg text-gray-900 rounded-full py-2 border-2 border-blue-500 md:px-4 p-2">
                                              <div class="mr-3 w-3.5 h-3.5 bg-gradient-cyan rounded-full"></div>
                                              <p class="tracking-px font-thin uppercase text-xs text-blue-500">business performance analyst</p>
                                            </div>
                                          </div>
      
                                          <div class="w-auto p-2">
                                            <div class="font-heading flex items-center font-semibold px-4 text-lg text-gray-900 rounded-full py-2 border-2 border-blue-500">
                                              <div class="mr-3 w-3.5 h-3.5 bg-gradient-orange rounded-full"></div>
                                              <p class="tracking-px font-thin uppercase text-xs text-blue-500">marketing analyst</p>
                                            </div>
                                          </div>
      
                                          <div class="w-auto p-2">
                                            <div class="font-heading flex items-center font-semibold px-4 text-lg text-gray-900 rounded-full py-2 border-2 border-blue-500">
                                              <div class="mr-3 w-3.5 h-3.5 bg-gradient-purple rounded-full"></div>
                                              <p class="tracking-px font-thin uppercase text-xs text-blue-500">healthcare analyst</p>
                                            </div>
                                          </div>
      
      
      
      
      
      
      
      
      
      
                                          </div>
      
      
                                        </section></div>
                                    </div>
                                  </div>
      
                                </div>
      
                                </div>
                              </section></div>
                          </div>
                          <div class="w-full lg:w-1/2 object-center">
                            <div class="h-full transform hover:-translate-y-3 transition ease-out duration-1000 items-center flex object-center w-full">
      
      
                              <img class="mx-auto lg:w-2/2 lg:mt-4" src="https://static.shuffle.dev/uploads/files/98/98d662dcd89749d27be6540ba3abae0289a8394f/header.png" alt=""></div>
      
                          </div>
                        </div>
                        </div>
                      </section></div>
                    </section></div>
                </div>
                </div>
              </section></div>
          </div>
      
      
          <!--explore modules-->      
          <div id="step-4" class="flex-wrap max-w-full step-tab col-span-3" style="display: none;">
            <div class="items-center align-middle w-full px-4 mb-4">
              <section class="relative overflow-hidden"><div class="container mx-auto">
                <div class="flex flex-wrap items-center">
                  <div class="w-full md:w-1/4">
      
                  </div>
                  <div class="w-full px-4 mb-4 justify-center">
                    <div class="bg-white align-middle justify-center transition duration-300 ease-in flex flex-wrap -mx-6">
                      <meta name="viewport" content="width=device-width, initial-scale=1, tab align-middle, justify-center"><style>
                      body {font-family: Sans;}
      
                      /* Style the tab */
                      .tab {
      
                        overflow: hidden;
      
                        background-color: #ffffff;
      
                      }
      
                      /* Style the buttons inside the tab */
                      .tab button {
                        background-color: inherit;
                        float: left;
                        border: none;
                        outline: none;
                        cursor: pointer;
                        padding: 14px 16px;
                        transition: 0.3s;
                        font-size: 17px;
                      }
      
                      /* Change background color of buttons on hover */
                      .tab button:hover {
                        border-bottom: 2px solid #F44335;
                      }
      
                      /* Create an active/current tablink class */
                      .tab button.active {
                        border-bottom: 2px solid #F44335
                      }
      
                      /* Style the tab content */
                      .tabcontent {
                        display: none;
                        padding: 6px 12px;
                        border: 0px solid #fff;
                        border-top: none;
                      }
      
      
                      </style><div class="tab flex items-center justify-center mt-4 md:flex md:inline-flex md:justify-center md:space-x-2 lg:space-x-10 lg:inline-flex lg:justify-center lg:items-center flex-wrap md:items-center lg:mx-4">
                      <button class="tablinks text-blue-500 hover:text-blue-500 tracking-px font-heading text-lg active" onclick="openCity(event, 'Module 1')" id="defaultOpen">Module 1</button>
                      <button class="tablinks text-blue-500 hover:text-blue-500 tracking-px font-heading text-lg" onclick="openCity(event, 'Module 2')">Module 2</button>
                      <button class="tablinks text-blue-500 hover:text-blue-500 tracking-px font-heading text-lg" onclick="openCity(event, 'Module 3')">Module 3</button>
                      <button class="tablinks text-blue-500 hover:text-blue-500 tracking-px font-heading text-lg" onclick="openCity(event, 'Module 4')">Module 4</button>
                      <button class="tablinks text-blue-500 hover:text-blue-500 tracking-px font-heading text-lg" onclick="openCity(event, 'Module 5')">Module 5</button>
                      <button class="tablinks text-blue-500 hover:text-blue-500 tracking-px font-heading text-lg" onclick="openCity(event, 'Module 6')">Module 6</button>
                      <button class="tablinks text-blue-500 hover:text-blue-500 tracking-px font-heading text-lg" onclick="openCity(event, 'Module 7')">Module 7</button>
                      <button class="tablinks text-blue-500 hover:text-blue-500 tracking-px font-heading text-lg" onclick="openCity(event, 'Module 8')">Module 8</button>
                      </div>
                      <br><div id="Module 1" class="tabcontent lg:mt-6 md:-mx-0" style="display: block;">
                      <h1 class="font-heading text-center text-8xl md:text-9xl font-bold mb-4 text-blue-500" contenteditable="false"> <div contenteditable="false" class="font-heading text-center text-blue-500 tracking-px md:w-auto leading-normal text-2xl leading-4 mx-auto font-bold pb-4">Foundations: Data, Data, Everywhere</div>
                      </h1>
                      <strong></strong>
                      <div class="flex flex-wrap -mx-4 -mb-4 md:mb-0">
      
                        <!--left box-->
                        <div class="w-full px-4 mb-4 md:mb-0 md:w-2/3 pt-2">
                          <section class="overflow-hidden"><div class="container mx-auto px-4">
                            <div class="flex flex-wrap -m-6">
      
                              <div class="w-full p-6">
                                <div class="flex flex-wrap justify-center md:max-w-lg md:mx-auto">
                                  <div class="w-full lg:w-auto">
                                    <div class="text-center md:text-left lg:text-left">
                                      <h3 class="mb-4 font-heading text-gray-900 text-base text-lg font-medium font-semibold">About this course</h3>
                                      <p class="mb-7 text-base leading-relaxed text-blue-500" contenteditable="false">Learners gain a deeper understanding of foundational data analytics terminology and the role responsibilities of a data analyst. An introduction to the kind of jobs learners might pursue after completing this program is also covered.</p>
      
                                    </div>
                                  </div>
                                  <div class="w-full lg:w-auto">
                                    <div class="pb-7">
                                      <h3 class="mb-4 font-heading text-gray-900 text-lg font-medium font-semibold text-center md:text-left lg:text-left">What you will learn</h3>
      
                                      <ol class="space-y-4 list-inside text-gray-500 dark:text-gray-400"><li>
                                        <ul class="pl-5 mt-2 space-y-1 list-disc"><li class="text-blue-500">Gain an understanding of the practices and processes used by a junior or associate data analyst in their day-to-day job</li>
                                          <li class="text-blue-500">Learn about key analytical skills (data cleaning, data analysis, data visualization) and tools (spreadsheets, SQL, Tableau, R programming)</li>
                                          <li class="text-blue-500">Discover a wide variety of terms and concepts relevant to the role of a junior data analyst, such as the data life cycle and the data analysis process</li>
                                          <li class="text-blue-500">Evaluate the role of analytics in the data ecosystem</li>
                                          <li class="text-blue-500">Conduct an analytical thinking self-assessment</li>
                                          <li class="text-blue-500">Explore job opportunities available upon program completion and learn about best practices in the job search</li>
      
                                        </ul></li>
      
      
                                      </ol></div>
                                  </div>
                                  <div class="w-full lg:w-auto">
                                    <div>
      
      
      
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            </div>
                          </section></div>
      
      
      
      
      
      
                        <!--right box-->
                        <div class="w-full md:mb-0 md:w-1/3">
                          <section class="pb-0 pt-5 pt-6 pt-8"><div class="container mx-auto px-4 mb-12">
      
                            <div class="flex flex-wrap mx-auto max-w-4xl -m-8">
      
                              <div class="w-full pt-2 p-6">
                                <a class="group" href="#">
                                </a><div class="flex flex-wrap -m-4">
                                <div class="flex">
                                  <a class="group" href="#">
                                    <h3 class="font-heading text-gray-900 mb-4 text-lg pt-3 font-medium font-semibold text-center md:text-left lg:text-left">Skills Acquired</h3>
      
                                    <ul class="mb-5 space-y-4 text-left text-gray-500 dark:text-gray-400"><li class="flex items-center space-x-3">
                                      <!-- Icon -->
                                      <svg class="flex-shrink-0 w-5 h-5 dark:text-red-500 text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Spreadsheet basics</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="flex text-blue-500">Database and query basics</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Data visualization (DataViz) basics</span>
                                      </li>
      
      
      
      
                                    </ul></a><a class="group inline-block font-heading font-medium text-gray-900 hover:text-gray-800 text-base overflow-hidden" href="#">
      
                                  <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-black transition ease-in-out duration-500"></div>
                                  </a>
                                </div>
                                </div>
      
                              </div>
      
      
                            </div>
                            </div>
                          </section><!--topics--><section class="pt-0 w-full p-6"><div class="container mx-auto px-4 mb-12">
      
                          <div class="flex flex-wrap mx-auto max-w-4xl -m-8">
      
                            <div class="w-full">
                              <a class="group" href="#">
                              </a><div class="flex flex-wrap -m-4">
                              <div class="flex-1">
                                <a class="group" href="#">
                                  <h3 class="mb-5 font-heading text-gray-900 text-lg font-semibold font-medium mt-5 text-center md:text-left lg:text-left">Topics</h3>
      
                                  <ul class="mb-5 space-y-4 text-left text-gray-500 dark:text-gray-400"><li class="flex items-center space-x-3">
                                    <!-- Icon -->
                                    <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Introducing data analytics</span>
                                    </li>
                                    <li class="flex items-center space-x-3">
                                      <!-- Icon -->
                                      <svg class="flex-shrink-0 w-5 h-5 dark:text-red-500 text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Thinking analytically</span>
                                    </li>
                                    <li class="flex items-center space-x-3">
                                      <!-- Icon -->
                                      <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Exploring the wonderful world of data</span>
                                    </li>
                                    <li class="flex items-center space-x-3">
                                      <!-- Icon -->
                                      <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Setting up a data toolbox</span>
                                    </li>
                                    <li class="flex items-center space-x-3">
                                      <!-- Icon -->
                                      <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Discovering data career possibilities</span>
                                    </li>
      
      
                                  </ul></a><a class="group inline-block font-heading font-medium text-gray-900 hover:text-gray-800 text-base overflow-hidden" href="#">
      
                                <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-black transition ease-in-out duration-500"></div>
                                </a>
                              </div>
                              </div>
      
                            </div>
      
      
                          </div>
                          </div>
                          </section></div>
      
      
      
                      </div>
                      </div>
      
                      <!--module 2-->                  
                      <div id="Module 2" class="tabcontent lg:mt-6" style="display: none;">
                        <h1 class="font-heading text-center text-8xl md:text-9xl font-bold mb-4 text-blue-500" contenteditable="false"> <div contenteditable="false" class="font-heading text-center text-blue-500 tracking-px md:w-auto leading-normal text-2xl leading-4 mx-auto font-bold pb-4">Ask Questions to Make Data-Driven Decisions</div>
                        </h1>
                        <strong></strong>
                        <div class="flex flex-wrap -mx-4 -mb-4 md:mb-0">
      
                          <!--left box-->
                          <div class="w-full px-4 mb-4 md:mb-0 md:w-2/3 pt-2">
                            <section class="overflow-hidden"><div class="container mx-auto px-4">
                              <div class="flex flex-wrap -m-6">
      
                                <div class="w-full p-6">
                                  <div class="flex flex-wrap justify-center md:max-w-lg md:mx-auto">
                                    <div class="w-full lg:w-auto">
                                      <div class="text-center md:text-left lg:text-left">
                                        <h3 class="mb-4 font-heading text-gray-900 text-base text-lg font-medium font-semibold">About this course</h3>
                                        <p class="mb-7 text-base leading-relaxed text-blue-500">Learners build on the topics introduced in the first course and cover how to ask effective questions to make data-driven decisions, while connecting with stakeholders’ needs.</p>
      
                                      </div>
                                    </div>
                                    <div class="w-full lg:w-auto">
                                      <div class="pb-7">
                                        <h3 class="mb-4 font-heading text-gray-900 text-lg font-medium font-semibold text-center md:text-left lg:text-left">What you will learn</h3>
      
                                        <ol class="space-y-4 list-inside text-gray-500 dark:text-gray-400"><li>
                                          <ul class="pl-5 mt-2 space-y-1 list-disc"><li class="text-blue-500">Learn about effective questioning techniques that can help guide analysis</li>
                                            <li class="text-blue-500">Gain an understanding of data-driven, decision-making, and how data analysts present findings</li>
                                            <li class="text-blue-500">Explore a variety of real-world business scenarios to support an understanding of questioning and decision-making</li>
      
                                            <li class="text-blue-500">Discover how and why spreadsheets are an important tool for data analysts</li>
                                            <li class="text-blue-500">Examine the key ideas associated with structured thinking and how they can help analysts better understand problems and develop solutions</li>
                                            <li class="text-blue-500" contenteditable="false">Manage the expectations of stakeholders while establishing clear communication with a data analytics team to achieve business objectives</li>
      
      
      
      
      
      
                                          </ul></li>
      
      
                                        </ol></div>
                                    </div>
                                    <div class="w-full lg:w-auto">
                                      <div>
      
      
      
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              </div>
                            </section></div>
      
      
      
      
      
      
                          <!--right box-->
                          <div class="w-full md:mb-0 md:w-1/3">
                            <section class="pb-0 pt-5 pt-6 pt-8"><div class="container mx-auto px-4 mb-12">
      
                              <div class="flex flex-wrap mx-auto max-w-4xl -m-8">
      
                                <div class="w-full pt-2 p-6">
                                  <a class="group" href="#">
                                  </a><div class="flex flex-wrap -m-4">
                                  <div class="flex">
                                    <a class="group" href="#">
                                      <h3 class="font-heading text-gray-900 mb-4 text-lg pt-3 font-medium font-semibold text-center md:text-left lg:text-left">Skills Acquired</h3>
      
                                      <ul class="mb-5 space-y-4 text-left text-gray-500 dark:text-gray-400"><li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 dark:text-red-500 text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Spreadsheet formulas &amp; functions</span>
                                        </li>
                                        <li class="flex items-center space-x-3">
                                          <!-- Icon -->
                                          <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="flex text-blue-500">Asking SMART and effective questions</span>
                                        </li>
                                        <li class="flex items-center space-x-3">
                                          <!-- Icon -->
                                          <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Dashboard basics, including Tableau</span>
                                        </li>
                                        <li class="flex items-center space-x-3">
                                          <!-- Icon -->
                                          <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Managing team and stakeholder expectations</span>
                                        </li>
      
                                      </ul></a><a class="group inline-block font-heading font-medium text-gray-900 hover:text-gray-800 text-base overflow-hidden" href="#">
      
                                    <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-black transition ease-in-out duration-500"></div>
                                    </a>
                                  </div>
                                  </div>
      
                                </div>
      
      
                              </div>
                              </div>
                            </section><!--topics--><section class="pt-0 w-full p-6"><div class="container mx-auto px-4 mb-12">
      
                            <div class="flex flex-wrap mx-auto max-w-4xl -m-8">
      
                              <div class="w-full">
                                <a class="group" href="#">
                                </a><div class="flex flex-wrap -m-4">
                                <div class="flex-1">
                                  <a class="group" href="#">
                                    <h3 class="mb-5 font-heading text-gray-900 text-lg font-semibold font-medium mt-5 text-center md:text-left lg:text-left">Topics</h3>
      
                                    <ul class="mb-5 space-y-4 text-left text-gray-500 dark:text-gray-400"><li class="flex items-center space-x-3">
                                      <!-- Icon -->
                                      <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Asking effective questions</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 dark:text-red-500 text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Making data-driven decisions</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Learning spreadsheet basics</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Always remember the stakeholder</span>
                                      </li>
      
      
      
                                    </ul></a><a class="group inline-block font-heading font-medium text-gray-900 hover:text-gray-800 text-base overflow-hidden" href="#">
      
                                  <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-black transition ease-in-out duration-500"></div>
                                  </a>
                                </div>
                                </div>
      
                              </div>
      
      
                            </div>
                            </div>
                            </section></div>
      
      
      
                        </div>
                      </div>
      
      
                      <!--module 3--> 
                      <div id="Module 3" class="tabcontent lg:mt-6" style="display: none;">
                        <h1 class="font-heading text-center text-8xl md:text-9xl font-bold mb-4 text-blue-500" contenteditable="false"> <div contenteditable="false" class="font-heading text-center text-blue-500 tracking-px md:w-auto leading-normal text-2xl leading-4 mx-auto font-bold pb-4">Prepare Data for Exploration</div>
                        </h1>
                        <strong></strong>
                        <div class="flex flex-wrap -mx-4 -mb-4 md:mb-0">
      
                          <!--left box-->
                          <div class="w-full px-4 mb-4 md:mb-0 md:w-2/3 pt-2">
                            <section class="overflow-hidden"><div class="container mx-auto px-4">
                              <div class="flex flex-wrap -m-6">
      
                                <div class="w-full p-6">
                                  <div class="flex flex-wrap justify-center md:max-w-lg md:mx-auto">
                                    <div class="w-full lg:w-auto">
                                      <div class="text-center md:text-left lg:text-left">
                                        <h3 class="mb-4 font-heading text-gray-900 text-base text-lg font-medium font-semibold">About this course</h3>
                                        <p class="mb-7 text-base leading-relaxed text-blue-500" contenteditable="false">Learners build on the topics introduced in the first two courses. In addition, explore how to use tools like spreadsheets and SQL to extract and make use of the right data for key objectives in an organized and protected manner.</p>
      
                                      </div>
                                    </div>
                                    <div class="w-full lg:w-auto">
                                      <div class="pb-7">
                                        <h3 class="mb-4 font-heading text-gray-900 text-lg font-medium font-semibold text-center md:text-left lg:text-left">What you will learn</h3>
      
                                        <ol class="space-y-4 list-inside text-gray-500 dark:text-gray-400"><li>
                                          <ul class="pl-5 mt-2 space-y-1 list-disc"><li class="text-blue-500">Find out how analysts decide which data to collect for analysis</li>
                                            <li class="text-blue-500">Learn about structured and unstructured data, data types, and data formats</li>
                                            <li class="text-blue-500" contenteditable="false">Discover how to identify different types of bias in data to help ensure data credibility</li>
                                            <li class="text-blue-500">Explore how analysts use spreadsheets and SQL with databases and data sets</li>
                                            <li class="text-blue-500">Examine open data and the relationship between and importance of data ethics and data privacy</li>
                                            <li class="text-blue-500">Gain an understanding of how to access databases and extract, filter, and sort the data they contain</li>
                                            <li contenteditable="false" class="text-blue-500">Learn the best practices for organizing data and keeping it secure</li>
                                          </ul></li>
      
      
                                        </ol></div>
                                    </div>
                                    <div class="w-full lg:w-auto">
                                      <div>
      
      
      
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              </div>
                            </section></div>
      
      
      
      
      
      
                          <!--right box-->
                          <div class="w-full md:mb-0 md:w-1/3">
                            <section class="pb-0 pt-5 pt-6 pt-8"><div class="container mx-auto px-4 mb-12">
      
                              <div class="flex flex-wrap mx-auto max-w-4xl -m-8">
      
                                <div class="w-full pt-2 p-6">
                                  <a class="group" href="#">
                                  </a><div class="flex flex-wrap -m-4">
                                  <div class="flex">
                                    <a class="group" href="#">
                                      <h3 class="font-heading text-gray-900 mb-4 text-lg pt-3 font-medium font-semibold text-center md:text-left lg:text-left">Skills Acquired</h3>
      
                                      <ul class="mb-5 space-y-4 text-left text-gray-500 dark:text-gray-400"><li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 dark:text-red-500 text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Understanding data types, fields, and values</span>
                                        </li>
                                        <li class="flex items-center space-x-3">
                                          <!-- Icon -->
                                          <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="flex text-blue-500">Writing simple queries</span>
                                        </li>
                                        <li class="flex items-center space-x-3">
                                          <!-- Icon -->
                                          <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Metadata in data analytics</span>
                                        </li>
                                        <li class="flex items-center space-x-3">
                                          <!-- Icon -->
                                          <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">SQL functions</span>
                                        </li>
      
                                      </ul></a><a class="group inline-block font-heading font-medium text-gray-900 hover:text-gray-800 text-base overflow-hidden" href="#">
      
                                    <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-black transition ease-in-out duration-500"></div>
                                    </a>
                                  </div>
                                  </div>
      
                                </div>
      
      
                              </div>
                              </div>
                            </section><!--topics--><section class="pt-0 w-full p-6"><div class="container mx-auto px-4 mb-12">
      
                            <div class="flex flex-wrap mx-auto max-w-4xl -m-8">
      
                              <div class="w-full">
                                <a class="group" href="#">
                                </a><div class="flex flex-wrap -m-4">
                                <div class="flex-1">
                                  <a class="group" href="#">
                                    <h3 class="mb-5 font-heading text-gray-900 text-lg font-semibold font-medium mt-5 text-center md:text-left lg:text-left">Topics</h3>
      
                                    <ul class="mb-5 space-y-4 text-left text-gray-500 dark:text-gray-400"><li class="flex items-center space-x-3">
                                      <!-- Icon -->
                                      <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Data types and data structures</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 dark:text-red-500 text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Understanding bias, credibility, privacy, ethics, and access</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Databases: where data lives</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 dark:text-red-500 text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Organizing and protecting your data</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 dark:text-red-500 text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">[optional] Engaging in the data community</span>
                                      </li>
      
                                    </ul></a><a class="group inline-block font-heading font-medium text-gray-900 hover:text-gray-800 text-base overflow-hidden" href="#">
      
                                  <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-black transition ease-in-out duration-500"></div>
                                  </a>
                                </div>
                                </div>
      
                              </div>
      
      
                            </div>
                            </div>
                            </section></div>
                        </div>
                      </div>
      
      
      
                      <!--module 4--> 
                      <div id="Module 4" class="tabcontent bg-white lg:mt-6" style="display: none;">
                        <h1 class="font-heading text-center text-8xl md:text-9xl font-bold mb-4 text-blue-500" contenteditable="false"> <div contenteditable="false" class="font-heading text-center text-blue-500 tracking-px md:w-auto leading-normal text-2xl leading-4 mx-auto font-bold pb-4">Process Data from Dirty to Clean</div>
                        </h1>
                        <strong></strong>
                        <div class="flex flex-wrap -mx-4 -mb-4 md:mb-0">
      
                          <!--left box-->
                          <div class="w-full px-4 mb-4 md:mb-0 md:w-2/3 pt-2">
                            <section class="overflow-hidden"><div class="container mx-auto px-4">
                              <div class="flex flex-wrap -m-6">
      
                                <div class="w-full p-6">
                                  <div class="flex flex-wrap justify-center md:max-w-lg md:mx-auto">
                                    <div class="w-full lg:w-auto">
                                      <div class="text-center md:text-left lg:text-left">
                                        <h3 class="mb-4 font-heading text-gray-900 text-base text-lg font-medium font-semibold">About this course</h3>
                                        <p class="mb-7 text-base leading-relaxed text-blue-500" contenteditable="false">Learners build on topics introduced in previous courses and also explore how to check and clean data using spreadsheets and SQL. We also explore how to verify and report data cleaning results.</p>
      
                                      </div>
                                    </div>
                                    <div class="w-full lg:w-auto">
                                      <div class="pb-7">
                                        <h3 class="mb-4 font-heading text-gray-900 text-lg font-medium font-semibold text-center md:text-left lg:text-left">What you will learn</h3>
      
                                        <ol class="space-y-4 list-inside text-gray-500 dark:text-gray-400"><li>
                                          <ul class="pl-5 mt-2 space-y-1 list-disc"><li class="text-blue-500">Learn how to check for data integrity</li>
                                            <li class="text-blue-500">Discover data cleaning techniques using spreadsheets</li>
                                            <li class="text-blue-500">Develop basic SQL queries for use on databases</li>
                                            <li class="text-blue-500">Apply basic SQL functions for cleaning and transforming data</li>
                                            <li class="text-blue-500">Gain an understanding of how to verify the results of cleaning data</li>
                                            <li class="text-blue-500">Explore the elements and importance of data cleaning reports</li>
      
                                          </ul></li>
      
      
                                        </ol></div>
                                    </div>
                                    <div class="w-full lg:w-auto">
                                      <div>
      
      
      
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              </div>
                            </section></div>
      
      
      
      
      
      
                          <!--right box-->
                          <div class="w-full md:mb-0 md:w-1/3">
                            <section class="pb-0 pt-5 pt-6 pt-8"><div class="container mx-auto px-4 mb-12">
      
                              <div class="flex flex-wrap mx-auto max-w-4xl -m-8">
      
                                <div class="w-full pt-2 p-6">
                                  <a class="group" href="#">
                                  </a><div class="flex flex-wrap -m-4">
                                  <div class="flex">
                                    <a class="group" href="#">
                                      <h3 class="font-heading text-gray-900 mb-4 text-lg pt-3 font-medium font-semibold text-center md:text-left lg:text-left">Skills Acquired</h3>
      
                                      <ul class="mb-5 space-y-4 text-left text-gray-500 dark:text-gray-400"><li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 dark:text-red-500 text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Statistics, hypothesis testing, and margin of error</span>
                                        </li>
                                        <li class="flex items-center space-x-3">
                                          <!-- Icon -->
                                          <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="flex text-blue-500">Tools and processes for data cleansing</span>
                                        </li>
                                        <li class="flex items-center space-x-3">
                                          <!-- Icon -->
                                          <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Data integrity</span>
                                        </li>
      
      
                                      </ul></a><a class="group inline-block font-heading font-medium text-gray-900 hover:text-gray-800 text-base overflow-hidden" href="#">
      
                                    <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-black transition ease-in-out duration-500"></div>
                                    </a>
                                  </div>
                                  </div>
      
                                </div>
      
      
                              </div>
                              </div>
                            </section><!--topics--><section class="pt-0 w-full p-6"><div class="container mx-auto px-4 mb-12">
      
                            <div class="flex flex-wrap mx-auto max-w-4xl -m-8">
      
                              <div class="w-full">
                                <a class="group" href="#">
                                </a><div class="flex flex-wrap -m-4">
                                <div class="flex-1">
                                  <a class="group" href="#">
                                    <h3 class="mb-5 font-heading text-gray-900 text-lg font-semibold font-medium mt-5 text-center md:text-left lg:text-left">Topics</h3>
      
                                    <ul class="mb-5 space-y-4 text-left text-gray-500 dark:text-gray-400"><li class="flex items-center space-x-3">
                                      <!-- Icon -->
                                      <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Before you clean, check for integrity</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 dark:text-red-500 text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">All about clean data</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Cleaning data in SQL</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 dark:text-red-500 text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Verify and report your cleaning results</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 dark:text-red-500 text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">[optional] Adding data to your resume</span>
                                      </li>
      
                                    </ul></a><a class="group inline-block font-heading font-medium text-gray-900 hover:text-gray-800 text-base overflow-hidden" href="#">
      
                                  <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-black transition ease-in-out duration-500"></div>
                                  </a>
                                </div>
                                </div>
      
                              </div>
      
      
                            </div>
                            </div>
                            </section></div>
                        </div>
                      </div>
      
      
                      <!--module 5--> 
                      <div id="Module 5" class="tabcontent lg:mt-6" style="display: none;">
                        <h1 class="font-heading text-center text-8xl md:text-9xl font-bold mb-4 text-blue-500" contenteditable="false"> <div contenteditable="false" class="font-heading text-center text-blue-500 tracking-px md:w-auto leading-normal text-2xl leading-4 mx-auto font-bold pb-4">Analyze Data to Answer Questions</div>
                        </h1>
                        <strong></strong>
                        <div class="flex flex-wrap -mx-4 -mb-4 md:mb-0">
      
                          <!--left box-->
                          <div class="w-full px-4 mb-4 md:mb-0 md:w-2/3 pt-2">
                            <section class="overflow-hidden"><div class="container mx-auto px-4">
                              <div class="flex flex-wrap -m-6">
      
                                <div class="w-full p-6">
                                  <div class="flex flex-wrap justify-center md:max-w-lg md:mx-auto">
                                    <div class="w-full lg:w-auto">
                                      <div class="text-center md:text-left lg:text-left">
                                        <h3 class="mb-4 font-heading text-gray-900 text-base text-lg font-medium font-semibold">About this course</h3>
                                        <p class="mb-7 text-base leading-relaxed text-blue-500" contenteditable="false">Learners explore the “analyze” phase of the data analysis process by learning how to organize and format the data using spreadsheets and SQL to help you look at and think about your data in different ways. Discover how to perform complex calculations on data to complete business objectives. Additionally, learners are exposed to how to use formulas, functions, and SQL queries to conduct analysis.</p>
      
                                      </div>
                                    </div>
                                    <div class="w-full lg:w-auto">
                                      <div class="pb-7">
                                        <h3 class="mb-4 font-heading text-gray-900 text-lg font-medium font-semibold text-center md:text-left lg:text-left">What you will learn</h3>
      
                                        <ol class="space-y-4 list-inside text-gray-500 dark:text-gray-400"><li>
                                          <ul class="pl-5 mt-2 space-y-1 list-disc"><li class="text-blue-500">Learn how to organize data for analysis</li>
                                            <li class="text-blue-500">Discover the processes for formatting and adjusting data</li>
                                            <li class="text-blue-500">Gain an understanding of how to aggregate data in spreadsheets and by using SQL</li>
                                            <li class="text-blue-500">Use formulas and functions in spreadsheets for data calculations</li>
                                            <li class="text-blue-500">Learn how to complete calculations using SQL queries</li>
      
      
                                          </ul></li>
      
      
                                        </ol></div>
                                    </div>
                                    <div class="w-full lg:w-auto">
                                      <div>
      
      
      
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              </div>
                            </section></div>
      
      
      
      
      
      
                          <!--right box-->
                          <div class="w-full md:mb-0 md:w-1/3">
                            <section class="pb-0 pt-5 pt-6 pt-8"><div class="container mx-auto px-4 mb-12">
      
                              <div class="flex flex-wrap mx-auto max-w-4xl -m-8">
      
                                <div class="w-full pt-2 p-6">
                                  <a class="group" href="#">
                                  </a><div class="flex flex-wrap -m-4">
                                  <div class="flex">
                                    <a class="group" href="#">
                                      <h3 class="font-heading text-gray-900 mb-4 text-lg pt-3 font-medium font-semibold text-center md:text-left lg:text-left">Skills Acquired</h3>
      
                                      <ul class="mb-5 space-y-4 text-left text-gray-500 dark:text-gray-400"><li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 dark:text-red-500 text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Sorting and filtering data with SQL</span>
                                        </li>
                                        <li class="flex items-center space-x-3">
                                          <!-- Icon -->
                                          <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="flex text-blue-500">Spreadsheet calculations</span>
                                        </li>
                                        <li class="flex items-center space-x-3">
                                          <!-- Icon -->
                                          <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">SQL calculations</span>
                                        </li>
                                        <li class="flex items-center space-x-3">
                                          <!-- Icon -->
                                          <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Data validation</span>
                                        </li>
                                        <li class="flex items-center space-x-3">
                                          <!-- Icon -->
                                          <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Temporary and pivot tables</span>
                                        </li>
      
      
                                      </ul></a><a class="group inline-block font-heading font-medium text-gray-900 hover:text-gray-800 text-base overflow-hidden" href="#">
      
                                    <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-black transition ease-in-out duration-500"></div>
                                    </a>
                                  </div>
                                  </div>
      
                                </div>
      
      
                              </div>
                              </div>
                            </section><!--topics--><section class="pt-0 w-full p-6"><div class="container mx-auto px-4 mb-12">
      
                            <div class="flex flex-wrap mx-auto max-w-4xl -m-8">
      
                              <div class="w-full">
                                <a class="group" href="#">
                                </a><div class="flex flex-wrap -m-4">
                                <div class="flex-1">
                                  <a class="group" href="#">
                                    <h3 class="mb-5 font-heading text-gray-900 text-lg font-semibold font-medium mt-5 text-center md:text-left lg:text-left">Topics</h3>
      
                                    <ul class="mb-5 space-y-4 text-left text-gray-500 dark:text-gray-400"><li class="flex items-center space-x-3">
                                      <!-- Icon -->
                                      <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Organizing data to begin analysis</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 dark:text-red-500 text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Formatting and adjusting data</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Aggregating data for analysis</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Performing data calculations</span>
                                      </li>
      
      
      
                                    </ul></a><a class="group inline-block font-heading font-medium text-gray-900 hover:text-gray-800 text-base overflow-hidden" href="#">
      
                                  <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-black transition ease-in-out duration-500"></div>
                                  </a>
                                </div>
                                </div>
      
                              </div>
      
      
                            </div>
                            </div>
                            </section></div>
                        </div>
                      </div>
      
      
                      <!--module 6-->
                      <div id="Module 6" class="tabcontent lg:mt-8" style="display: none;">
                        <h1 class="font-heading text-center text-8xl md:text-9xl font-bold mb-4 text-blue-500" contenteditable="false"> <div contenteditable="false" class="font-heading text-center text-blue-500 tracking-px md:w-auto text-2xl mx-auto font-bold pb-4 -mt-1">Share Data Through the Art of Visualization</div>
                        </h1>
                        <strong></strong>
                        <div class="flex flex-wrap -mx-4 -mb-4 md:mb-0">
      
                          <!--left box-->
                          <div class="w-full px-4 mb-4 md:mb-0 md:w-2/3 pt-2">
                            <section class="overflow-hidden"><div class="container mx-auto px-4">
                              <div class="flex flex-wrap -m-6">
      
                                <div class="w-full p-6">
                                  <div class="flex flex-wrap justify-center md:max-w-lg md:mx-auto">
                                    <div class="w-full lg:w-auto">
                                      <div class="text-center md:text-left lg:text-left">
                                        <h3 class="mb-4 font-heading text-gray-900 text-base text-lg font-medium font-semibold">About this course</h3>
                                        <p class="mb-7 text-base leading-relaxed text-blue-500" contenteditable="false">Learners explore how to visualize and present data findings during the data analysis process. This module demonstrates how data visualizations, such as visual dashboards, can help bring data to life. Learners explore Tableau, a data visualization platform that helps create effective visualizations for presentations.</p>
      
                                      </div>
                                    </div>
                                    <div class="w-full lg:w-auto">
                                      <div class="pb-7 text-center md:text-left lg:text-left">
                                        <h3 class="mb-4 font-heading text-gray-900 text-lg font-medium font-semibold">What you will learn</h3>
      
                                        <ol class="space-y-4 list-inside text-gray-500 dark:text-gray-400"><li>
                                          <ul class="pl-5 mt-2 space-y-1 list-disc text-left"><li class="text-blue-500">Examine the importance of data visualization</li>
                                            <li class="text-blue-500">Learn how to form a compelling narrative through data stories</li>
                                            <li class="text-blue-500">Gain an understanding of how to use Tableau to create dashboards and dashboard filters</li>
                                            <li class="text-blue-500">Discover how to use Tableau to create effective visualizations</li>
                                            <li class="text-blue-500">Explore the principles and practices involved with effective presentations</li>
                                            <li class="text-blue-500">Learn how to consider potential limitations associated with the data in your presentations</li>
                                            <li class="text-blue-500">Understand how to apply best practices to a Q&amp;A with your audience</li>
      
                                          </ul></li>
      
      
                                        </ol></div>
                                    </div>
                                    <div class="w-full lg:w-auto">
                                      <div>
      
      
      
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              </div>
                            </section></div>
      
      
      
      
      
      
                          <!--right box-->
                          <div class="w-full md:mb-0 md:w-1/3">
                            <section class="pb-0 pt-5 pt-6 pt-8"><div class="container mx-auto px-4 mb-12">
      
                              <div class="flex flex-wrap mx-auto max-w-4xl -m-8">
      
                                <div class="w-full pt-2 p-6">
                                  <a class="group" href="#">
                                  </a><div class="flex flex-wrap -m-4">
                                  <div class="flex">
                                    <a class="group" href="#">
                                      <h3 class="font-heading text-gray-900 mb-4 text-lg pt-3 font-medium font-semibold text-center md:text-left lg:text-left">Skills Acquired</h3>
      
                                      <ul class="mb-5 space-y-4 text-left text-gray-500 dark:text-gray-400"><li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 dark:text-red-500 text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Design thinking</span>
                                        </li>
                                        <li class="flex items-center space-x-3">
                                          <!-- Icon -->
                                          <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="flex text-blue-500">Tableau software</span>
                                        </li>
                                        <li class="flex items-center space-x-3">
                                          <!-- Icon -->
                                          <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Data-driven storytelling</span>
                                        </li>
                                        <li class="flex items-center space-x-3">
                                          <!-- Icon -->
                                          <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Dashboards and dashboard filters</span>
                                        </li>
      
      
      
                                      </ul></a><a class="group inline-block font-heading font-medium text-gray-900 hover:text-gray-800 text-base overflow-hidden" href="#">
      
                                    <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-black transition ease-in-out duration-500"></div>
                                    </a>
                                  </div>
                                  </div>
      
                                </div>
      
      
                              </div>
                              </div>
                            </section><!--topics--><section class="pt-0 w-full p-6"><div class="container mx-auto px-4 mb-12">
      
                            <div class="flex flex-wrap mx-auto max-w-4xl -m-8">
      
                              <div class="w-full">
                                <a class="group" href="#">
                                </a><div class="flex flex-wrap -m-4">
                                <div class="flex-1">
                                  <a class="group" href="#">
                                    <h3 class="mb-5 font-heading text-gray-900 text-lg font-semibold font-medium mt-5 text-center md:text-left lg:text-left">Topics</h3>
      
                                    <ul class="mb-5 space-y-4 text-left text-gray-500 dark:text-gray-400"><li class="flex items-center space-x-3">
                                      <!-- Icon -->
                                      <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Visualizing data</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 dark:text-red-500 text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Creating data visualizations with Tableau</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Crafting data stories</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Developing presentations and slideshows</span>
                                      </li>
      
      
      
                                    </ul></a><a class="group inline-block font-heading font-medium text-gray-900 hover:text-gray-800 text-base overflow-hidden" href="#">
      
                                  <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-black transition ease-in-out duration-500"></div>
                                  </a>
                                </div>
                                </div>
      
                              </div>
      
      
                            </div>
                            </div>
                            </section></div>
                        </div>
                      </div>
      
      
                      <!--module 7-->
                      <div id="Module 7" class="tabcontent lg:mt-6" style="display: none;">
                        <h1 class="font-heading text-center text-8xl md:text-9xl font-bold mb-4 text-blue-500" contenteditable="false"> <div contenteditable="false" class="font-heading text-center text-blue-500 tracking-px md:w-auto leading-normal text-2xl leading-4 mx-auto font-bold pb-4">Data Analysis with R Programming</div>
                        </h1>
                        <strong></strong>
                        <div class="flex flex-wrap -mx-4 -mb-4 md:mb-0">
      
                          <!--left box-->
                          <div class="w-full px-4 mb-4 md:mb-0 md:w-2/3 pt-2">
                            <section class="overflow-hidden"><div class="container mx-auto px-4">
                              <div class="flex flex-wrap -m-6">
      
                                <div class="w-full p-6">
                                  <div class="flex flex-wrap justify-center md:max-w-lg md:mx-auto">
                                    <div class="w-full lg:w-auto">
                                      <div class="text-center md:text-left lg:text-left">
                                        <h3 class="mb-4 font-heading text-gray-900 text-base text-lg font-medium font-semibold">About this course</h3>
                                        <p class="mb-7 text-base leading-relaxed text-blue-500" contenteditable="false">Learners explore the programming language known as R with an environment called RStudio. This course also covers the software applications and tools that are unique to R, such as R packages. Learners also discover how to clean, organize, analyze, visualize, and report data in new and more powerful ways using R.</p>
      
                                      </div>
                                    </div>
                                    <div class="w-full lg:w-auto">
                                      <div class="pb-7">
                                        <h3 class="mb-4 font-heading text-gray-900 text-lg font-medium font-semibold text-center md:text-left lg:text-left">What you will learn</h3>
      
                                        <ol class="space-y-4 list-inside text-gray-500 dark:text-gray-400"><li>
                                          <ul class="pl-5 mt-2 space-y-1 list-disc"><li class="text-blue-500">Examine the benefits of using the R programming language</li>
                                            <li class="text-blue-500">Discover how to use RStudio to apply R to data analysis</li>
                                            <li class="text-blue-500">Explore the fundamental concepts associated with programming in R</li>
                                            <li class="text-blue-500">Explore the contents and components of R packages including the Tidyverse package</li>
                                            <li class="text-blue-500">Gain an understanding of dataframes and their use in R</li>
                                            <li class="text-blue-500">Discover the options for generating visualizations in R</li>
                                            <li class="text-blue-500">Learn about R Markdown for documenting R programming</li>
      
                                          </ul></li>
      
      
                                        </ol></div>
                                    </div>
                                    <div class="w-full lg:w-auto">
                                      <div>
      
      
      
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              </div>
                            </section></div>
      
      
      
      
      
      
                          <!--right box-->
                          <div class="w-full md:mb-0 md:w-1/3">
                            <section class="pb-0 pt-5 pt-6 pt-8"><div class="container mx-auto px-4 mb-12">
      
                              <div class="flex flex-wrap mx-auto max-w-4xl -m-8">
      
                                <div class="w-full pt-2 p-6">
                                  <a class="group" href="#">
                                  </a><div class="flex flex-wrap -m-4">
                                  <div class="flex">
                                    <a class="group" href="#">
                                      <h3 class="font-heading text-gray-900 mb-4 text-lg pt-3 font-medium font-semibold text-center md:text-left lg:text-left">Skills Acquired</h3>
      
                                      <ul class="mb-5 space-y-4 text-left text-gray-500 dark:text-gray-400"><li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 dark:text-red-500 text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">R programming functions, variables, data types, pipes, and vectors</span>
                                        </li>
                                        <li class="flex items-center space-x-3">
                                          <!-- Icon -->
                                          <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="flex text-blue-500">Coding, writing functions, accessing and cleaning data, and generating visualizations in R</span>
                                        </li>
      
      
      
      
      
                                      </ul></a><a class="group inline-block font-heading font-medium text-gray-900 hover:text-gray-800 text-base overflow-hidden" href="#">
      
                                    <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-black transition ease-in-out duration-500"></div>
                                    </a>
                                  </div>
                                  </div>
      
                                </div>
      
      
                              </div>
                              </div>
                            </section><!--topics--><section class="pt-0 w-full p-6"><div class="container mx-auto px-4 mb-12">
      
                            <div class="flex flex-wrap mx-auto max-w-4xl -m-8">
      
                              <div class="w-full">
                                <a class="group" href="#">
                                </a><div class="flex flex-wrap -m-4">
                                <div class="flex-1">
                                  <a class="group" href="#">
                                    <h3 class="mb-5 font-heading text-gray-900 text-lg font-semibold font-medium mt-5 text-center md:text-left">Topics</h3>
      
                                    <ul class="mb-5 space-y-4 text-left text-gray-500 dark:text-gray-400"><li class="flex items-center space-x-3">
                                      <!-- Icon -->
                                      <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Programming and data analytics</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 dark:text-red-500 text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Programming using Rstudio</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">More about visualizations, aesthetics, and annotations</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Documentation and reports</span>
                                      </li>
      
      
      
                                    </ul></a><a class="group inline-block font-heading font-medium text-gray-900 hover:text-gray-800 text-base overflow-hidden" href="#">
      
                                  <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-black transition ease-in-out duration-500"></div>
                                  </a>
                                </div>
                                </div>
      
                              </div>
      
      
                            </div>
                            </div>
                            </section></div>
                        </div>
                      </div>
      
                      <!--module 8-->
                      <div id="Module 8" class="tabcontent md:text-left lg:mt-6" style="display: none;">
                        <h1 class="font-heading text-center text-8xl md:text-9xl font-bold mb-4 text-blue-500" contenteditable="false"> <div contenteditable="false" class="font-heading text-center text-blue-500 tracking-px md:w-auto leading-normal text-2xl leading-4 mx-auto font-bold pb-4">Capstone: Complete a Case Study</div>
                        </h1>
                        <strong></strong>
                        <div class="flex flex-wrap -mx-4 -mb-4 md:mb-0">
      
                          <!--left box-->
                          <div class="w-full px-4 mb-4 md:mb-0 md:w-2/3 pt-2">
                            <section class="overflow-hidden"><div class="container mx-auto px-4">
                              <div class="flex flex-wrap -m-6">
      
                                <div class="w-full p-6">
                                  <div class="flex flex-wrap justify-center md:max-w-lg md:mx-auto">
                                    <div class="w-full lg:w-auto">
                                      <div class="text-center md:text-left lg:text-left">
                                        <h3 class="mb-4 font-heading text-gray-900 text-base text-lg font-medium font-semibold">About this course</h3>
                                        <p class="mb-7 text-base leading-relaxed text-blue-500" contenteditable="false">Learners have the opportunity to complete an optional case study. The case studies are commonly used by employers to assess analytical skills. For their case study, they’ll choose an analytics-based scenario, ask questions, prepare, process, analyze, visualize and act on the data from the scenario.</p>
      
                                      </div>
                                    </div>
                                    <div class="w-full lg:w-auto">
                                      <div class="pb-7 text-center md:text-left lg:text-left">
                                        <h3 class="mb-4 font-heading text-gray-900 text-lg font-medium font-semibold">What you will learn</h3>
      
                                        <ol class="space-y-4 list-inside text-gray-500 dark:text-gray-400"><li>
                                          <ul class="pl-5 mt-2 space-y-1 list-disc text-left"><li class="text-blue-500">Learn the benefits and uses of case studies and portfolios in the job search</li>
                                            <li class="text-blue-500">Explore real world job interview scenarios and common interview questions</li>
                                            <li class="text-blue-500">Discover how case studies can be a part of the job interview process</li>
                                            <li class="text-blue-500">Examine and consider different case study scenarios</li>
                                            <li class="text-blue-500">Have the chance to complete your own case study for your portfolio</li>
      
      
                                          </ul></li>
      
      
                                        </ol></div>
                                    </div>
                                    <div class="w-full lg:w-auto">
                                      <div>
      
      
      
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              </div>
                            </section></div>
      
      
      
      
      
      
                          <!--right box-->
                          <div class="w-full md:mb-0 md:w-1/3">
                            <section class="pb-0 pt-5 pt-6 pt-8"><div class="container mx-auto px-4 mb-12">
      
                              <div class="flex flex-wrap mx-auto max-w-4xl -m-8">
      
                                <div class="w-full pt-2 p-6">
                                  <a class="group" href="#">
                                  </a><div class="flex flex-wrap -m-4">
                                  <div class="flex">
                                    <a class="group" href="#">
                                      <h3 class="font-heading text-gray-900 mb-4 text-lg pt-3 font-medium font-semibold text-center lg:text-left md:text-left">Skills Acquired</h3>
      
                                      <ul class="mb-5 space-y-4 text-left text-gray-500 dark:text-gray-400"><li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 dark:text-red-500 text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Building a job portfolio</span>
                                        </li>
                                        <li class="flex items-center space-x-3">
                                          <!-- Icon -->
                                          <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="flex text-blue-500">Practical, real-world problem solving</span>
                                        </li>
                                        <li class="flex items-center space-x-3">
                                          <!-- Icon -->
                                          <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Clear presentation of data findings</span>
                                        </li>
                                        <li class="flex items-center space-x-3">
                                          <!-- Icon -->
                                          <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Showcasing data analytics skills, knowledge, and technical expertise</span>
                                        </li>
      
      
      
                                      </ul></a><a class="group inline-block font-heading font-medium text-gray-900 hover:text-gray-800 text-base overflow-hidden" href="#">
      
                                    <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-black transition ease-in-out duration-500"></div>
                                    </a>
                                  </div>
                                  </div>
      
                                </div>
      
      
                              </div>
                              </div>
                            </section><!--topics--><section class="pt-0 w-full p-6"><div class="container mx-auto px-4 mb-12">
      
                            <div class="flex flex-wrap mx-auto max-w-4xl -m-8">
      
                              <div class="w-full">
                                <a class="group" href="#">
                                </a><div class="flex flex-wrap -m-4">
                                <div class="flex-1">
                                  <a class="group" href="#">
                                    <h3 class="mb-5 font-heading text-gray-900 text-lg font-semibold font-medium mt-5 text-center md:text-left lg:text-left">Topics</h3>
      
                                    <ul class="mb-5 space-y-4 text-left text-gray-500 dark:text-gray-400"><li class="flex items-center space-x-3">
                                      <!-- Icon -->
                                      <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Learn about capstone basics</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 dark:text-red-500 text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">Putting your certificate to work</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">[optional] Building your portfolio</span>
                                      </li>
                                      <li class="flex items-center space-x-3">
                                        <!-- Icon -->
                                        <svg class="flex-shrink-0 w-5 h-5 text-red-500 dark:text-red-500" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-blue-500">[optional] Using your portfolio</span>
                                      </li>
      
      
      
                                    </ul></a><a class="group inline-block font-heading font-medium text-gray-900 hover:text-gray-800 text-base overflow-hidden" href="#">
      
                                  <div class="w-full transform -translate-x-0 group-hover:translate-x-full h-px bg-black transition ease-in-out duration-500"></div>
                                  </a>
                                </div>
                                </div>
      
                              </div>
      
      
                            </div>
                            </div>
                            </section></div>
                        </div>
                      </div>
      
                      <script>
                        function openCity(evt, cityName) {
                          var i, tabcontent, tablinks;
                          tabcontent = document.getElementsByClassName("tabcontent");
                          for (i = 0; i < tabcontent.length; i++) {
                            tabcontent[i].style.display = "none";
                          }
                          tablinks = document.getElementsByClassName("tablinks");
                          for (i = 0; i < tablinks.length; i++) {
                            tablinks[i].className = tablinks[i].className.replace(" active", "");
                          }
                          document.getElementById(cityName).style.display = "block";
                          evt.currentTarget.className += " active";
                        }
      
                        // Get the element with id="defaultOpen" and click on it
                        document.getElementById("defaultOpen").click();
                      </script></div>
      
                  </div>
                </div>
                </div>
              </section></div>
          </div>
      
          <div id="step-5" class="step-tab col-span-3 flex-wrap max-w-full" style="display: none;">
            <div class="px-8">
      
      
              <form action="#" method="post">
                <div class="flex flex-wrap -m-6">
                  <div class="p-6 w-full">
                    <div class="text-center transition duration-300 ease-in">
                      <h2 class="font-heading font-bold text-6xl sm:text-7xl text-white text-blue-500 mt-6 mt-10" contenteditable="false">Let's Get Started</h2>
      
                      <p></p>
                      <br><br><div class="mx-auto -m-2 mb-5">
                      <div class="md:px-20 lg:px-40">
                        <input class="w-full text-gray-500 bg-gray-200 outline-none border border-gray-200 focus:ring-2 text-sm placeholder-gray-400 py-3.5 mb-2 px-5" type="text" placeholder="Full name" name="full-name"></div>
                      <div class="lg:px-40 md:px-20">
                        <input class="w-full px-5 py-3.5 text-gray-500 bg-gray-200 outline-none border border-gray-200 focus:ring-2 text-sm placeholder-gray-400 mb-2" type="text" placeholder="Email Address" name="email" contenteditable="false"></div>
                      <div class="lg:px-40 md:px-20">
                        <input class="w-full px-5 py-3.5 text-gray-500 bg-gray-200 outline-none border border-gray-200 focus:ring-2 text-sm placeholder-gray-400 mb-2" type="text" placeholder="University Name" name="University-Name" contenteditable="false"></div>
                      <div class="lg:px-40 md:px-20">
                        <select id="courses" class="border border-gray-200 text-gray-500 text-sm block w-full py-3.5 dark:focus:border-blue-500 bg-gray-200 px-5"><option selected>Choose a Course</option><option value="UX">UX Design</option><option value="Project Management">Project Management</option><option value="IT">IT Support</option><option value="Data Analytics">Data Analytics</option><option value="Digital Marketing">Digital Marketing &amp; E-Commerce</option></select><div class="w-full p-2">
                        </div>
                        <div class="items-center pb-2 font-bold pt-8 flex">
                          <p class="text-sm text-white text-blue-500" contenteditable="false">Privacy Consent</p>
                        </div>
                        <div class="items-center pb-4 flex -mx-4">
                          <input id="link-checkbox" type="checkbox" value="" class="w-4 h-4 text-blue-500 bg-gray-100 border-gray-300 dark:ring-offset-gray-800 dark:bg-gray-700 dark:border-gray-600 rounded-none mr-2 lg:mr-4 md:mr-4"><label for="link-checkbox" class="text-sm text-gray-500 text-justify" contenteditable="false">By registering for this Google Career Certificate Scholarship Program, you acknowledge that your information will be used in accordance with the Department for Work and Pensions' Privacy Policy. Your data may be shared with the Department for Work and Pensions' partners (including Google and Coursera). If you have any questions about your data, or want it deleted, please reach out to <a href="#" class="text-blue-600 dark:text-blue-500 hover:underline">dwp-scholarship-uk@coursera.org</a>.</label>
                        </div>
                        <div class="w-full p-2">
                          <div class="group relative">
                            <div class="absolute top-0 left-0 w-full h-full opacity-0 group-hover:opacity-50 transition duration-300 ease-in-out tracking-px uppercase"></div>
                            <button class="p-1 w-full font-heading font-medium text-base text-white overflow-hidden">
                              <div class="relative py-4 px-9 bg-red-500 overflow-hidden">
                                <div class="absolute top-0 left-0 transform -translate-y-full group-hover:-translate-y-0 h-full w-full transition ease-in-out duration-500 bg-blue-500 tracking-px uppercase"></div>
                                <p class="relative z-10 uppercase tracking-px font-medium" contenteditable="false">APPLY now</p>
                              </div>
                            </button>
                          </div>
                        </div>
                      </div>
                      </div>
                    </div>
                  </div>
                </div>
              </form>
      
      
            </div>
          </div>
        </div>
        <script>
          function openTabs(tabsName) {
            var i;
            var x = document.getElementsByClassName("step-tab");
            for (i = 0; i < x.length; i++) {
              x[i].style.display = "none";
            }
            document.getElementById(tabsName).style.display = "block";
          }
        </script></div>
                
      <section class="bg-blue-500 py-20 flex justify-center items-center flex-wrap md:flex md:items-center md:py-10 align-middle md:justify-center lg:flex lg:flex-wrap lg:items-center lg:justify-center"><div class="justify-center container mx-auto">
        <div class="md:flex md:inline-flex items-center md:items-center">
          <div class="lg:flex lg:items-center md:justify-center md:items-center md:flex md:pb-0 lg:space-x-10 lg:justify-center">
            <div class="lg:mb-0 max-w-2xl lg:w-1/4 md:w-1/3 px-10 lg:px-16">
              <h3 class="text-lg font-bold font-heading text-white text-center mb-2 md:-mx-2 md:-mx-4 md:-mx-8">Shareable Certificate</h3>
              <p class="text-lg text-center text-white md:-mx-7 mx-2 mx-4">Earn a Certificate upon completion</p>
            </div>
            <div class="pt-1 rounded-full justify-center flex items-center md:items-center md:flex md:inline-flex lg:pt-0 lg:pb-0 md:pt-10">
      
              <div class="gap-6 pt-1 justify-center items-center flex flex-wrap mx-auto rounded-full w-4 h-4 mt-10 mb-10 bg-red-500 lg:mt-10 md:mt-0"><br></div>
            </div>
            <div class="w-full lg:mb-0 px-10 lg:px-14 lg:w-1/4 md:w-1/3">
              <h3 class="text-lg font-bold font-heading text-white text-center mb-2">100% Online Course</h3>
              <p class="text-lg text-center text-white lg:-mx-4 md:mx-2 md:-mx-2 md:-mx-3 md:-mx-4">Start instanstly to learn at your own pace</p>
            </div>
            <div class="pt-1 flex items-center md:inline-flex lg:pt-0 rounded-full justify-center md:flex lg:pb-0 lg:mb-0 md:pt-10 md:items-center">
              <div class="w-4 h-4 mt-10 bg-red-500 lg:mt-10 md:mt-0 gap-6 rounded-full pt-1 mb-10 justify-center items-center flex flex-wrap">
              </div>
            </div>
            <div class="md:w-1/3 w-full lg:mb-0 lg:px-14 lg:w-1/4 md:px-0">
      
      
              <h3 class="text-lg font-bold font-heading text-white text-center mb-2 md:mx-8 lg:mx-0">Flexible Schedule</h3>
              <p class="text-lg text-center text-white lg:mx-2 mx-18 md:mx-5">Set and maintain flexible deadlines</p>
            </div>
      
          </div>
        </div>
        </div>
      </section>
                
      <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"><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">The Google Data Analytics Certificate is a great program. In my personal experience, it got me somewhere. Even if you get an entry level job, you start at a decent salary and get your foot in the door, into an industry that is booming.</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">Karrim</h3>
                    <p class="text-sm text-white text-center">Associate Analyst at Infosys </p>
                  </div>
                </div>
              </div>
      
            </div>
          </div>
        </div>
        </div>
      </section>
                
      <div class="align-middle justify-center mx-auto relative flex bg-blue-500 pb-24"><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>
                
        <?php  include('footer.php') ?>
