Back

Alternating Experiences App Screenshot Previews Award Showcase Grid Bonus Content Grid Course Card Grid Course Offer Cards Custom Section Benefits Dual Product Cards Filterable Portfolio Offer Image Grid Partners & Clients Portfolio Reveal Grid Quality Asym Images Service Icon Grid Specialty Icon Grid STEM Learning Previews Template Showcase Grid Webinar Grid

App Download CTA CTA Profile Card CTA Stats & Image Newsletter CTA Logos Plan CTA Testimonial Product CTA Interactive Profile CTA Background

App Features Centered App Features Mobile Feature Image Toggle Feature Large Image

App Onboarding Steps Event Timeline Step Image Cards Story Mission Banners

Basic Testimonial Grid Simple Testimonial Testimonial Cards Stats Testimonial Slider

Centered Video Show Video Feature Highlights Video Fullwidth Overlay Video Gallery Video Testimonial Video with Sidebar

Challenge Icon Cards Dual Problem Cards Multi-Format Problems Problem Before/After Problem Image Stack Tabbed Problem Explore

Classic Accordion Colored Block FAQ Formal List FAQ Grid Toggle FAQ Interactive List FAQ Sidebar Intro FAQ

Course Product Page Webinar Product Booking

Footer Sitemap Simple Footer Social

Founder's Perspective Guiding Core Values Our Journey Timeline Our Working Philosophy The Evolution Story

Global Scale Stats Impact Highlights Key Metrics Showcase Milestone Cards Progress Report List Statistic Box Grid

Hero BG Pattern Card Hero Centered Media Hero Feature Cards Hero Full BG Image Hero Split BG Image Hero Split Overlay

Medical Team Grid Team Leadership Grid

Navbar Announce User Navbar Mega Menu Navbar Prev/Next Nav Navbar Top Bar Links Navbar with Search Standard Navbar

Pricing Compare Table Pricing Toggle Cards

#Award Showcase Grid

showcase

Presents company achievements and awards in a visually appealing grid format with icons and descriptions.

Awards

1st Runner Up

UniMaker 2018 Northern Region

1st Runner Up

Inclusive Innovation Challenge 2017

Gold Medal

Invention, Innovation & Design Exposition 2018

Diamond Award

National Student Affair Invention, Innovation & Design Competition

<section id="ic39kg" class="px-6 lg:px-16 my-8 lg:my-16 container mx-auto">
      <div class="flex items-center mb-4 lg:mb-8">
        <div class="flex-grow border-neutral-200 border-t border-2"></div>
        <div class="px-4 font-bold text-2xl lg:text-4xl">
          <p>Awards</p>
        </div>
        <div class="flex-grow border-neutral-200 border-t border-2"></div>
      </div>
      <div class="grid gap-4 lg:grid-cols-2">
        <div
          class="items-center justify-center p-4 rounded-lg bg-neutral-200 lg:p-8"
        >
          <div
            class="w-16 h-16 flex items-center justify-center text-4xl bg-blue-600 text-white mb-4 rounded-full"
          >
            <i class="fas fa-trophy"></i>
          </div>
          <h1 class="text-2xl lg:text-4xl font-semibold mb-2">
            1st Runner Up<br />
          </h1>
          <p class="lg:text-lg">UniMaker 2018 Northern Region<br /></p>
        </div>
        <div
          class="items-center justify-center p-4 rounded-lg bg-neutral-200 lg:p-8"
        >
          <div
            class="w-16 h-16 flex items-center justify-center text-4xl bg-blue-600 text-white mb-4 rounded-full"
          >
            <i class="fa-medapps fab"></i>
          </div>
          <h1 class="text-2xl lg:text-4xl font-semibold mb-2">
            1st Runner Up<br />
          </h1>
          <p class="lg:text-lg">Inclusive Innovation Challenge 2017<br /></p>
        </div>
        <div
          class="items-center justify-center p-4 rounded-lg bg-neutral-200 lg:p-8"
        >
          <div
            class="w-16 h-16 flex items-center justify-center text-4xl bg-blue-600 text-white mb-4 rounded-full"
          >
            <i class="fas fa-medal"></i>
          </div>
          <h1 class="text-2xl lg:text-4xl font-semibold mb-2">
            Gold Medal<br />
          </h1>
          <p class="lg:text-lg">
            Invention, Innovation &amp; Design Exposition 2018<br />
          </p>
        </div>
        <div
          class="items-center justify-center p-4 rounded-lg bg-neutral-200 lg:p-8"
        >
          <div
            class="w-16 h-16 flex items-center justify-center text-4xl bg-blue-600 text-white mb-4 rounded-full"
          >
            <i class="fas fa-award"></i>
          </div>
          <h1 class="text-2xl lg:text-4xl font-semibold mb-2">
            Diamond Award<br />
          </h1>
          <p class="lg:text-lg">
            National Student Affair Invention, Innovation &amp; Design
            Competition<br />
          </p>
        </div>
      </div>
    </section>

