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/products-1/llms.txt)Portfolio Reveal Grid 

  showcase  

 Showcases portfolio projects in a grid where images interact on hover, accompanied by descriptions and links.

 

     

 TailwindCSS    SenangStart CSS  

 

  

Our Previous Work - Proof of Our Expertise
==========================================

 

Explore our diverse range of software development projects that showcase our team's capabilities. From simple web applications to complex enterprise solutions, we've got you covered.

 

 

Kad Kahwin Digital

Revolusi Kad Kahwin - E-card wedding invitation revolution with Chat AI feature

 

 [Learn More](https://hub.kadkahwindigital.my/) 

 

![](https://placehold.co/600x600/2563EB/FFFFFF)

 

SenangWebs

Effortless Web Design, Your Way! Drag and drop static page website builder

 

 [Learn More](https://use.senangwebs.com) 

 

![](https://placehold.co/600x600/2563EB/FFFFFF)

 

QHeat

Advanced heat transfer calculator with preset parameter & built in workflow generator

 

 [Learn More](https://qheatapp.com/) 

 

![](https://placehold.co/600x600/2563EB/FFFFFF)

 

STEM-AR

Dive into the fascinating world of STEM (Science, Technology, Engineering & Mathematic) through the lens of Augmented Reality


 

 [Learn More](https://stem-ar.use.senangwebs.com/) 

 

![](https://placehold.co/600x600/2563EB/FFFFFF)

 

 

  

  <section id="i45ch1" class="container mx-auto my-8 px-6 lg:my-16 lg:px-16"> <div class="mb-4 grid grid-cols-1 lg:mx-24 lg:mb-8"> <div class="col-span-1"></div> <div> <h1 id="iwb62y" class="mb-2 text-3xl font-bold capitalize lg:mb-4 lg:text-6xl">Our Previous Work - Proof of Our Expertise</h1> </div> <div class="flex items-center"> <p id="it0vps" class="w-full text-left text-xl opacity-70 lg:text-2xl">Explore our diverse range of software development projects that showcase our team's capabilities. From simple web applications to complex enterprise solutions, we've got you covered.</p> </div> </div> <div class="grid grid-cols-1 gap-y-4 lg:grid-cols-2 lg:gap-4"> <div id="ifim5u" class="group flex flex-col justify-between overflow-hidden rounded-lg border border-gray-300"> <div class="flex h-full flex-col justify-between p-4 text-center lg:p-8"> <div id="ijjb2h"> <div class="mb-2 text-lg font-bold lg:mb-4 lg:text-3xl">Kad Kahwin Digital</div> <div id="ion706" class="mb-4 text-base lg:mb-8 lg:text-lg">Revolusi Kad Kahwin - E-card wedding invitation revolution with Chat AI feature</div> </div> <div id="ib9ess" class="flex justify-center"> <a id="is8dpb" href="https://hub.kadkahwindigital.my/" class="flex items-center gap-2 pr-1 font-semibold text-blue-600 hover:gap-3 hover:pr-0 hover:opacity-80 lg:text-lg">Learn More<i class="fas fa-arrow-right"></i></a> </div> </div> <div><img id="iqz78g" src="https://placehold.co/600x600/2563EB/FFFFFF" class="w-full grayscale transition group-hover:translate-y-4 group-hover:grayscale-0" /></div> </div> <div id="ivbreb" class="group flex flex-col justify-between overflow-hidden rounded-lg border border-gray-300"> <div id="iouupi" class="flex h-full flex-col justify-between p-4 text-center lg:p-8"> <div id="ih3d3p"> <div class="mb-2 text-lg font-bold lg:mb-4 lg:text-3xl">SenangWebs</div> <div id="inyi5b" class="mb-4 text-base lg:mb-8 lg:text-lg">Effortless Web Design, Your Way! Drag and drop static page website builder</div> </div> <div class="flex justify-center"> <a id="iz0gwi" href="https://use.senangwebs.com" class="flex items-center gap-2 pr-1 font-semibold text-blue-600 hover:gap-3 hover:pr-0 hover:opacity-80 lg:text-lg">Learn More<i class="fas fa-arrow-right"></i></a> </div> </div> <div><img id="ie1xqz" src="https://placehold.co/600x600/2563EB/FFFFFF" class="w-full grayscale transition group-hover:translate-y-4 group-hover:grayscale-0" /></div> </div> <div id="ixi16u" class="group flex flex-col justify-between overflow-hidden rounded-lg border border-gray-300"> <div id="iefxe5" class="flex h-full flex-col justify-between p-4 text-center lg:p-8"> <div> <div id="i765y2" class="mb-2 text-lg font-bold lg:mb-4 lg:text-3xl">QHeat</div> <div id="il5zfi" class="mb-4 text-base lg:mb-8 lg:text-lg">Advanced heat transfer calculator with preset parameter & built in workflow generator</div> </div> <div class="flex justify-center"> <a id="ijau8a" href="https://qheatapp.com/" class="flex items-center gap-2 pr-1 font-semibold text-blue-600 hover:gap-3 hover:pr-0 hover:opacity-80 lg:text-lg">Learn More<i class="fas fa-arrow-right"></i></a> </div> </div> <div><img id="ilx3al" src="https://placehold.co/600x600/2563EB/FFFFFF" class="w-full grayscale transition group-hover:translate-y-4 group-hover:grayscale-0" /></div> </div> <div id="icj8d9" class="group flex flex-col justify-between overflow-hidden rounded-lg border border-gray-300"> <div id="iiu3jj" class="flex h-full flex-col justify-between p-4 text-center lg:p-8"> <div> <div id="i6638l" class="mb-2 text-lg font-bold lg:mb-4 lg:text-3xl">STEM-AR</div> <div id="i83aw5" class="mb-4 text-base lg:mb-8 lg:text-lg">Dive into the fascinating world of STEM (Science, Technology, Engineering & Mathematic) through the lens of Augmented Reality<br /></div> </div> <div class="flex justify-center"> <a id="imvnkg" href="https://stem-ar.use.senangwebs.com/" class="flex items-center gap-2 pr-1 font-semibold text-blue-600 hover:gap-3 hover:pr-0 hover:opacity-80 lg:text-lg">Learn More<i class="fas fa-arrow-right"></i></a> </div> </div> <div><img id="i8rdy4" src="https://placehold.co/600x600/2563EB/FFFFFF" class="w-full grayscale transition group-hover:translate-y-4 group-hover:grayscale-0" /></div> </div> </div> </section>   COPY  ```
<section id="i45ch1" class="container mx-auto my-8 px-6 lg:my-16 lg:px-16">
  <div class="mb-4 grid grid-cols-1 lg:mx-24 lg:mb-8">
    <div class="col-span-1"></div>
    <div>
      <h1 id="iwb62y" class="mb-2 text-3xl font-bold capitalize lg:mb-4 lg:text-6xl">Our Previous Work - Proof of Our Expertise</h1>
    </div>
    <div class="flex items-center">
      <p id="it0vps" class="w-full text-left text-xl opacity-70 lg:text-2xl">Explore our diverse range of software development projects that showcase our team's capabilities. From simple web applications to complex enterprise solutions, we've got you covered.</p>
    </div>
  </div>
  <div class="grid grid-cols-1 gap-y-4 lg:grid-cols-2 lg:gap-4">
    <div id="ifim5u" class="group flex flex-col justify-between overflow-hidden rounded-lg border border-gray-300">
      <div class="flex h-full flex-col justify-between p-4 text-center lg:p-8">
        <div id="ijjb2h">
          <div class="mb-2 text-lg font-bold lg:mb-4 lg:text-3xl">Kad Kahwin Digital</div>
          <div id="ion706" class="mb-4 text-base lg:mb-8 lg:text-lg">Revolusi Kad Kahwin - E-card wedding invitation revolution with Chat AI feature</div>
        </div>
        <div id="ib9ess" class="flex justify-center">
          <a id="is8dpb" href="https://hub.kadkahwindigital.my/" class="flex items-center gap-2 pr-1 font-semibold text-blue-600 hover:gap-3 hover:pr-0 hover:opacity-80 lg:text-lg">Learn More<i class="fas fa-arrow-right"></i></a>
        </div>
      </div>
      <div><img id="iqz78g" src="https://placehold.co/600x600/2563EB/FFFFFF" class="w-full grayscale transition group-hover:translate-y-4 group-hover:grayscale-0" /></div>
    </div>
    <div id="ivbreb" class="group flex flex-col justify-between overflow-hidden rounded-lg border border-gray-300">
      <div id="iouupi" class="flex h-full flex-col justify-between p-4 text-center lg:p-8">
        <div id="ih3d3p">
          <div class="mb-2 text-lg font-bold lg:mb-4 lg:text-3xl">SenangWebs</div>
          <div id="inyi5b" class="mb-4 text-base lg:mb-8 lg:text-lg">Effortless Web Design, Your Way! Drag and drop static page website builder</div>
        </div>
        <div class="flex justify-center">
          <a id="iz0gwi" href="https://use.senangwebs.com" class="flex items-center gap-2 pr-1 font-semibold text-blue-600 hover:gap-3 hover:pr-0 hover:opacity-80 lg:text-lg">Learn More<i class="fas fa-arrow-right"></i></a>
        </div>
      </div>
      <div><img id="ie1xqz" src="https://placehold.co/600x600/2563EB/FFFFFF" class="w-full grayscale transition group-hover:translate-y-4 group-hover:grayscale-0" /></div>
    </div>
    <div id="ixi16u" class="group flex flex-col justify-between overflow-hidden rounded-lg border border-gray-300">
      <div id="iefxe5" class="flex h-full flex-col justify-between p-4 text-center lg:p-8">
        <div>
          <div id="i765y2" class="mb-2 text-lg font-bold lg:mb-4 lg:text-3xl">QHeat</div>
          <div id="il5zfi" class="mb-4 text-base lg:mb-8 lg:text-lg">Advanced heat transfer calculator with preset parameter &amp; built in workflow generator</div>
        </div>
        <div class="flex justify-center">
          <a id="ijau8a" href="https://qheatapp.com/" class="flex items-center gap-2 pr-1 font-semibold text-blue-600 hover:gap-3 hover:pr-0 hover:opacity-80 lg:text-lg">Learn More<i class="fas fa-arrow-right"></i></a>
        </div>
      </div>
      <div><img id="ilx3al" src="https://placehold.co/600x600/2563EB/FFFFFF" class="w-full grayscale transition group-hover:translate-y-4 group-hover:grayscale-0" /></div>
    </div>
    <div id="icj8d9" class="group flex flex-col justify-between overflow-hidden rounded-lg border border-gray-300">
      <div id="iiu3jj" class="flex h-full flex-col justify-between p-4 text-center lg:p-8">
        <div>
          <div id="i6638l" class="mb-2 text-lg font-bold lg:mb-4 lg:text-3xl">STEM-AR</div>
          <div id="i83aw5" class="mb-4 text-base lg:mb-8 lg:text-lg">Dive into the fascinating world of STEM (Science, Technology, Engineering &amp; Mathematic) through the lens of Augmented Reality<br /></div>
        </div>
        <div class="flex justify-center">
          <a id="imvnkg" href="https://stem-ar.use.senangwebs.com/" class="flex items-center gap-2 pr-1 font-semibold text-blue-600 hover:gap-3 hover:pr-0 hover:opacity-80 lg:text-lg">Learn More<i class="fas fa-arrow-right"></i></a>
        </div>
      </div>
      <div><img id="i8rdy4" src="https://placehold.co/600x600/2563EB/FFFFFF" class="w-full grayscale transition group-hover:translate-y-4 group-hover:grayscale-0" /></div>
    </div>
  </div>
</section>

```

 

 

  

Our Previous Work - Proof of Our Expertise
==========================================

 

Explore our diverse range of software development projects that showcase our team's capabilities. From simple web applications to complex enterprise solutions, we've got you covered.

 

 

Kad Kahwin Digital

Revolusi Kad Kahwin - E-card wedding invitation revolution with Chat AI feature

 

 [Learn More](https://hub.kadkahwindigital.my/) 

 

![](https://placehold.co/600x600/2563EB/FFFFFF)

 

SenangWebs

Effortless Web Design, Your Way! Drag and drop static page website builder

 

 [Learn More](https://use.senangwebs.com) 

 

![](https://placehold.co/600x600/2563EB/FFFFFF)

 

QHeat

Advanced heat transfer calculator with preset parameter &amp; built in workflow generator

 

 [Learn More](https://qheatapp.com/) 

 

![](https://placehold.co/600x600/2563EB/FFFFFF)

 

STEM-AR

Dive into the fascinating world of STEM (Science, Technology, Engineering &amp; Mathematic) through the lens of Augmented Reality


 

 [Learn More](https://stem-ar.use.senangwebs.com/) 

 

![](https://placehold.co/600x600/2563EB/FFFFFF)

 

 

  

  &lt;section id="i45ch1" layout="container" space="m-x:auto m-y:large p-x:medium-3x tw-lg:m-y:big-3x tw-lg:p-x:big-3x"&gt; &lt;div layout="grid grid-cols:1" space="m-b:medium tw-lg:m-x:giant tw-lg:m-b:large"&gt; &lt;div layout="col-span:1"&gt;&lt;/div&gt; &lt;div&gt; &lt;h1 id="iwb62y" space="m-b:small tw-lg:m-b:medium" visual="text-size:grand font:tw-bold capitalize tw-lg:text-size:mega"&gt;Our Previous Work - Proof of Our Expertise&lt;/h1&gt; &lt;/div&gt; &lt;div layout="flex items:center"&gt; &lt;p id="it0vps" space="w:\[100%\]" visual="text:left text-size:big opacity:70 tw-lg:text-size:huge"&gt;Explore our diverse range of software development projects that showcase our team's capabilities. From simple web applications to complex enterprise solutions, we've got you covered.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div layout="grid grid-cols:1 tw-lg:grid-cols:2" space="g-y:medium tw-lg:g:medium"&gt; &lt;div id="ifim5u" layout="flex col justify:between overflow:hidden" visual="rounded:medium border-w:thin border:gray-300" class="group"&gt; &lt;div layout="flex col justify:between" space="h:\[100%\] p:medium tw-lg:p:large" visual="text:center"&gt; &lt;div id="ijjb2h"&gt; &lt;div space="m-b:small tw-lg:m-b:medium" visual="text-size:large font:tw-bold tw-lg:text-size:grand"&gt;Kad Kahwin Digital&lt;/div&gt; &lt;div id="ion706" space="m-b:medium tw-lg:m-b:large" visual="text-size:base tw-lg:text-size:large"&gt;Revolusi Kad Kahwin - E-card wedding invitation revolution with Chat AI feature&lt;/div&gt; &lt;/div&gt; &lt;div id="ib9ess" layout="flex justify:center"&gt; &lt;a id="is8dpb" href="https://hub.kadkahwindigital.my/" layout="flex items:center" space="g:small p-r:tiny hover:g:small-3x hover:p-r:none" visual="font:tw-semibold text:blue-600 hover:opacity:80 tw-lg:text-size:large"&gt;Learn More&lt;i class="fas fa-arrow-right"&gt;&lt;/i&gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt;&lt;img id="iqz78g" src="https://placehold.co/600x600/2563EB/FFFFFF" space="w:\[100%\]" visual="transition:all" class="grayscale group-hover:translate-y-4 group-hover:grayscale-0" /&gt;&lt;/div&gt; &lt;/div&gt; &lt;div id="ivbreb" layout="flex col justify:between overflow:hidden" visual="rounded:medium border-w:thin border:gray-300" class="group"&gt; &lt;div id="iouupi" layout="flex col justify:between" space="h:\[100%\] p:medium tw-lg:p:large" visual="text:center"&gt; &lt;div id="ih3d3p"&gt; &lt;div space="m-b:small tw-lg:m-b:medium" visual="text-size:large font:tw-bold tw-lg:text-size:grand"&gt;SenangWebs&lt;/div&gt; &lt;div id="inyi5b" space="m-b:medium tw-lg:m-b:large" visual="text-size:base tw-lg:text-size:large"&gt;Effortless Web Design, Your Way! Drag and drop static page website builder&lt;/div&gt; &lt;/div&gt; &lt;div layout="flex justify:center"&gt; &lt;a id="iz0gwi" href="https://use.senangwebs.com" layout="flex items:center" space="g:small p-r:tiny hover:g:small-3x hover:p-r:none" visual="font:tw-semibold text:blue-600 hover:opacity:80 tw-lg:text-size:large"&gt;Learn More&lt;i class="fas fa-arrow-right"&gt;&lt;/i&gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt;&lt;img id="ie1xqz" src="https://placehold.co/600x600/2563EB/FFFFFF" space="w:\[100%\]" visual="transition:all" class="grayscale group-hover:translate-y-4 group-hover:grayscale-0" /&gt;&lt;/div&gt; &lt;/div&gt; &lt;div id="ixi16u" layout="flex col justify:between overflow:hidden" visual="rounded:medium border-w:thin border:gray-300" class="group"&gt; &lt;div id="iefxe5" layout="flex col justify:between" space="h:\[100%\] p:medium tw-lg:p:large" visual="text:center"&gt; &lt;div&gt; &lt;div id="i765y2" space="m-b:small tw-lg:m-b:medium" visual="text-size:large font:tw-bold tw-lg:text-size:grand"&gt;QHeat&lt;/div&gt; &lt;div id="il5zfi" space="m-b:medium tw-lg:m-b:large" visual="text-size:base tw-lg:text-size:large"&gt;Advanced heat transfer calculator with preset parameter &amp;amp; built in workflow generator&lt;/div&gt; &lt;/div&gt; &lt;div layout="flex justify:center"&gt; &lt;a id="ijau8a" href="https://qheatapp.com/" layout="flex items:center" space="g:small p-r:tiny hover:g:small-3x hover:p-r:none" visual="font:tw-semibold text:blue-600 hover:opacity:80 tw-lg:text-size:large"&gt;Learn More&lt;i class="fas fa-arrow-right"&gt;&lt;/i&gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt;&lt;img id="ilx3al" src="https://placehold.co/600x600/2563EB/FFFFFF" space="w:\[100%\]" visual="transition:all" class="grayscale group-hover:translate-y-4 group-hover:grayscale-0" /&gt;&lt;/div&gt; &lt;/div&gt; &lt;div id="icj8d9" layout="flex col justify:between overflow:hidden" visual="rounded:medium border-w:thin border:gray-300" class="group"&gt; &lt;div id="iiu3jj" layout="flex col justify:between" space="h:\[100%\] p:medium tw-lg:p:large" visual="text:center"&gt; &lt;div&gt; &lt;div id="i6638l" space="m-b:small tw-lg:m-b:medium" visual="text-size:large font:tw-bold tw-lg:text-size:grand"&gt;STEM-AR&lt;/div&gt; &lt;div id="i83aw5" space="m-b:medium tw-lg:m-b:large" visual="text-size:base tw-lg:text-size:large"&gt;Dive into the fascinating world of STEM (Science, Technology, Engineering &amp;amp; Mathematic) through the lens of Augmented Reality&lt;br /&gt;&lt;/div&gt; &lt;/div&gt; &lt;div layout="flex justify:center"&gt; &lt;a id="imvnkg" href="https://stem-ar.use.senangwebs.com/" layout="flex items:center" space="g:small p-r:tiny hover:g:small-3x hover:p-r:none" visual="font:tw-semibold text:blue-600 hover:opacity:80 tw-lg:text-size:large"&gt;Learn More&lt;i class="fas fa-arrow-right"&gt;&lt;/i&gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt;&lt;img id="i8rdy4" src="https://placehold.co/600x600/2563EB/FFFFFF" space="w:\[100%\]" visual="transition:all" class="grayscale group-hover:translate-y-4 group-hover:grayscale-0" /&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/section&gt;   COPY  ```
<section id="i45ch1" layout="container" space="m-x:auto m-y:large p-x:medium-3x tw-lg:m-y:big-3x tw-lg:p-x:big-3x">
  <div layout="grid grid-cols:1" space="m-b:medium tw-lg:m-x:giant tw-lg:m-b:large">
    <div layout="col-span:1"></div>
    <div>
      <h1 id="iwb62y" space="m-b:small tw-lg:m-b:medium" visual="text-size:grand font:tw-bold capitalize tw-lg:text-size:mega">Our Previous Work - Proof of Our Expertise</h1>
    </div>
    <div layout="flex items:center">
      <p id="it0vps" space="w:[100%]" visual="text:left text-size:big opacity:70 tw-lg:text-size:huge">Explore our diverse range of software development projects that showcase our team's capabilities. From simple web applications to complex enterprise solutions, we've got you covered.</p>
    </div>
  </div>
  <div layout="grid grid-cols:1 tw-lg:grid-cols:2" space="g-y:medium tw-lg:g:medium">
    <div id="ifim5u" layout="flex col justify:between overflow:hidden" visual="rounded:medium border-w:thin border:gray-300" class="group">
      <div layout="flex col justify:between" space="h:[100%] p:medium tw-lg:p:large" visual="text:center">
        <div id="ijjb2h">
          <div space="m-b:small tw-lg:m-b:medium" visual="text-size:large font:tw-bold tw-lg:text-size:grand">Kad Kahwin Digital</div>
          <div id="ion706" space="m-b:medium tw-lg:m-b:large" visual="text-size:base tw-lg:text-size:large">Revolusi Kad Kahwin - E-card wedding invitation revolution with Chat AI feature</div>
        </div>
        <div id="ib9ess" layout="flex justify:center">
          <a id="is8dpb" href="https://hub.kadkahwindigital.my/" layout="flex items:center" space="g:small p-r:tiny hover:g:small-3x hover:p-r:none" visual="font:tw-semibold text:blue-600 hover:opacity:80 tw-lg:text-size:large">Learn More<i class="fas fa-arrow-right"></i></a>
        </div>
      </div>
      <div><img id="iqz78g" src="https://placehold.co/600x600/2563EB/FFFFFF" space="w:[100%]" visual="transition:all" class="grayscale group-hover:translate-y-4 group-hover:grayscale-0" /></div>
    </div>
    <div id="ivbreb" layout="flex col justify:between overflow:hidden" visual="rounded:medium border-w:thin border:gray-300" class="group">
      <div id="iouupi" layout="flex col justify:between" space="h:[100%] p:medium tw-lg:p:large" visual="text:center">
        <div id="ih3d3p">
          <div space="m-b:small tw-lg:m-b:medium" visual="text-size:large font:tw-bold tw-lg:text-size:grand">SenangWebs</div>
          <div id="inyi5b" space="m-b:medium tw-lg:m-b:large" visual="text-size:base tw-lg:text-size:large">Effortless Web Design, Your Way! Drag and drop static page website builder</div>
        </div>
        <div layout="flex justify:center">
          <a id="iz0gwi" href="https://use.senangwebs.com" layout="flex items:center" space="g:small p-r:tiny hover:g:small-3x hover:p-r:none" visual="font:tw-semibold text:blue-600 hover:opacity:80 tw-lg:text-size:large">Learn More<i class="fas fa-arrow-right"></i></a>
        </div>
      </div>
      <div><img id="ie1xqz" src="https://placehold.co/600x600/2563EB/FFFFFF" space="w:[100%]" visual="transition:all" class="grayscale group-hover:translate-y-4 group-hover:grayscale-0" /></div>
    </div>
    <div id="ixi16u" layout="flex col justify:between overflow:hidden" visual="rounded:medium border-w:thin border:gray-300" class="group">
      <div id="iefxe5" layout="flex col justify:between" space="h:[100%] p:medium tw-lg:p:large" visual="text:center">
        <div>
          <div id="i765y2" space="m-b:small tw-lg:m-b:medium" visual="text-size:large font:tw-bold tw-lg:text-size:grand">QHeat</div>
          <div id="il5zfi" space="m-b:medium tw-lg:m-b:large" visual="text-size:base tw-lg:text-size:large">Advanced heat transfer calculator with preset parameter &amp; built in workflow generator</div>
        </div>
        <div layout="flex justify:center">
          <a id="ijau8a" href="https://qheatapp.com/" layout="flex items:center" space="g:small p-r:tiny hover:g:small-3x hover:p-r:none" visual="font:tw-semibold text:blue-600 hover:opacity:80 tw-lg:text-size:large">Learn More<i class="fas fa-arrow-right"></i></a>
        </div>
      </div>
      <div><img id="ilx3al" src="https://placehold.co/600x600/2563EB/FFFFFF" space="w:[100%]" visual="transition:all" class="grayscale group-hover:translate-y-4 group-hover:grayscale-0" /></div>
    </div>
    <div id="icj8d9" layout="flex col justify:between overflow:hidden" visual="rounded:medium border-w:thin border:gray-300" class="group">
      <div id="iiu3jj" layout="flex col justify:between" space="h:[100%] p:medium tw-lg:p:large" visual="text:center">
        <div>
          <div id="i6638l" space="m-b:small tw-lg:m-b:medium" visual="text-size:large font:tw-bold tw-lg:text-size:grand">STEM-AR</div>
          <div id="i83aw5" space="m-b:medium tw-lg:m-b:large" visual="text-size:base tw-lg:text-size:large">Dive into the fascinating world of STEM (Science, Technology, Engineering &amp; Mathematic) through the lens of Augmented Reality<br /></div>
        </div>
        <div layout="flex justify:center">
          <a id="imvnkg" href="https://stem-ar.use.senangwebs.com/" layout="flex items:center" space="g:small p-r:tiny hover:g:small-3x hover:p-r:none" visual="font:tw-semibold text:blue-600 hover:opacity:80 tw-lg:text-size:large">Learn More<i class="fas fa-arrow-right"></i></a>
        </div>
      </div>
      <div><img id="i8rdy4" src="https://placehold.co/600x600/2563EB/FFFFFF" space="w:[100%]" visual="transition:all" class="grayscale group-hover:translate-y-4 group-hover:grayscale-0" /></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