SenangStart                                  Loading... 



 

   [ Back to Sections ](https://senangstart.com/sections/all)    

      

 

  showcase  18   [ Alternating Experiences ](https://senangstart.com/sections/experiences-1) [ App Screenshot Previews ](https://senangstart.com/sections/previews-2) [ Award Showcase Grid ](https://senangstart.com/sections/awards-1) [ Bonus Content Grid ](https://senangstart.com/sections/bonus-1) [ Course Card Grid ](https://senangstart.com/sections/blogs-2) [ Course Offer Cards ](https://senangstart.com/sections/offer-2) [ Custom Section Benefits ](https://senangstart.com/sections/benefits-1) [ Dual Product Cards ](https://senangstart.com/sections/products-3) [ Filterable Portfolio ](https://senangstart.com/sections/products-4) [ Offer Image Grid ](https://senangstart.com/sections/offer-1) [ Partners & Clients ](https://senangstart.com/sections/partners-clients) [ Portfolio Reveal Grid ](https://senangstart.com/sections/products-1) [ Quality Asym Images ](https://senangstart.com/sections/quality-1) [ STEM Learning Previews ](https://senangstart.com/sections/previews-1) [ Service Icon Grid ](https://senangstart.com/sections/services-1) [ Specialty Icon Grid ](https://senangstart.com/sections/specialities-1) [ Template Showcase Grid ](https://senangstart.com/sections/products-2) [ Webinar Grid ](https://senangstart.com/sections/blogs-1) 

 

  cta  7   [ App Download CTA ](https://senangstart.com/sections/cta-2) [ CTA Profile Card ](https://senangstart.com/sections/cta-1) [ CTA Stats & Image ](https://senangstart.com/sections/cta-5) [ Newsletter CTA Logos ](https://senangstart.com/sections/cta-6) [ Plan CTA Testimonial ](https://senangstart.com/sections/cta-7) [ Product CTA Interactive ](https://senangstart.com/sections/cta-3) [ Profile CTA Background ](https://senangstart.com/sections/cta-4) 

 

  feature  4   [ App Features Centered ](https://senangstart.com/sections/features-2) [ App Features Mobile ](https://senangstart.com/sections/features-1) [ Feature Image Toggle ](https://senangstart.com/sections/features-4) [ Feature Large Image ](https://senangstart.com/sections/features-3) 

 

  general  4   [ App Onboarding Steps ](https://senangstart.com/sections/steps-2) [ Event Timeline ](https://senangstart.com/sections/timeline-1) [ Step Image Cards ](https://senangstart.com/sections/steps-1) [ Story Mission Banners ](https://senangstart.com/sections/story-1) 

 

  testimonial  4   [ Basic Testimonial Grid ](https://senangstart.com/sections/testimony-2) [ Simple Testimonial ](https://senangstart.com/sections/testimony-1) [ Testimonial Cards Stats ](https://senangstart.com/sections/testimony-4) [ Testimonial Slider ](https://senangstart.com/sections/testimony-3) 

 

  video  6   [ Centered Video Show ](https://senangstart.com/sections/video-1) [ Video Feature Highlights ](https://senangstart.com/sections/video-6) [ Video Fullwidth Overlay ](https://senangstart.com/sections/video-2) [ Video Gallery ](https://senangstart.com/sections/video-4) [ Video Testimonial ](https://senangstart.com/sections/video-5) [ Video with Sidebar ](https://senangstart.com/sections/video-3) 

 

  problem  6   [ Challenge Icon Cards ](https://senangstart.com/sections/problems-3) [ Dual Problem Cards ](https://senangstart.com/sections/problems-1) [ Multi-Format Problems ](https://senangstart.com/sections/problems-2) [ Problem Before/After ](https://senangstart.com/sections/problems-4) [ Problem Image Stack ](https://senangstart.com/sections/problems-6) [ Tabbed Problem Explore ](https://senangstart.com/sections/problems-5) 

 

  faq  6   [ Classic Accordion ](https://senangstart.com/sections/faq-1) [ Colored Block FAQ ](https://senangstart.com/sections/faq-4) [ Formal List FAQ ](https://senangstart.com/sections/faq-6) [ Grid Toggle FAQ ](https://senangstart.com/sections/faq-2) [ Interactive List FAQ ](https://senangstart.com/sections/faq-5) [ Sidebar Intro FAQ ](https://senangstart.com/sections/faq-3) 

 

  product  2   [ Course Product Page ](https://senangstart.com/sections/product-1) [ Webinar Product Booking ](https://senangstart.com/sections/product-2) 

 

  footer  2   [ Footer Sitemap ](https://senangstart.com/sections/footer-2) [ Simple Footer Social ](https://senangstart.com/sections/footer-1) 

 

  story  5   [ Founder's Perspective ](https://senangstart.com/sections/story-4) [ Guiding Core Values ](https://senangstart.com/sections/story-3) [ Our Journey Timeline ](https://senangstart.com/sections/story-2) [ Our Working Philosophy ](https://senangstart.com/sections/story-5) [ The Evolution Story ](https://senangstart.com/sections/story-6) 

 

  statistic  6   [ Global Scale Stats ](https://senangstart.com/sections/statistics-6) [ Impact Highlights ](https://senangstart.com/sections/statistics-4) [ Key Metrics Showcase ](https://senangstart.com/sections/statistics-2) [ Milestone Cards ](https://senangstart.com/sections/statistics-5) [ Progress Report List ](https://senangstart.com/sections/statistics-3) [ Statistic Box Grid ](https://senangstart.com/sections/statistics-1) 

 

  hero  6   [ Hero BG Pattern Card ](https://senangstart.com/sections/hero-6) [ Hero Centered Media ](https://senangstart.com/sections/hero-1) [ Hero Feature Cards ](https://senangstart.com/sections/hero-5) [ Hero Full BG Image ](https://senangstart.com/sections/hero-3) [ Hero Split BG Image ](https://senangstart.com/sections/hero-2) [ Hero Split Overlay ](https://senangstart.com/sections/hero-4) 

 

  team  2   [ Medical Team Grid ](https://senangstart.com/sections/team-2) [ Team Leadership Grid ](https://senangstart.com/sections/team-1) 

 

  navigation  6   [ Navbar Announce User ](https://senangstart.com/sections/navbar-6) [ Navbar Mega Menu ](https://senangstart.com/sections/navbar-5) [ Navbar Prev/Next Nav ](https://senangstart.com/sections/navbar-2) [ Navbar Top Bar Links ](https://senangstart.com/sections/navbar-3) [ Navbar with Search ](https://senangstart.com/sections/navbar-4) [ Standard Navbar ](https://senangstart.com/sections/navbar-1) 

 

  pricing  2   [ Pricing Compare Table ](https://senangstart.com/sections/pricing-2) [ Pricing Toggle Cards ](https://senangstart.com/sections/pricing-1) 

 

 

 

 

       

 [![SenangStart](https://senangstart.com/img/ss_logo_text.svg)](https://senangstart.com) 

          

 

 

    ####  [\#](https://senangstart.com/sections/product-2/llms.txt)Webinar Product Booking 

  product  

 A dedicated landing page for webinar registration, including event details, speaker bios, and a booking/ticketing module.

 

     

 TailwindCSS    SenangStart CSS  

 

  Webinar

Master the Pillars of Product Design
====================================

3 Days (Wednesday & Thursday)10:00 AM - 5:00 PM

 

     





Starting at RM 437
==================

394/400 spots filled

 

 





  



Join via video call

A link will be emailed to you upon registration.

 

 





Guest
=====

Adult

  

1

 

  

 

 

 





RM 874.00 x 1 adult

RM 874

 



20% early bird discount

\- RM 200

 

 





Total

RM 674

 



 <a class="flex h-14 w-full items-center justify-center rounded-lg bg-neutral-800 px-6 text-lg font-semibold text-white hover:opacity-80" href=""> Reserve Your Spot </a>

 <a class="flex h-14 w-full items-center justify-center rounded-lg px-6 text-lg font-semibold hover:bg-neutral-100" href=""> Need Assistance?  </a> 

  About the Course
================

 Discover the essential skills every digital product designer needs to succeed. Guided by Kyle Turman, Sr. Director of Product Design at Slack, this webinar dives deep into the core pillars of digital product design. Learn how to design and deliver impactful digital products at scale, drawing from real-world insights and best practices. 

 **In Partnership with Slack Design** 

 Slack Design is a team of passionate, innovative designers dedicated to making work simpler, more enjoyable, and productive. Through collaboration and knowledge-sharing, they aim to empower the broader design community.

  



  Meet Your Instructor
====================





Kyle Turman

Sr. Director of Product Design at Slack

With years of experience in designing scalable digital products, Kyle Turman brings a wealth of knowledge to this webinar. Learn how to navigate the challenges of app design, create user-centric solutions, and stand out in a competitive market.

 

 

 

  



  Organized By
============





FixColab Group Sdn Bhd

Innovators in Design Education

FixColab is committed to empowering designers with the skills and knowledge needed to thrive in the digital age. Through workshops, webinars, and collaborative projects, they aim to foster creativity and innovation in the design community.

 

 

 

   

 ![](https://placehold.co/32x32) 

Hosted by FixColab Group Sdn Bhd
================================

Published December 2, 2021

 

 <a class="flex h-8 items-center rounded-lg bg-neutral-100 px-3 text-sm" href="">Share

 </a> 

 

  

  



Starting at RM 437
==================

394/400 spots filled

 

 





  



Join via video call

A link will be emailed to you upon registration.

 

 





Guest
=====

Adult

  

1

 

  

 

 

 





RM 874.00 x 1 adult

RM 874

 



20% early bird discount

\- RM 200

 

 





Total

RM 674

 



 <a class="flex h-14 w-full items-center justify-center rounded-lg bg-blue-600 px-6 text-lg font-semibold text-white hover:opacity-80" href=""> Reserve Your Spot </a>

 <a class="flex h-14 w-full items-center justify-center rounded-lg px-6 text-lg font-semibold hover:bg-neutral-100" href=""> Need Assistance?  </a> 

 

 

 

  

  &lt;section class="container relative mx-auto mb-16"&gt; &lt;div class="px-6 pt-36 lg:px-16 lg:pt-16"&gt; &lt;div class="mx-auto grid w-full gap-4 lg:grid-cols-3"&gt; &lt;div class="lg:col-span-3"&gt; &lt;div class="mb-2 text-sm"&gt;Webinar&lt;/div&gt; &lt;h1 class="mb-2 text-2xl font-bold capitalize lg:mb-4 lg:text-6xl"&gt;Master the Pillars of Product Design&lt;/h1&gt; &lt;p class="text lg:mb-4"&gt;&lt;i class="fas fa-calendar mr-2"&gt;&lt;/i&gt;3 Days (Wednesday &amp; Thursday)&lt;i class="fas fa-clock mx-2"&gt;&lt;/i&gt;10:00 AM - 5:00 PM&lt;/p&gt; &lt;/div&gt; &lt;div class="lg:col-span-2"&gt; &lt;!--Start Hero Section--&gt; &lt;section&gt; &lt;iframe src="https://www.youtube.com/embed/\_\_NeP0RqACU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class="aspect-video w-full rounded-lg"&gt;&lt;/iframe&gt; &lt;/section&gt; &lt;!--End Hero Section--&gt; &lt;div class="h-4 w-full"&gt;&lt;/div&gt; &lt;div class="mb-4 rounded-lg border border-neutral-200 p-4 lg:hidden"&gt; &lt;div class="flex"&gt; &lt;div class="h-12 w-12 rounded-md bg-neutral-200"&gt;&lt;/div&gt; &lt;div class="h-full w-3"&gt;&lt;/div&gt; &lt;div&gt; &lt;h1 class="text-2xl font-bold leading-7"&gt;Starting at RM 437&lt;/h1&gt; &lt;p class="text-sm leading-5"&gt;&lt;i class="fas fa-users mr-2 text-neutral-400"&gt;&lt;/i&gt;394/400 spots filled&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="h-4 w-full"&gt;&lt;/div&gt; &lt;div class="h-4 w-full border-t border-neutral-200"&gt;&lt;/div&gt; &lt;div class="flex"&gt; &lt;div&gt; &lt;i class="fas fa-laptop"&gt;&lt;/i&gt; &lt;/div&gt; &lt;div class="w-3"&gt;&lt;/div&gt; &lt;div class="flex flex-grow flex-col"&gt; &lt;p class="font-semibold"&gt;Join via video call&lt;/p&gt; &lt;p class="text-sm"&gt;A link will be emailed to you upon registration.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="h-4 w-full"&gt;&lt;/div&gt; &lt;div class="h-4 w-full border-t border-neutral-200"&gt;&lt;/div&gt; &lt;div&gt; &lt;h1 class="mb-2 text-xl font-semibold"&gt;Guest&lt;/h1&gt; &lt;div class="flex h-12 items-center rounded-lg border border-neutral-200 p-2"&gt; &lt;p class="flex-grow"&gt;Adult&lt;/p&gt; &lt;div class="flex"&gt; &lt;div class="flex h-8 w-8 items-center justify-center rounded-md bg-neutral-100"&gt; &lt;i class="fas fa-minus"&gt;&lt;/i&gt; &lt;/div&gt; &lt;div class="flex h-8 w-12 items-center justify-center"&gt; &lt;p&gt;1&lt;/p&gt; &lt;/div&gt; &lt;div class="flex h-8 w-8 items-center justify-center rounded-md bg-neutral-100"&gt; &lt;i class="fas fa-plus"&gt;&lt;/i&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="h-4 w-full"&gt;&lt;/div&gt; &lt;div class="h-4 w-full border-t border-neutral-200"&gt;&lt;/div&gt; &lt;div&gt; &lt;div class="flex w-full"&gt; &lt;p class="flex-grow"&gt;RM 874.00 x 1 adult&lt;/p&gt; &lt;p&gt;RM 874&lt;/p&gt; &lt;/div&gt; &lt;div class="h-2 w-full"&gt;&lt;/div&gt; &lt;div class="flex w-full"&gt; &lt;p class="flex-grow"&gt;20% early bird discount&lt;/p&gt; &lt;p class="text-green-400"&gt;- RM 200&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="h-4 w-full"&gt;&lt;/div&gt; &lt;div class="h-4 w-full border-t border-neutral-200"&gt;&lt;/div&gt; &lt;div class="flex w-full text-xl"&gt; &lt;p class="flex-grow"&gt;Total&lt;/p&gt; &lt;p class="font-semibold"&gt;RM 674&lt;/p&gt; &lt;/div&gt; &lt;div class="h-4 w-full"&gt;&lt;/div&gt; &lt;a href="" class="flex h-14 w-full items-center justify-center rounded-lg bg-neutral-800 px-6 text-lg font-semibold text-white hover:opacity-80"&gt; Reserve Your Spot &lt;/a&gt; &lt;div class="h-2 w-full"&gt;&lt;/div&gt; &lt;a href="" class="flex h-14 w-full items-center justify-center rounded-lg px-6 text-lg font-semibold hover:bg-neutral-100"&gt; Need Assistance? &lt;i class="fas fa-headset ml-4"&gt;&lt;/i&gt; &lt;/a&gt; &lt;/div&gt; &lt;!--Start Description Section--&gt; &lt;section&gt; &lt;h1 class="mb-4 text-2xl font-bold"&gt;About the Course&lt;/h1&gt; &lt;p class="text-lg"&gt; Discover the essential skills every digital product designer needs to succeed. Guided by Kyle Turman, Sr. Director of Product Design at Slack, this webinar dives deep into the core pillars of digital product design. Learn how to design and deliver impactful digital products at scale, drawing from real-world insights and best practices. &lt;br /&gt;&lt;br /&gt; &lt;strong&gt;In Partnership with Slack Design&lt;/strong&gt; &lt;br /&gt;&lt;br /&gt; Slack Design is a team of passionate, innovative designers dedicated to making work simpler, more enjoyable, and productive. Through collaboration and knowledge-sharing, they aim to empower the broader design community. &lt;/p&gt; &lt;/section&gt; &lt;!--End Description Section--&gt; &lt;div class="h-8 w-full border-b border-neutral-200"&gt;&lt;/div&gt; &lt;div class="h-8 w-full"&gt;&lt;/div&gt; &lt;!--Start Speaker Section--&gt; &lt;section&gt; &lt;h1 class="text-2xl font-bold leading-7"&gt;Meet Your Instructor&lt;/h1&gt; &lt;div class="mt-4 grid grid-cols-1 gap-4"&gt; &lt;div class="grid grid-cols-2 gap-4 md:grid-cols-3 lg:grid-cols-4"&gt; &lt;div class="rounded-lg bg-neutral-100" style=" padding-top: 120%; background: url('https://placehold.co/200x260'); background-size: cover; " &gt;&lt;/div&gt; &lt;div class="md:hidden"&gt;&lt;/div&gt; &lt;div class="col-span-2 lg:col-span-3"&gt; &lt;p class="text-lg font-semibold"&gt;Kyle Turman&lt;/p&gt; &lt;p class="my-1 text-xs"&gt;Sr. Director of Product Design at Slack&lt;/p&gt; &lt;p&gt;With years of experience in designing scalable digital products, Kyle Turman brings a wealth of knowledge to this webinar. Learn how to navigate the challenges of app design, create user-centric solutions, and stand out in a competitive market.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/section&gt; &lt;!--End Speaker Section--&gt; &lt;div class="h-8 w-full border-b border-neutral-200"&gt;&lt;/div&gt; &lt;div class="h-8 w-full"&gt;&lt;/div&gt; &lt;!--Start Organizer Section--&gt; &lt;section&gt; &lt;h1 class="text-2xl font-bold leading-7"&gt;Organized By&lt;/h1&gt; &lt;div class="mt-4 grid grid-cols-1 gap-4"&gt; &lt;div class="grid grid-cols-2 gap-4 md:grid-cols-3 lg:grid-cols-4"&gt; &lt;div class="rounded-lg bg-neutral-100" style=" padding-top: 120%; background: url('https://placehold.co/200x260'); background-size: cover; " &gt;&lt;/div&gt; &lt;div class="md:hidden"&gt;&lt;/div&gt; &lt;div class="col-span-2 lg:col-span-3"&gt; &lt;p class="text-lg font-semibold"&gt;FixColab Group Sdn Bhd&lt;/p&gt; &lt;p class="my-1 text-xs"&gt;Innovators in Design Education&lt;/p&gt; &lt;p&gt;FixColab is committed to empowering designers with the skills and knowledge needed to thrive in the digital age. Through workshops, webinars, and collaborative projects, they aim to foster creativity and innovation in the design community.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/section&gt; &lt;!--End Organizer Section--&gt; &lt;section class="hidden lg:block"&gt; &lt;div class="h-8 w-full"&gt;&lt;/div&gt; &lt;div class="flex h-14 items-center border-b border-t border-neutral-100"&gt; &lt;div class="h-8 w-8 overflow-hidden rounded-full bg-neutral-100"&gt; &lt;img src="https://placehold.co/32x32" /&gt; &lt;/div&gt; &lt;div class="flex flex-grow flex-col px-2"&gt; &lt;h1 class="text-sm font-bold"&gt;Hosted by FixColab Group Sdn Bhd&lt;/h1&gt; &lt;p class="text-xs"&gt;Published December 2, 2021&lt;/p&gt; &lt;/div&gt; &lt;div&gt; &lt;a href="" class="flex h-8 items-center rounded-lg bg-neutral-100 px-3 text-sm" &gt;&lt;i class="fas fa-share-alt mr-2"&gt;&lt;/i&gt; &lt;p&gt;Share&lt;/p&gt; &lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/section&gt; &lt;/div&gt; &lt;div class="hidden lg:block"&gt; &lt;div class="sticky top-36 rounded-lg border border-neutral-200 p-4"&gt; &lt;div class="flex"&gt; &lt;div class="flex h-12 w-12 items-center justify-center rounded-md bg-neutral-200 text-xl text-blue-600"&gt; &lt;i class="fas fa-graduation-cap"&gt;&lt;/i&gt; &lt;/div&gt; &lt;div class="h-full w-3"&gt;&lt;/div&gt; &lt;div&gt; &lt;h1 class="text-2xl font-bold leading-7"&gt;Starting at RM 437&lt;/h1&gt; &lt;p class="text-sm leading-5"&gt;&lt;i class="fas fa-users mr-2 text-neutral-400"&gt;&lt;/i&gt;394/400 spots filled&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="h-4 w-full"&gt;&lt;/div&gt; &lt;div class="h-4 w-full border-t border-neutral-200"&gt;&lt;/div&gt; &lt;div class="flex"&gt; &lt;div&gt; &lt;i class="fas fa-laptop"&gt;&lt;/i&gt; &lt;/div&gt; &lt;div class="w-3"&gt;&lt;/div&gt; &lt;div class="flex flex-grow flex-col"&gt; &lt;p class="font-semibold"&gt;Join via video call&lt;/p&gt; &lt;p class="text-sm"&gt;A link will be emailed to you upon registration.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="h-4 w-full"&gt;&lt;/div&gt; &lt;div class="h-4 w-full border-t border-neutral-200"&gt;&lt;/div&gt; &lt;div&gt; &lt;h1 class="mb-2 text-xl font-semibold"&gt;Guest&lt;/h1&gt; &lt;div class="flex h-12 items-center rounded-lg border border-neutral-200 p-2"&gt; &lt;p class="flex-grow"&gt;Adult&lt;/p&gt; &lt;div class="flex"&gt; &lt;div class="flex h-8 w-8 items-center justify-center rounded-md bg-neutral-100"&gt; &lt;i class="fas fa-minus"&gt;&lt;/i&gt; &lt;/div&gt; &lt;div class="flex h-8 w-12 items-center justify-center"&gt; &lt;p&gt;1&lt;/p&gt; &lt;/div&gt; &lt;div class="flex h-8 w-8 items-center justify-center rounded-md bg-neutral-100"&gt; &lt;i class="fas fa-plus"&gt;&lt;/i&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="h-4 w-full"&gt;&lt;/div&gt; &lt;div class="h-4 w-full border-t border-neutral-200"&gt;&lt;/div&gt; &lt;div&gt; &lt;div class="flex w-full"&gt; &lt;p class="flex-grow"&gt;RM 874.00 x 1 adult&lt;/p&gt; &lt;p&gt;RM 874&lt;/p&gt; &lt;/div&gt; &lt;div class="h-2 w-full"&gt;&lt;/div&gt; &lt;div class="flex w-full"&gt; &lt;p class="flex-grow"&gt;20% early bird discount&lt;/p&gt; &lt;p class="text-red-500"&gt;- RM 200&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="h-4 w-full"&gt;&lt;/div&gt; &lt;div class="h-4 w-full border-t border-neutral-200"&gt;&lt;/div&gt; &lt;div class="flex w-full text-xl"&gt; &lt;p class="flex-grow"&gt;Total&lt;/p&gt; &lt;p class="font-semibold"&gt;RM 674&lt;/p&gt; &lt;/div&gt; &lt;div class="h-4 w-full"&gt;&lt;/div&gt; &lt;a href="" class="flex h-14 w-full items-center justify-center rounded-lg bg-blue-600 px-6 text-lg font-semibold text-white hover:opacity-80"&gt; Reserve Your Spot &lt;/a&gt; &lt;div class="h-2 w-full"&gt;&lt;/div&gt; &lt;a href="" class="flex h-14 w-full items-center justify-center rounded-lg px-6 text-lg font-semibold hover:bg-neutral-100"&gt; Need Assistance? &lt;i class="fas fa-headset ml-4"&gt;&lt;/i&gt; &lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/section&gt;  COPY  ```
<section class="container relative mx-auto mb-16">
  <div class="px-6 pt-36 lg:px-16 lg:pt-16">
    <div class="mx-auto grid w-full gap-4 lg:grid-cols-3">
      <div class="lg:col-span-3">
        <div class="mb-2 text-sm">Webinar</div>
        <h1 class="mb-2 text-2xl font-bold capitalize lg:mb-4 lg:text-6xl">Master the Pillars of Product Design</h1>
        <p class="text lg:mb-4"><i class="fas fa-calendar mr-2"></i>3 Days (Wednesday & Thursday)<i class="fas fa-clock mx-2"></i>10:00 AM - 5:00 PM</p>
      </div>
      <div class="lg:col-span-2">
        <!--Start Hero Section-->
        <section>
          <iframe src="https://www.youtube.com/embed/__NeP0RqACU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class="aspect-video w-full rounded-lg"></iframe>
        </section>
        <!--End Hero Section-->

        <div class="h-4 w-full"></div>

        <div class="mb-4 rounded-lg border border-neutral-200 p-4 lg:hidden">
          <div class="flex">
            <div class="h-12 w-12 rounded-md bg-neutral-200"></div>
            <div class="h-full w-3"></div>
            <div>
              <h1 class="text-2xl font-bold leading-7">Starting at RM 437</h1>
              <p class="text-sm leading-5"><i class="fas fa-users mr-2 text-neutral-400"></i>394/400 spots filled</p>
            </div>
          </div>
          <div class="h-4 w-full"></div>
          <div class="h-4 w-full border-t border-neutral-200"></div>
          <div class="flex">
            <div>
              <i class="fas fa-laptop"></i>
            </div>
            <div class="w-3"></div>
            <div class="flex flex-grow flex-col">
              <p class="font-semibold">Join via video call</p>
              <p class="text-sm">A link will be emailed to you upon registration.</p>
            </div>
          </div>
          <div class="h-4 w-full"></div>
          <div class="h-4 w-full border-t border-neutral-200"></div>
          <div>
            <h1 class="mb-2 text-xl font-semibold">Guest</h1>
            <div class="flex h-12 items-center rounded-lg border border-neutral-200 p-2">
              <p class="flex-grow">Adult</p>
              <div class="flex">
                <div class="flex h-8 w-8 items-center justify-center rounded-md bg-neutral-100">
                  <i class="fas fa-minus"></i>
                </div>
                <div class="flex h-8 w-12 items-center justify-center">
                  <p>1</p>
                </div>
                <div class="flex h-8 w-8 items-center justify-center rounded-md bg-neutral-100">
                  <i class="fas fa-plus"></i>
                </div>
              </div>
            </div>
          </div>
          <div class="h-4 w-full"></div>
          <div class="h-4 w-full border-t border-neutral-200"></div>
          <div>
            <div class="flex w-full">
              <p class="flex-grow">RM 874.00 x 1 adult</p>
              <p>RM 874</p>
            </div>
            <div class="h-2 w-full"></div>
            <div class="flex w-full">
              <p class="flex-grow">20% early bird discount</p>
              <p class="text-green-400">- RM 200</p>
            </div>
          </div>
          <div class="h-4 w-full"></div>
          <div class="h-4 w-full border-t border-neutral-200"></div>
          <div class="flex w-full text-xl">
            <p class="flex-grow">Total</p>
            <p class="font-semibold">RM 674</p>
          </div>
          <div class="h-4 w-full"></div>
          <a href="" class="flex h-14 w-full items-center justify-center rounded-lg bg-neutral-800 px-6 text-lg font-semibold text-white hover:opacity-80"> Reserve Your Spot </a>
          <div class="h-2 w-full"></div>
          <a href="" class="flex h-14 w-full items-center justify-center rounded-lg px-6 text-lg font-semibold hover:bg-neutral-100"> Need Assistance? <i class="fas fa-headset ml-4"></i> </a>
        </div>

        <!--Start Description Section-->
        <section>
          <h1 class="mb-4 text-2xl font-bold">About the Course</h1>
          <p class="text-lg">
            Discover the essential skills every digital product designer needs to succeed. Guided by Kyle Turman, Sr. Director of Product Design at Slack, this webinar dives deep into the core pillars of digital product design. Learn how to design and deliver impactful digital products at scale, drawing from real-world insights and best practices.
            <br /><br />
            <strong>In Partnership with Slack Design</strong>
            <br /><br />
            Slack Design is a team of passionate, innovative designers dedicated to making work simpler, more enjoyable, and productive. Through collaboration and knowledge-sharing, they aim to empower the broader design community.
          </p>
        </section>
        <!--End Description Section-->

        <div class="h-8 w-full border-b border-neutral-200"></div>
        <div class="h-8 w-full"></div>

        <!--Start Speaker Section-->
        <section>
          <h1 class="text-2xl font-bold leading-7">Meet Your Instructor</h1>
          <div class="mt-4 grid grid-cols-1 gap-4">
            <div class="grid grid-cols-2 gap-4 md:grid-cols-3 lg:grid-cols-4">
              <div
                class="rounded-lg bg-neutral-100"
                style="
                  padding-top: 120%;
                  background: url('https://placehold.co/200x260');
                  background-size: cover;
                "
              ></div>
              <div class="md:hidden"></div>
              <div class="col-span-2 lg:col-span-3">
                <p class="text-lg font-semibold">Kyle Turman</p>
                <p class="my-1 text-xs">Sr. Director of Product Design at Slack</p>
                <p>With years of experience in designing scalable digital products, Kyle Turman brings a wealth of knowledge to this webinar. Learn how to navigate the challenges of app design, create user-centric solutions, and stand out in a competitive market.</p>
              </div>
            </div>
          </div>
        </section>
        <!--End Speaker Section-->

        <div class="h-8 w-full border-b border-neutral-200"></div>
        <div class="h-8 w-full"></div>

        <!--Start Organizer Section-->
        <section>
          <h1 class="text-2xl font-bold leading-7">Organized By</h1>
          <div class="mt-4 grid grid-cols-1 gap-4">
            <div class="grid grid-cols-2 gap-4 md:grid-cols-3 lg:grid-cols-4">
              <div
                class="rounded-lg bg-neutral-100"
                style="
                  padding-top: 120%;
                  background: url('https://placehold.co/200x260');
                  background-size: cover;
                "
              ></div>
              <div class="md:hidden"></div>
              <div class="col-span-2 lg:col-span-3">
                <p class="text-lg font-semibold">FixColab Group Sdn Bhd</p>
                <p class="my-1 text-xs">Innovators in Design Education</p>
                <p>FixColab is committed to empowering designers with the skills and knowledge needed to thrive in the digital age. Through workshops, webinars, and collaborative projects, they aim to foster creativity and innovation in the design community.</p>
              </div>
            </div>
          </div>
        </section>
        <!--End Organizer Section-->

        <section class="hidden lg:block">
          <div class="h-8 w-full"></div>
          <div class="flex h-14 items-center border-b border-t border-neutral-100">
            <div class="h-8 w-8 overflow-hidden rounded-full bg-neutral-100">
              <img src="https://placehold.co/32x32" />
            </div>
            <div class="flex flex-grow flex-col px-2">
              <h1 class="text-sm font-bold">Hosted by FixColab Group Sdn Bhd</h1>
              <p class="text-xs">Published December 2, 2021</p>
            </div>
            <div>
              <a href="" class="flex h-8 items-center rounded-lg bg-neutral-100 px-3 text-sm"
                ><i class="fas fa-share-alt mr-2"></i>
                <p>Share</p>
              </a>
            </div>
          </div>
        </section>
      </div>
      <div class="hidden lg:block">
        <div class="sticky top-36 rounded-lg border border-neutral-200 p-4">
          <div class="flex">
            <div class="flex h-12 w-12 items-center justify-center rounded-md bg-neutral-200 text-xl text-blue-600">
              <i class="fas fa-graduation-cap"></i>
            </div>
            <div class="h-full w-3"></div>
            <div>
              <h1 class="text-2xl font-bold leading-7">Starting at RM 437</h1>
              <p class="text-sm leading-5"><i class="fas fa-users mr-2 text-neutral-400"></i>394/400 spots filled</p>
            </div>
          </div>
          <div class="h-4 w-full"></div>
          <div class="h-4 w-full border-t border-neutral-200"></div>
          <div class="flex">
            <div>
              <i class="fas fa-laptop"></i>
            </div>
            <div class="w-3"></div>
            <div class="flex flex-grow flex-col">
              <p class="font-semibold">Join via video call</p>
              <p class="text-sm">A link will be emailed to you upon registration.</p>
            </div>
          </div>
          <div class="h-4 w-full"></div>
          <div class="h-4 w-full border-t border-neutral-200"></div>
          <div>
            <h1 class="mb-2 text-xl font-semibold">Guest</h1>
            <div class="flex h-12 items-center rounded-lg border border-neutral-200 p-2">
              <p class="flex-grow">Adult</p>
              <div class="flex">
                <div class="flex h-8 w-8 items-center justify-center rounded-md bg-neutral-100">
                  <i class="fas fa-minus"></i>
                </div>
                <div class="flex h-8 w-12 items-center justify-center">
                  <p>1</p>
                </div>
                <div class="flex h-8 w-8 items-center justify-center rounded-md bg-neutral-100">
                  <i class="fas fa-plus"></i>
                </div>
              </div>
            </div>
          </div>
          <div class="h-4 w-full"></div>
          <div class="h-4 w-full border-t border-neutral-200"></div>
          <div>
            <div class="flex w-full">
              <p class="flex-grow">RM 874.00 x 1 adult</p>
              <p>RM 874</p>
            </div>
            <div class="h-2 w-full"></div>
            <div class="flex w-full">
              <p class="flex-grow">20% early bird discount</p>
              <p class="text-red-500">- RM 200</p>
            </div>
          </div>
          <div class="h-4 w-full"></div>
          <div class="h-4 w-full border-t border-neutral-200"></div>
          <div class="flex w-full text-xl">
            <p class="flex-grow">Total</p>
            <p class="font-semibold">RM 674</p>
          </div>
          <div class="h-4 w-full"></div>
          <a href="" class="flex h-14 w-full items-center justify-center rounded-lg bg-blue-600 px-6 text-lg font-semibold text-white hover:opacity-80"> Reserve Your Spot </a>
          <div class="h-2 w-full"></div>
          <a href="" class="flex h-14 w-full items-center justify-center rounded-lg px-6 text-lg font-semibold hover:bg-neutral-100"> Need Assistance? <i class="fas fa-headset ml-4"></i> </a>
        </div>
      </div>
    </div>
  </div>
</section>
```

 

 

  Webinar

Master the Pillars of Product Design
====================================

3 Days (Wednesday &amp; Thursday)10:00 AM - 5:00 PM

 

     





Starting at RM 437
==================

394/400 spots filled

 

 





  



Join via video call

A link will be emailed to you upon registration.

 

 





Guest
=====

Adult

  

1

 

  

 

 

 





RM 874.00 x 1 adult

RM 874

 



20% early bird discount

\- RM 200

 

 





Total

RM 674

 



 <a href="" layout="flex items:center justify:center" space="h:big-2x w:[100%] p-x:medium-3x" visual="rounded:medium bg:neutral-800 text-size:large font:tw-semibold text:white hover:opacity:80"> Reserve Your Spot </a>

 <a href="" layout="flex items:center justify:center" space="h:big-2x w:[100%] p-x:medium-3x" visual="rounded:medium text-size:large font:tw-semibold hover:bg:neutral-100"> Need Assistance?  </a> 

  About the Course
================

 Discover the essential skills every digital product designer needs to succeed. Guided by Kyle Turman, Sr. Director of Product Design at Slack, this webinar dives deep into the core pillars of digital product design. Learn how to design and deliver impactful digital products at scale, drawing from real-world insights and best practices. 

 **In Partnership with Slack Design** 

 Slack Design is a team of passionate, innovative designers dedicated to making work simpler, more enjoyable, and productive. Through collaboration and knowledge-sharing, they aim to empower the broader design community.

  



  Meet Your Instructor
====================





Kyle Turman

Sr. Director of Product Design at Slack

With years of experience in designing scalable digital products, Kyle Turman brings a wealth of knowledge to this webinar. Learn how to navigate the challenges of app design, create user-centric solutions, and stand out in a competitive market.

 

 

 

  



  Organized By
============





FixColab Group Sdn Bhd

Innovators in Design Education

FixColab is committed to empowering designers with the skills and knowledge needed to thrive in the digital age. Through workshops, webinars, and collaborative projects, they aim to foster creativity and innovation in the design community.

 

 

 

   

 ![](https://placehold.co/32x32) 

Hosted by FixColab Group Sdn Bhd
================================

Published December 2, 2021

 

 <a href="" layout="flex items:center" space="h:large p-x:small-3x" visual="rounded:medium bg:neutral-100 text-size:small">Share

 </a> 

 

  

  



Starting at RM 437
==================

394/400 spots filled

 

 





  



Join via video call

A link will be emailed to you upon registration.

 

 





Guest
=====

Adult

  

1

 

  

 

 

 





RM 874.00 x 1 adult

RM 874

 



20% early bird discount

\- RM 200

 

 





Total

RM 674

 



 <a href="" layout="flex items:center justify:center" space="h:big-2x w:[100%] p-x:medium-3x" visual="rounded:medium bg:blue-600 text-size:large font:tw-semibold text:white hover:opacity:80"> Reserve Your Spot </a>

 <a href="" layout="flex items:center justify:center" space="h:big-2x w:[100%] p-x:medium-3x" visual="rounded:medium text-size:large font:tw-semibold hover:bg:neutral-100"> Need Assistance?  </a> 

 

 

 

  

  &lt;section layout="container relative" space="m-x:auto m-b:big-3x"&gt; &lt;div space="p-x:medium-3x p-t:giant-4x tw-lg:p-x:big-3x tw-lg:p-t:big-3x"&gt; &lt;div layout="grid tw-lg:grid-cols:3" space="m-x:auto w:\[100%\] g:medium"&gt; &lt;div layout="tw-lg:col-span:3"&gt; &lt;div space="m-b:small" visual="text-size:small"&gt;Webinar&lt;/div&gt; &lt;h1 space="m-b:small tw-lg:m-b:medium" visual="text-size:huge font:tw-bold capitalize tw-lg:text-size:mega"&gt;Master the Pillars of Product Design&lt;/h1&gt; &lt;p space="tw-lg:m-b:medium" class="text"&gt;&lt;i space="m-r:small" class="fas fa-calendar"&gt;&lt;/i&gt;3 Days (Wednesday &amp; Thursday)&lt;i space="m-x:small" class="fas fa-clock"&gt;&lt;/i&gt;10:00 AM - 5:00 PM&lt;/p&gt; &lt;/div&gt; &lt;div layout="tw-lg:col-span:2"&gt; &lt;!--Start Hero Section--&gt; &lt;section&gt; &lt;iframe src="https://www.youtube.com/embed/\_\_NeP0RqACU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen space="w:\[100%\]" visual="rounded:medium" class="aspect-video"&gt;&lt;/iframe&gt; &lt;/section&gt; &lt;!--End Hero Section--&gt; &lt;div space="h:medium w:\[100%\]"&gt;&lt;/div&gt; &lt;div layout="tw-lg:hidden" space="m-b:medium p:medium" visual="rounded:medium border-w:thin border:neutral-200"&gt; &lt;div layout="flex"&gt; &lt;div space="h:big w:big" visual="rounded:small bg:neutral-200"&gt;&lt;/div&gt; &lt;div space="h:\[100%\] w:small-3x"&gt;&lt;/div&gt; &lt;div&gt; &lt;h1 visual="text-size:huge font:tw-bold" class="leading-7"&gt;Starting at RM 437&lt;/h1&gt; &lt;p visual="text-size:small" class="leading-5"&gt;&lt;i space="m-r:small" visual="text:neutral-400" class="fas fa-users"&gt;&lt;/i&gt;394/400 spots filled&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div space="h:medium w:\[100%\]"&gt;&lt;/div&gt; &lt;div space="h:medium w:\[100%\]" visual="border:neutral-200" class="border-t"&gt;&lt;/div&gt; &lt;div layout="flex"&gt; &lt;div&gt; &lt;i class="fas fa-laptop"&gt;&lt;/i&gt; &lt;/div&gt; &lt;div space="w:small-3x"&gt;&lt;/div&gt; &lt;div layout="flex grow col"&gt; &lt;p visual="font:tw-semibold"&gt;Join via video call&lt;/p&gt; &lt;p visual="text-size:small"&gt;A link will be emailed to you upon registration.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div space="h:medium w:\[100%\]"&gt;&lt;/div&gt; &lt;div space="h:medium w:\[100%\]" visual="border:neutral-200" class="border-t"&gt;&lt;/div&gt; &lt;div&gt; &lt;h1 space="m-b:small" visual="text-size:big font:tw-semibold"&gt;Guest&lt;/h1&gt; &lt;div layout="flex items:center" space="h:big p:small" visual="rounded:medium border-w:thin border:neutral-200"&gt; &lt;p layout="grow"&gt;Adult&lt;/p&gt; &lt;div layout="flex"&gt; &lt;div layout="flex items:center justify:center" space="h:large w:large" visual="rounded:small bg:neutral-100"&gt; &lt;i class="fas fa-minus"&gt;&lt;/i&gt; &lt;/div&gt; &lt;div layout="flex items:center justify:center" space="h:large w:big"&gt; &lt;p&gt;1&lt;/p&gt; &lt;/div&gt; &lt;div layout="flex items:center justify:center" space="h:large w:large" visual="rounded:small bg:neutral-100"&gt; &lt;i class="fas fa-plus"&gt;&lt;/i&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div space="h:medium w:\[100%\]"&gt;&lt;/div&gt; &lt;div space="h:medium w:\[100%\]" visual="border:neutral-200" class="border-t"&gt;&lt;/div&gt; &lt;div&gt; &lt;div layout="flex" space="w:\[100%\]"&gt; &lt;p layout="grow"&gt;RM 874.00 x 1 adult&lt;/p&gt; &lt;p&gt;RM 874&lt;/p&gt; &lt;/div&gt; &lt;div space="h:small w:\[100%\]"&gt;&lt;/div&gt; &lt;div layout="flex" space="w:\[100%\]"&gt; &lt;p layout="grow"&gt;20% early bird discount&lt;/p&gt; &lt;p visual="text:green-400"&gt;- RM 200&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div space="h:medium w:\[100%\]"&gt;&lt;/div&gt; &lt;div space="h:medium w:\[100%\]" visual="border:neutral-200" class="border-t"&gt;&lt;/div&gt; &lt;div layout="flex" space="w:\[100%\]" visual="text-size:big"&gt; &lt;p layout="grow"&gt;Total&lt;/p&gt; &lt;p visual="font:tw-semibold"&gt;RM 674&lt;/p&gt; &lt;/div&gt; &lt;div space="h:medium w:\[100%\]"&gt;&lt;/div&gt; &lt;a href="" layout="flex items:center justify:center" space="h:big-2x w:\[100%\] p-x:medium-3x" visual="rounded:medium bg:neutral-800 text-size:large font:tw-semibold text:white hover:opacity:80"&gt; Reserve Your Spot &lt;/a&gt; &lt;div space="h:small w:\[100%\]"&gt;&lt;/div&gt; &lt;a href="" layout="flex items:center justify:center" space="h:big-2x w:\[100%\] p-x:medium-3x" visual="rounded:medium text-size:large font:tw-semibold hover:bg:neutral-100"&gt; Need Assistance? &lt;i space="m-l:medium" class="fas fa-headset"&gt;&lt;/i&gt; &lt;/a&gt; &lt;/div&gt; &lt;!--Start Description Section--&gt; &lt;section&gt; &lt;h1 space="m-b:medium" visual="text-size:huge font:tw-bold"&gt;About the Course&lt;/h1&gt; &lt;p visual="text-size:large"&gt; Discover the essential skills every digital product designer needs to succeed. Guided by Kyle Turman, Sr. Director of Product Design at Slack, this webinar dives deep into the core pillars of digital product design. Learn how to design and deliver impactful digital products at scale, drawing from real-world insights and best practices. &lt;br /&gt;&lt;br /&gt; &lt;strong&gt;In Partnership with Slack Design&lt;/strong&gt; &lt;br /&gt;&lt;br /&gt; Slack Design is a team of passionate, innovative designers dedicated to making work simpler, more enjoyable, and productive. Through collaboration and knowledge-sharing, they aim to empower the broader design community. &lt;/p&gt; &lt;/section&gt; &lt;!--End Description Section--&gt; &lt;div space="h:large w:\[100%\]" visual="border:neutral-200" class="border-b"&gt;&lt;/div&gt; &lt;div space="h:large w:\[100%\]"&gt;&lt;/div&gt; &lt;!--Start Speaker Section--&gt; &lt;section&gt; &lt;h1 visual="text-size:huge font:tw-bold" class="leading-7"&gt;Meet Your Instructor&lt;/h1&gt; &lt;div layout="grid grid-cols:1" space="m-t:medium g:medium"&gt; &lt;div layout="grid grid-cols:2 tw-md:grid-cols:3 tw-lg:grid-cols:4" space="g:medium"&gt; &lt;div visual="rounded:medium bg:neutral-100" style=" padding-top: 120%; background: url('https://placehold.co/200x260'); background-size: cover; " &gt;&lt;/div&gt; &lt;div layout="tw-md:hidden"&gt;&lt;/div&gt; &lt;div layout="col-span:2 tw-lg:col-span:3"&gt; &lt;p visual="text-size:large font:tw-semibold"&gt;Kyle Turman&lt;/p&gt; &lt;p space="m-y:tiny" visual="text-size:mini"&gt;Sr. Director of Product Design at Slack&lt;/p&gt; &lt;p&gt;With years of experience in designing scalable digital products, Kyle Turman brings a wealth of knowledge to this webinar. Learn how to navigate the challenges of app design, create user-centric solutions, and stand out in a competitive market.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/section&gt; &lt;!--End Speaker Section--&gt; &lt;div space="h:large w:\[100%\]" visual="border:neutral-200" class="border-b"&gt;&lt;/div&gt; &lt;div space="h:large w:\[100%\]"&gt;&lt;/div&gt; &lt;!--Start Organizer Section--&gt; &lt;section&gt; &lt;h1 visual="text-size:huge font:tw-bold" class="leading-7"&gt;Organized By&lt;/h1&gt; &lt;div layout="grid grid-cols:1" space="m-t:medium g:medium"&gt; &lt;div layout="grid grid-cols:2 tw-md:grid-cols:3 tw-lg:grid-cols:4" space="g:medium"&gt; &lt;div visual="rounded:medium bg:neutral-100" style=" padding-top: 120%; background: url('https://placehold.co/200x260'); background-size: cover; " &gt;&lt;/div&gt; &lt;div layout="tw-md:hidden"&gt;&lt;/div&gt; &lt;div layout="col-span:2 tw-lg:col-span:3"&gt; &lt;p visual="text-size:large font:tw-semibold"&gt;FixColab Group Sdn Bhd&lt;/p&gt; &lt;p space="m-y:tiny" visual="text-size:mini"&gt;Innovators in Design Education&lt;/p&gt; &lt;p&gt;FixColab is committed to empowering designers with the skills and knowledge needed to thrive in the digital age. Through workshops, webinars, and collaborative projects, they aim to foster creativity and innovation in the design community.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/section&gt; &lt;!--End Organizer Section--&gt; &lt;section layout="hidden tw-lg:block"&gt; &lt;div space="h:large w:\[100%\]"&gt;&lt;/div&gt; &lt;div layout="flex items:center" space="h:big-2x" visual="border:neutral-100" class="border-b border-t"&gt; &lt;div layout="overflow:hidden" space="h:large w:large" visual="rounded:round bg:neutral-100"&gt; &lt;img src="https://placehold.co/32x32" /&gt; &lt;/div&gt; &lt;div layout="flex grow col" space="p-x:small"&gt; &lt;h1 visual="text-size:small font:tw-bold"&gt;Hosted by FixColab Group Sdn Bhd&lt;/h1&gt; &lt;p visual="text-size:mini"&gt;Published December 2, 2021&lt;/p&gt; &lt;/div&gt; &lt;div&gt; &lt;a href="" layout="flex items:center" space="h:large p-x:small-3x" visual="rounded:medium bg:neutral-100 text-size:small" &gt;&lt;i space="m-r:small" class="fas fa-share-alt"&gt;&lt;/i&gt; &lt;p&gt;Share&lt;/p&gt; &lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/section&gt; &lt;/div&gt; &lt;div layout="hidden tw-lg:block"&gt; &lt;div layout="sticky top:giant-4x" space="p:medium" visual="rounded:medium border-w:thin border:neutral-200"&gt; &lt;div layout="flex"&gt; &lt;div layout="flex items:center justify:center" space="h:big w:big" visual="rounded:small bg:neutral-200 text-size:big text:blue-600"&gt; &lt;i class="fas fa-graduation-cap"&gt;&lt;/i&gt; &lt;/div&gt; &lt;div space="h:\[100%\] w:small-3x"&gt;&lt;/div&gt; &lt;div&gt; &lt;h1 visual="text-size:huge font:tw-bold" class="leading-7"&gt;Starting at RM 437&lt;/h1&gt; &lt;p visual="text-size:small" class="leading-5"&gt;&lt;i space="m-r:small" visual="text:neutral-400" class="fas fa-users"&gt;&lt;/i&gt;394/400 spots filled&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div space="h:medium w:\[100%\]"&gt;&lt;/div&gt; &lt;div space="h:medium w:\[100%\]" visual="border:neutral-200" class="border-t"&gt;&lt;/div&gt; &lt;div layout="flex"&gt; &lt;div&gt; &lt;i class="fas fa-laptop"&gt;&lt;/i&gt; &lt;/div&gt; &lt;div space="w:small-3x"&gt;&lt;/div&gt; &lt;div layout="flex grow col"&gt; &lt;p visual="font:tw-semibold"&gt;Join via video call&lt;/p&gt; &lt;p visual="text-size:small"&gt;A link will be emailed to you upon registration.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div space="h:medium w:\[100%\]"&gt;&lt;/div&gt; &lt;div space="h:medium w:\[100%\]" visual="border:neutral-200" class="border-t"&gt;&lt;/div&gt; &lt;div&gt; &lt;h1 space="m-b:small" visual="text-size:big font:tw-semibold"&gt;Guest&lt;/h1&gt; &lt;div layout="flex items:center" space="h:big p:small" visual="rounded:medium border-w:thin border:neutral-200"&gt; &lt;p layout="grow"&gt;Adult&lt;/p&gt; &lt;div layout="flex"&gt; &lt;div layout="flex items:center justify:center" space="h:large w:large" visual="rounded:small bg:neutral-100"&gt; &lt;i class="fas fa-minus"&gt;&lt;/i&gt; &lt;/div&gt; &lt;div layout="flex items:center justify:center" space="h:large w:big"&gt; &lt;p&gt;1&lt;/p&gt; &lt;/div&gt; &lt;div layout="flex items:center justify:center" space="h:large w:large" visual="rounded:small bg:neutral-100"&gt; &lt;i class="fas fa-plus"&gt;&lt;/i&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div space="h:medium w:\[100%\]"&gt;&lt;/div&gt; &lt;div space="h:medium w:\[100%\]" visual="border:neutral-200" class="border-t"&gt;&lt;/div&gt; &lt;div&gt; &lt;div layout="flex" space="w:\[100%\]"&gt; &lt;p layout="grow"&gt;RM 874.00 x 1 adult&lt;/p&gt; &lt;p&gt;RM 874&lt;/p&gt; &lt;/div&gt; &lt;div space="h:small w:\[100%\]"&gt;&lt;/div&gt; &lt;div layout="flex" space="w:\[100%\]"&gt; &lt;p layout="grow"&gt;20% early bird discount&lt;/p&gt; &lt;p visual="text:red-500"&gt;- RM 200&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div space="h:medium w:\[100%\]"&gt;&lt;/div&gt; &lt;div space="h:medium w:\[100%\]" visual="border:neutral-200" class="border-t"&gt;&lt;/div&gt; &lt;div layout="flex" space="w:\[100%\]" visual="text-size:big"&gt; &lt;p layout="grow"&gt;Total&lt;/p&gt; &lt;p visual="font:tw-semibold"&gt;RM 674&lt;/p&gt; &lt;/div&gt; &lt;div space="h:medium w:\[100%\]"&gt;&lt;/div&gt; &lt;a href="" layout="flex items:center justify:center" space="h:big-2x w:\[100%\] p-x:medium-3x" visual="rounded:medium bg:blue-600 text-size:large font:tw-semibold text:white hover:opacity:80"&gt; Reserve Your Spot &lt;/a&gt; &lt;div space="h:small w:\[100%\]"&gt;&lt;/div&gt; &lt;a href="" layout="flex items:center justify:center" space="h:big-2x w:\[100%\] p-x:medium-3x" visual="rounded:medium text-size:large font:tw-semibold hover:bg:neutral-100"&gt; Need Assistance? &lt;i space="m-l:medium" class="fas fa-headset"&gt;&lt;/i&gt; &lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/section&gt;  COPY  ```
<section layout="container relative" space="m-x:auto m-b:big-3x">
  <div space="p-x:medium-3x p-t:giant-4x tw-lg:p-x:big-3x tw-lg:p-t:big-3x">
    <div layout="grid tw-lg:grid-cols:3" space="m-x:auto w:[100%] g:medium">
      <div layout="tw-lg:col-span:3">
        <div space="m-b:small" visual="text-size:small">Webinar</div>
        <h1 space="m-b:small tw-lg:m-b:medium" visual="text-size:huge font:tw-bold capitalize tw-lg:text-size:mega">Master the Pillars of Product Design</h1>
        <p space="tw-lg:m-b:medium" class="text"><i space="m-r:small" class="fas fa-calendar"></i>3 Days (Wednesday & Thursday)<i space="m-x:small" class="fas fa-clock"></i>10:00 AM - 5:00 PM</p>
      </div>
      <div layout="tw-lg:col-span:2">
        <!--Start Hero Section-->
        <section>
          <iframe src="https://www.youtube.com/embed/__NeP0RqACU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen space="w:[100%]" visual="rounded:medium" class="aspect-video"></iframe>
        </section>
        <!--End Hero Section-->

        <div space="h:medium w:[100%]"></div>

        <div layout="tw-lg:hidden" space="m-b:medium p:medium" visual="rounded:medium border-w:thin border:neutral-200">
          <div layout="flex">
            <div space="h:big w:big" visual="rounded:small bg:neutral-200"></div>
            <div space="h:[100%] w:small-3x"></div>
            <div>
              <h1 visual="text-size:huge font:tw-bold" class="leading-7">Starting at RM 437</h1>
              <p visual="text-size:small" class="leading-5"><i space="m-r:small" visual="text:neutral-400" class="fas fa-users"></i>394/400 spots filled</p>
            </div>
          </div>
          <div space="h:medium w:[100%]"></div>
          <div space="h:medium w:[100%]" visual="border:neutral-200" class="border-t"></div>
          <div layout="flex">
            <div>
              <i class="fas fa-laptop"></i>
            </div>
            <div space="w:small-3x"></div>
            <div layout="flex grow col">
              <p visual="font:tw-semibold">Join via video call</p>
              <p visual="text-size:small">A link will be emailed to you upon registration.</p>
            </div>
          </div>
          <div space="h:medium w:[100%]"></div>
          <div space="h:medium w:[100%]" visual="border:neutral-200" class="border-t"></div>
          <div>
            <h1 space="m-b:small" visual="text-size:big font:tw-semibold">Guest</h1>
            <div layout="flex items:center" space="h:big p:small" visual="rounded:medium border-w:thin border:neutral-200">
              <p layout="grow">Adult</p>
              <div layout="flex">
                <div layout="flex items:center justify:center" space="h:large w:large" visual="rounded:small bg:neutral-100">
                  <i class="fas fa-minus"></i>
                </div>
                <div layout="flex items:center justify:center" space="h:large w:big">
                  <p>1</p>
                </div>
                <div layout="flex items:center justify:center" space="h:large w:large" visual="rounded:small bg:neutral-100">
                  <i class="fas fa-plus"></i>
                </div>
              </div>
            </div>
          </div>
          <div space="h:medium w:[100%]"></div>
          <div space="h:medium w:[100%]" visual="border:neutral-200" class="border-t"></div>
          <div>
            <div layout="flex" space="w:[100%]">
              <p layout="grow">RM 874.00 x 1 adult</p>
              <p>RM 874</p>
            </div>
            <div space="h:small w:[100%]"></div>
            <div layout="flex" space="w:[100%]">
              <p layout="grow">20% early bird discount</p>
              <p visual="text:green-400">- RM 200</p>
            </div>
          </div>
          <div space="h:medium w:[100%]"></div>
          <div space="h:medium w:[100%]" visual="border:neutral-200" class="border-t"></div>
          <div layout="flex" space="w:[100%]" visual="text-size:big">
            <p layout="grow">Total</p>
            <p visual="font:tw-semibold">RM 674</p>
          </div>
          <div space="h:medium w:[100%]"></div>
          <a href="" layout="flex items:center justify:center" space="h:big-2x w:[100%] p-x:medium-3x" visual="rounded:medium bg:neutral-800 text-size:large font:tw-semibold text:white hover:opacity:80"> Reserve Your Spot </a>
          <div space="h:small w:[100%]"></div>
          <a href="" layout="flex items:center justify:center" space="h:big-2x w:[100%] p-x:medium-3x" visual="rounded:medium text-size:large font:tw-semibold hover:bg:neutral-100"> Need Assistance? <i space="m-l:medium" class="fas fa-headset"></i> </a>
        </div>

        <!--Start Description Section-->
        <section>
          <h1 space="m-b:medium" visual="text-size:huge font:tw-bold">About the Course</h1>
          <p visual="text-size:large">
            Discover the essential skills every digital product designer needs to succeed. Guided by Kyle Turman, Sr. Director of Product Design at Slack, this webinar dives deep into the core pillars of digital product design. Learn how to design and deliver impactful digital products at scale, drawing from real-world insights and best practices.
            <br /><br />
            <strong>In Partnership with Slack Design</strong>
            <br /><br />
            Slack Design is a team of passionate, innovative designers dedicated to making work simpler, more enjoyable, and productive. Through collaboration and knowledge-sharing, they aim to empower the broader design community.
          </p>
        </section>
        <!--End Description Section-->

        <div space="h:large w:[100%]" visual="border:neutral-200" class="border-b"></div>
        <div space="h:large w:[100%]"></div>

        <!--Start Speaker Section-->
        <section>
          <h1 visual="text-size:huge font:tw-bold" class="leading-7">Meet Your Instructor</h1>
          <div layout="grid grid-cols:1" space="m-t:medium g:medium">
            <div layout="grid grid-cols:2 tw-md:grid-cols:3 tw-lg:grid-cols:4" space="g:medium">
              <div
                visual="rounded:medium bg:neutral-100"
                style="
                  padding-top: 120%;
                  background: url('https://placehold.co/200x260');
                  background-size: cover;
                "
              ></div>
              <div layout="tw-md:hidden"></div>
              <div layout="col-span:2 tw-lg:col-span:3">
                <p visual="text-size:large font:tw-semibold">Kyle Turman</p>
                <p space="m-y:tiny" visual="text-size:mini">Sr. Director of Product Design at Slack</p>
                <p>With years of experience in designing scalable digital products, Kyle Turman brings a wealth of knowledge to this webinar. Learn how to navigate the challenges of app design, create user-centric solutions, and stand out in a competitive market.</p>
              </div>
            </div>
          </div>
        </section>
        <!--End Speaker Section-->

        <div space="h:large w:[100%]" visual="border:neutral-200" class="border-b"></div>
        <div space="h:large w:[100%]"></div>

        <!--Start Organizer Section-->
        <section>
          <h1 visual="text-size:huge font:tw-bold" class="leading-7">Organized By</h1>
          <div layout="grid grid-cols:1" space="m-t:medium g:medium">
            <div layout="grid grid-cols:2 tw-md:grid-cols:3 tw-lg:grid-cols:4" space="g:medium">
              <div
                visual="rounded:medium bg:neutral-100"
                style="
                  padding-top: 120%;
                  background: url('https://placehold.co/200x260');
                  background-size: cover;
                "
              ></div>
              <div layout="tw-md:hidden"></div>
              <div layout="col-span:2 tw-lg:col-span:3">
                <p visual="text-size:large font:tw-semibold">FixColab Group Sdn Bhd</p>
                <p space="m-y:tiny" visual="text-size:mini">Innovators in Design Education</p>
                <p>FixColab is committed to empowering designers with the skills and knowledge needed to thrive in the digital age. Through workshops, webinars, and collaborative projects, they aim to foster creativity and innovation in the design community.</p>
              </div>
            </div>
          </div>
        </section>
        <!--End Organizer Section-->

        <section layout="hidden tw-lg:block">
          <div space="h:large w:[100%]"></div>
          <div layout="flex items:center" space="h:big-2x" visual="border:neutral-100" class="border-b border-t">
            <div layout="overflow:hidden" space="h:large w:large" visual="rounded:round bg:neutral-100">
              <img src="https://placehold.co/32x32" />
            </div>
            <div layout="flex grow col" space="p-x:small">
              <h1 visual="text-size:small font:tw-bold">Hosted by FixColab Group Sdn Bhd</h1>
              <p visual="text-size:mini">Published December 2, 2021</p>
            </div>
            <div>
              <a href="" layout="flex items:center" space="h:large p-x:small-3x" visual="rounded:medium bg:neutral-100 text-size:small"
                ><i space="m-r:small" class="fas fa-share-alt"></i>
                <p>Share</p>
              </a>
            </div>
          </div>
        </section>
      </div>
      <div layout="hidden tw-lg:block">
        <div layout="sticky top:giant-4x" space="p:medium" visual="rounded:medium border-w:thin border:neutral-200">
          <div layout="flex">
            <div layout="flex items:center justify:center" space="h:big w:big" visual="rounded:small bg:neutral-200 text-size:big text:blue-600">
              <i class="fas fa-graduation-cap"></i>
            </div>
            <div space="h:[100%] w:small-3x"></div>
            <div>
              <h1 visual="text-size:huge font:tw-bold" class="leading-7">Starting at RM 437</h1>
              <p visual="text-size:small" class="leading-5"><i space="m-r:small" visual="text:neutral-400" class="fas fa-users"></i>394/400 spots filled</p>
            </div>
          </div>
          <div space="h:medium w:[100%]"></div>
          <div space="h:medium w:[100%]" visual="border:neutral-200" class="border-t"></div>
          <div layout="flex">
            <div>
              <i class="fas fa-laptop"></i>
            </div>
            <div space="w:small-3x"></div>
            <div layout="flex grow col">
              <p visual="font:tw-semibold">Join via video call</p>
              <p visual="text-size:small">A link will be emailed to you upon registration.</p>
            </div>
          </div>
          <div space="h:medium w:[100%]"></div>
          <div space="h:medium w:[100%]" visual="border:neutral-200" class="border-t"></div>
          <div>
            <h1 space="m-b:small" visual="text-size:big font:tw-semibold">Guest</h1>
            <div layout="flex items:center" space="h:big p:small" visual="rounded:medium border-w:thin border:neutral-200">
              <p layout="grow">Adult</p>
              <div layout="flex">
                <div layout="flex items:center justify:center" space="h:large w:large" visual="rounded:small bg:neutral-100">
                  <i class="fas fa-minus"></i>
                </div>
                <div layout="flex items:center justify:center" space="h:large w:big">
                  <p>1</p>
                </div>
                <div layout="flex items:center justify:center" space="h:large w:large" visual="rounded:small bg:neutral-100">
                  <i class="fas fa-plus"></i>
                </div>
              </div>
            </div>
          </div>
          <div space="h:medium w:[100%]"></div>
          <div space="h:medium w:[100%]" visual="border:neutral-200" class="border-t"></div>
          <div>
            <div layout="flex" space="w:[100%]">
              <p layout="grow">RM 874.00 x 1 adult</p>
              <p>RM 874</p>
            </div>
            <div space="h:small w:[100%]"></div>
            <div layout="flex" space="w:[100%]">
              <p layout="grow">20% early bird discount</p>
              <p visual="text:red-500">- RM 200</p>
            </div>
          </div>
          <div space="h:medium w:[100%]"></div>
          <div space="h:medium w:[100%]" visual="border:neutral-200" class="border-t"></div>
          <div layout="flex" space="w:[100%]" visual="text-size:big">
            <p layout="grow">Total</p>
            <p visual="font:tw-semibold">RM 674</p>
          </div>
          <div space="h:medium w:[100%]"></div>
          <a href="" layout="flex items:center justify:center" space="h:big-2x w:[100%] p-x:medium-3x" visual="rounded:medium bg:blue-600 text-size:large font:tw-semibold text:white hover:opacity:80"> Reserve Your Spot </a>
          <div space="h:small w:[100%]"></div>
          <a href="" layout="flex items:center justify:center" space="h:big-2x w:[100%] p-x:medium-3x" visual="rounded:medium text-size:large font:tw-semibold hover:bg:neutral-100"> Need Assistance? <i space="m-l:medium" class="fas fa-headset"></i> </a>
        </div>
      </div>
    </div>
  </div>
</section>
```

 

 

  

 

 

 

     SA 

 

 Senang Assistant Online • Help Center 

 

            

 

  

 

            

      

### Cookie Consent

 We use cookies to optimize website features, analyze traffic, and enhance your browsing experience. Choose your preferences below. [Privacy Policy](https://senangstart.com/privacy_policy)

 

 

  Accept All   Reject All   Customize Preferences  

 

 ### Manage Preferences

      

   Strictly Necessary Required  Essential for page operation, user login sessions, and secure navigation.

 

 



 

 

  Performance &amp; Analytics Allows us to count visits and traffic sources to measure and improve our site performance.

 

  

  

  Marketing &amp; Targeting Used to understand visitor interests and deliver relevant promotional messages.

 

  

  

 

  Save Choices   Accept All