<section id="ic39kg" class="px-6 lg:px-16 my-8 lg:my-16 container mx-auto">
      <div class="flex items-center mb-4 lg:mb-8">
        <div class="flex-grow border-neutral-200 border-t border-2"></div>
        <div class="px-4 font-bold text-2xl lg:text-4xl">
          <p>Awards</p>
        </div>
        <div class="flex-grow border-neutral-200 border-t border-2"></div>
      </div>
      <div class="grid gap-4 lg:grid-cols-2">
        <div
          class="items-center justify-center p-4 rounded-lg bg-neutral-200 lg:p-8"
        >
          <div
            class="w-16 h-16 flex items-center justify-center text-4xl bg-blue-600 text-white mb-4 rounded-full"
          >
            <i class="fas fa-trophy"></i>
          </div>
          <h1 class="text-2xl lg:text-4xl font-semibold mb-2">
            1st Runner Up<br />
          </h1>
          <p class="lg:text-lg">UniMaker 2018 Northern Region<br /></p>
        </div>
        <div
          class="items-center justify-center p-4 rounded-lg bg-neutral-200 lg:p-8"
        >
          <div
            class="w-16 h-16 flex items-center justify-center text-4xl bg-blue-600 text-white mb-4 rounded-full"
          >
            <i class="fa-medapps fab"></i>
          </div>
          <h1 class="text-2xl lg:text-4xl font-semibold mb-2">
            1st Runner Up<br />
          </h1>
          <p class="lg:text-lg">Inclusive Innovation Challenge 2017<br /></p>
        </div>
        <div
          class="items-center justify-center p-4 rounded-lg bg-neutral-200 lg:p-8"
        >
          <div
            class="w-16 h-16 flex items-center justify-center text-4xl bg-blue-600 text-white mb-4 rounded-full"
          >
            <i class="fas fa-medal"></i>
          </div>
          <h1 class="text-2xl lg:text-4xl font-semibold mb-2">
            Gold Medal<br />
          </h1>
          <p class="lg:text-lg">
            Invention, Innovation &amp; Design Exposition 2018<br />
          </p>
        </div>
        <div
          class="items-center justify-center p-4 rounded-lg bg-neutral-200 lg:p-8"
        >
          <div
            class="w-16 h-16 flex items-center justify-center text-4xl bg-blue-600 text-white mb-4 rounded-full"
          >
            <i class="fas fa-award"></i>
          </div>
          <h1 class="text-2xl lg:text-4xl font-semibold mb-2">
            Diamond Award<br />
          </h1>
          <p class="lg:text-lg">
            National Student Affair Invention, Innovation &amp; Design
            Competition<br />
          </p>
        </div>
      </div>
    </section>

Awards

1st Runner Up

UniMaker 2018 Northern Region

1st Runner Up

Inclusive Innovation Challenge 2017

Gold Medal

Invention, Innovation & Design Exposition 2018

Diamond Award

National Student Affair Invention, Innovation & Design Competition

<section id="ic39kg" layout="container" space="p-x:medium-3x tw-lg:p-x:big-3x m-y:large tw-lg:m-y:big-3x m-x:auto">
      <div layout="flex items:center" space="m-b:medium tw-lg:m-b:large">
        <div layout="grow" visual="border:neutral-200 border-w:regular" class="border-t"></div>
        <div space="p-x:medium" visual="font:tw-bold text-size:huge tw-lg:text-size:giant">
          <p>Awards</p>
        </div>
        <div layout="grow" visual="border:neutral-200 border-w:regular" class="border-t"></div>
      </div>
      <div layout="grid tw-lg:grid-cols:2" space="g:medium">
        <div
          layout="items:center justify:center" space="p:medium tw-lg:p:large" visual="rounded:medium bg:neutral-200"
        >
          <div
            layout="flex items:center justify:center" space="w:big-3x h:big-3x m-b:medium" visual="text-size:giant bg:blue-600 text:white rounded:round"
          >
            <i class="fas fa-trophy"></i>
          </div>
          <h1 space="m-b:small" visual="text-size:huge tw-lg:text-size:giant font:tw-semibold">
            1st Runner Up<br />
          </h1>
          <p visual="tw-lg:text-size:large">UniMaker 2018 Northern Region<br /></p>
        </div>
        <div
          layout="items:center justify:center" space="p:medium tw-lg:p:large" visual="rounded:medium bg:neutral-200"
        >
          <div
            layout="flex items:center justify:center" space="w:big-3x h:big-3x m-b:medium" visual="text-size:giant bg:blue-600 text:white rounded:round"
          >
            <i class="fa-medapps fab"></i>
          </div>
          <h1 space="m-b:small" visual="text-size:huge tw-lg:text-size:giant font:tw-semibold">
            1st Runner Up<br />
          </h1>
          <p visual="tw-lg:text-size:large">Inclusive Innovation Challenge 2017<br /></p>
        </div>
        <div
          layout="items:center justify:center" space="p:medium tw-lg:p:large" visual="rounded:medium bg:neutral-200"
        >
          <div
            layout="flex items:center justify:center" space="w:big-3x h:big-3x m-b:medium" visual="text-size:giant bg:blue-600 text:white rounded:round"
          >
            <i class="fas fa-medal"></i>
          </div>
          <h1 space="m-b:small" visual="text-size:huge tw-lg:text-size:giant font:tw-semibold">
            Gold Medal<br />
          </h1>
          <p visual="tw-lg:text-size:large">
            Invention, Innovation &amp; Design Exposition 2018<br />
          </p>
        </div>
        <div
          layout="items:center justify:center" space="p:medium tw-lg:p:large" visual="rounded:medium bg:neutral-200"
        >
          <div
            layout="flex items:center justify:center" space="w:big-3x h:big-3x m-b:medium" visual="text-size:giant bg:blue-600 text:white rounded:round"
          >
            <i class="fas fa-award"></i>
          </div>
          <h1 space="m-b:small" visual="text-size:huge tw-lg:text-size:giant font:tw-semibold">
            Diamond Award<br />
          </h1>
          <p visual="tw-lg:text-size:large">
            National Student Affair Invention, Innovation &amp; Design
            Competition<br />
          </p>
        </div>
      </div>
    </section>

