Web Developement Courses for
Everyone

Practical project-based courses that are easy to understand and straight to the point with NO FLUFF

goto('#contact')} />

{:else}

Coding Dojo

Web Developement Courses for
Everyone

Practical project-based courses that are easy to understand and straight to the point with NO FLUFF

goto('#contact')} />

{/if}

Our Story

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Repudiandae, quaerat cum. Ullam similique quae dicta ipsum atque quam fugit iusto eligendi magni voluptatum aut, exercitationem deserunt vitae iste rem sunt!
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores obcaecati veritatis tenetur in, nihil repellat quasi cumque sed molestias id reiciendis harum doloremque minus fugit quia cum dolores quas pariatur.

Explore our Courses

Find courses you will love from best teachers all over the world🌎.

{#if $courseMetaDeta.isLoading} {:else} {#each $courses.slice(0, viewAll ? $courses.length : 3) as courseData} {:else}

No Course Published

We've got great courses coming your way, stay tuned!!!

{/each} {/if}

{#if $courses.length > 3}

(viewAll = !viewAll)} label={viewAll ? 'View Less' : 'View All'} className="px-10 py-5 w-fit" />

{/if}

Frequently Asked Questions.

{#each faqs as faq}

{faq.content}

{/each}

Have you got any Question?

Reach out to us with any question you might have.

Ashwoodfield House Farm, Kidderminster Rd, Stourbridge, Kingswinford DY6 0AA

+4407339904995

help@digdippa.com

{#if successContactSaved}

Thank you for dropping a message, we will get back to you shortly

{:else}

</div>
              </div>

<PrimaryButton
                className="w-full mx-auto mt-5 md:mt-0"
                type="submit"
                isLoading={isContactSubmiting}
              >
                <span class="mr-2 text-md">Submit</span>
                <Rocket size={24} />
              </PrimaryButton>
            </form>
          {/if}
        </div>
      </Grid>
    </div>
  </section>

<section id="waitlist" transition:fade class="my-10 mx-auto max-w-6xl w-[95%]">
    <div
      class="bg-blue-700 rounded-lg flex flex-col lg:flex-row lg:items-center px-4 md:px-10 py-14"
    >
      <div class="w-full md:w-[65%] md:mr-4">
        <h1 class="text-4xl font-bold mb-5 mt-0 text-white">Join our mailing list</h1>
        <p class="text-lg text-white">
          We are constantly releasing new courses and sharing them with our email list. Subscribe to
          get notified once we release a new course
        </p>
      </div>
      <form on:submit|preventDefault={handleSubmit} class="my-4 w-full md:w-fit">
        <div class="flex items-center flex-col sm:flex-row">
          {#if success}
            <p class="text-white">You have been added successfully. Thanks for subscribing.</p>
          {:else}
            <TextField
              bind:value={email}
              type="email"
              placeholder="Enter your email.."
              className="sm:mr-3 my-0 w-full md:w-fit"
              isRequired={true}
              isDisabled={isAdding}
              inputClassName="py-2"
            />
            <PrimaryButton
              className="my-1 w-full mt-2"
              variant={VARIANTS.CONTAINED_LIGHT}
              type="submit"
              isLoading={isAdding}>Subscribe</PrimaryButton
            >
          {/if}
        </div>
      </form>
    </div>
  </section>

<footer
    id="footer"
    class="flex justify-center flex-col mt-10 w-full px-5 py-10 md:py-3 border-b-0 border-r-0 border-t border-l-0 border-gray-300"
  >
    <ul class="flex w-11/12 items-center flex-col sm:flex-row">
      <div class="logo">
        <a
          href="/"
          title={`Go to ${$currentOrg.name} Home`}
          id="logo"
          data-hveid="8"
          class="flex items-center"
        >
          <img
            src={$currentOrg.avatar_url || '/logo-192.png'}
            alt={`${$currentOrg.name} logo`}
            class="rounded h-10 w-10 inline-block mx-auto"
            data-atf="1"
          />
          <h3 class="text-black ml-3 text-xl">{$currentOrg.name}</h3>
        </a>
      </div>

<div class="flex mt-5 sm:mt-0">
        <li class="mx-2">
          <a href="facebook.com" target="_blank" title="Facebook" id="logo-fb" data-hveid="8">
            <LogoFacebook size={24} />
          </a>
        </li>
        <li class="mx-2">
          <a href="twitter.com" target="_blank" title="Twitter" id="logo-tw" data-hveid="8">
            <LogoTwitter size={24} />
          </a>
        </li>
        <li class="mx-2">
          <a href="linkedin.com" target="_blank" title="Linkedin" id="logo-ln" data-hveid="8">
            <LogoLinkedin size={24} />
          </a>
        </li>
      </div>
    </ul>
    <p class="text-center mt-5">
      Powered by
      <a class="text-blue-600 underline" href="https://classroomio.com" target="_blank"
        >ClassroomIO</a
      >
    </p>
  </footer>
</main>