<section id="ic39kg" layout="container" space="p-x:medium-3x tw-lg:p-x:big-3x m-y:large tw-lg:m-y:big-3x m-x:auto">
      <div layout="flex items:center" space="m-b:medium tw-lg:m-b:large">
        <div layout="grow" visual="border:neutral-200 border-w:regular" class="border-t"></div>
        <div space="p-x:medium" visual="font:tw-bold text-size:huge tw-lg:text-size:giant">
          <p>Awards</p>
        </div>
        <div layout="grow" visual="border:neutral-200 border-w:regular" class="border-t"></div>
      </div>
      <div layout="grid tw-lg:grid-cols:2" space="g:medium">
        <div
          layout="items:center justify:center" space="p:medium tw-lg:p:large" visual="rounded:medium bg:neutral-200"
        >
          <div
            layout="flex items:center justify:center" space="w:big-3x h:big-3x m-b:medium" visual="text-size:giant bg:blue-600 text:white rounded:round"
          >
            <i class="fas fa-trophy"></i>
          </div>
          <h1 space="m-b:small" visual="text-size:huge tw-lg:text-size:giant font:tw-semibold">
            1st Runner Up<br />
          </h1>
          <p visual="tw-lg:text-size:large">UniMaker 2018 Northern Region<br /></p>
        </div>
        <div
          layout="items:center justify:center" space="p:medium tw-lg:p:large" visual="rounded:medium bg:neutral-200"
        >
          <div
            layout="flex items:center justify:center" space="w:big-3x h:big-3x m-b:medium" visual="text-size:giant bg:blue-600 text:white rounded:round"
          >
            <i class="fa-medapps fab"></i>
          </div>
          <h1 space="m-b:small" visual="text-size:huge tw-lg:text-size:giant font:tw-semibold">
            1st Runner Up<br />
          </h1>
          <p visual="tw-lg:text-size:large">Inclusive Innovation Challenge 2017<br /></p>
        </div>
        <div
          layout="items:center justify:center" space="p:medium tw-lg:p:large" visual="rounded:medium bg:neutral-200"
        >
          <div
            layout="flex items:center justify:center" space="w:big-3x h:big-3x m-b:medium" visual="text-size:giant bg:blue-600 text:white rounded:round"
          >
            <i class="fas fa-medal"></i>
          </div>
          <h1 space="m-b:small" visual="text-size:huge tw-lg:text-size:giant font:tw-semibold">
            Gold Medal<br />
          </h1>
          <p visual="tw-lg:text-size:large">
            Invention, Innovation &amp; Design Exposition 2018<br />
          </p>
        </div>
        <div
          layout="items:center justify:center" space="p:medium tw-lg:p:large" visual="rounded:medium bg:neutral-200"
        >
          <div
            layout="flex items:center justify:center" space="w:big-3x h:big-3x m-b:medium" visual="text-size:giant bg:blue-600 text:white rounded:round"
          >
            <i class="fas fa-award"></i>
          </div>
          <h1 space="m-b:small" visual="text-size:huge tw-lg:text-size:giant font:tw-semibold">
            Diamond Award<br />
          </h1>
          <p visual="tw-lg:text-size:large">
            National Student Affair Invention, Innovation &amp; Design
            Competition<br />
          </p>
        </div>
      </div>
    </section>