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/story-2/llms.txt)Our Journey Timeline 

  story  

 Chronicles a company's history or significant milestones using an engaging visual timeline with text and images.

 

     

 TailwindCSS    SenangStart CSS  

 

   Our HistoryTracing Our Path: A Journey of Growth
-------------------------------------

From a humble beginning to where we stand today, every step has been a testament to our dedication and vision.

 

 

  2018 - The Spark### Our Humble Beginnings

It all started with a simple idea and a passionate team. We laid the foundation for what would become a leading innovator in the industry, focusing on solving key customer pain points.

 

 

 ![Our Beginnings](https://placehold.co/600x400/e2e8f0/334155?text=Early+Days) 

 

  2020 - First Milestone### Launching Our Flagship Product

After months of hard work and dedication, we successfully launched our first major product, receiving accolades for its innovation and user-centric design. This marked a new chapter in our growth.

 

 

 ![Product Launch](https://placehold.co/600x400/dbeafe/1e40af?text=Product+Launch) 

 

  2022 - Expanding Horizons### Global Reach & Team Growth

Our commitment to excellence fueled our expansion into new markets. Our team grew, bringing diverse talents and perspectives that enriched our culture and capabilities.

 

 

 ![Global Expansion](https://placehold.co/600x400/ccfbf1/115e59?text=Expansion) 

 

  Today & Beyond - The Vision### Innovating for Tomorrow

We continue to push boundaries, driven by our mission to create impactful solutions. Our journey is ongoing, and we're excited for what the future holds as we innovate for a better tomorrow.

 

 

 ![Future Vision](https://placehold.co/600x400/e0f2fe/075985?text=Future+Vision) 

 

 

  

  <section class="container mx-auto my-8 px-6 lg:my-16 lg:px-16"> <div class="text-center mb-12 lg:mb-16"> <span class="inline-block py-1 px-3 rounded-full text-sm font-semibold text-blue-600 bg-blue-100 uppercase mb-4">Our History</span> <h2 class="text-3xl lg:text-5xl font-bold mb-4">Tracing Our Path: A Journey of Growth</h2> <p class="text-lg lg:text-xl text-neutral-700 max-w-3xl mx-auto">From a humble beginning to where we stand today, every step has been a testament to our dedication and vision.</p> </div> <div class="relative"> <!-- Timeline Line for larger screens --> <div class="hidden lg:block absolute top-0 bottom-0 left-1/2 w-0.5 bg-neutral-200 transform -translate-x-1/2"></div> <!-- Timeline Item 1 --> <div class="mb-12 lg:mb-16 flex flex-col lg:flex-row items-center"> <div class="lg:w-1/2 lg:pr-8 order-2 lg:order-1"> <div class="bg-white p-6 rounded-xl shadow-lg lg:ml-auto lg:max-w-md relative z-10 mt-6 lg:mt-0"> <span class="block text-sm font-semibold text-blue-600 mb-1">2018 - The Spark</span> <h3 class="text-2xl font-bold mb-3">Our Humble Beginnings</h3> <p class="text-neutral-600">It all started with a simple idea and a passionate team. We laid the foundation for what would become a leading innovator in the industry, focusing on solving key customer pain points.</p> </div> </div> <div class="lg:w-1/2 lg:pl-8 order-1 lg:order-2"> <img src="https://placehold.co/600x400/e2e8f0/334155?text=Early+Days" alt="Our Beginnings" class="rounded-xl shadow-lg w-full lg:max-w-md mx-auto"> </div> </div> <!-- Timeline Item 2 --> <div class="mb-12 lg:mb-16 flex flex-col lg:flex-row-reverse items-center"> <div class="lg:w-1/2 lg:pl-8 order-2 lg:order-1"> <div class="bg-white p-6 rounded-xl shadow-lg lg:mr-auto lg:max-w-md relative z-10 mt-6 lg:mt-0"> <span class="block text-sm font-semibold text-blue-600 mb-1">2020 - First Milestone</span> <h3 class="text-2xl font-bold mb-3">Launching Our Flagship Product</h3> <p class="text-neutral-600">After months of hard work and dedication, we successfully launched our first major product, receiving accolades for its innovation and user-centric design. This marked a new chapter in our growth.</p> </div> </div> <div class="lg:w-1/2 lg:pr-8 order-1 lg:order-2"> <img src="https://placehold.co/600x400/dbeafe/1e40af?text=Product+Launch" alt="Product Launch" class="rounded-xl shadow-lg w-full lg:max-w-md mx-auto"> </div> </div> <!-- Timeline Item 3 --> <div class="mb-12 lg:mb-16 flex flex-col lg:flex-row items-center"> <div class="lg:w-1/2 lg:pr-8 order-2 lg:order-1"> <div class="bg-white p-6 rounded-xl shadow-lg lg:ml-auto lg:max-w-md relative z-10 mt-6 lg:mt-0"> <span class="block text-sm font-semibold text-blue-600 mb-1">2022 - Expanding Horizons</span> <h3 class="text-2xl font-bold mb-3">Global Reach & Team Growth</h3> <p class="text-neutral-600">Our commitment to excellence fueled our expansion into new markets. Our team grew, bringing diverse talents and perspectives that enriched our culture and capabilities.</p> </div> </div> <div class="lg:w-1/2 lg:pl-8 order-1 lg:order-2"> <img src="https://placehold.co/600x400/ccfbf1/115e59?text=Expansion" alt="Global Expansion" class="rounded-xl shadow-lg w-full lg:max-w-md mx-auto"> </div> </div> <!-- Timeline Item 4 (Future) --> <div class="flex flex-col lg:flex-row-reverse items-center"> <div class="lg:w-1/2 lg:pl-8 order-2 lg:order-1"> <div class="bg-blue-600 text-white p-6 rounded-xl shadow-lg lg:mr-auto lg:max-w-md relative z-10 mt-6 lg:mt-0"> <span class="block text-sm font-semibold text-blue-200 mb-1">Today & Beyond - The Vision</span> <h3 class="text-2xl font-bold mb-3">Innovating for Tomorrow</h3> <p class="text-blue-100">We continue to push boundaries, driven by our mission to create impactful solutions. Our journey is ongoing, and we're excited for what the future holds as we innovate for a better tomorrow.</p> </div> </div> <div class="lg:w-1/2 lg:pr-8 order-1 lg:order-2"> <img src="https://placehold.co/600x400/e0f2fe/075985?text=Future+Vision" alt="Future Vision" class="rounded-xl shadow-lg w-full lg:max-w-md mx-auto"> </div> </div> </div> </section>  COPY  ```
<section class="container mx-auto my-8 px-6 lg:my-16 lg:px-16">
  <div class="text-center mb-12 lg:mb-16">
    <span class="inline-block py-1 px-3 rounded-full text-sm font-semibold text-blue-600 bg-blue-100 uppercase mb-4">Our History</span>
    <h2 class="text-3xl lg:text-5xl font-bold mb-4">Tracing Our Path: A Journey of Growth</h2>
    <p class="text-lg lg:text-xl text-neutral-700 max-w-3xl mx-auto">From a humble beginning to where we stand today, every step has been a testament to our dedication and vision.</p>
  </div>

  <div class="relative">
    <!-- Timeline Line for larger screens -->
    <div class="hidden lg:block absolute top-0 bottom-0 left-1/2 w-0.5 bg-neutral-200 transform -translate-x-1/2"></div>

    <!-- Timeline Item 1 -->
    <div class="mb-12 lg:mb-16 flex flex-col lg:flex-row items-center">
      <div class="lg:w-1/2 lg:pr-8 order-2 lg:order-1">
        <div class="bg-white p-6 rounded-xl shadow-lg lg:ml-auto lg:max-w-md relative z-10 mt-6 lg:mt-0">
          <span class="block text-sm font-semibold text-blue-600 mb-1">2018 - The Spark</span>
          <h3 class="text-2xl font-bold mb-3">Our Humble Beginnings</h3>
          <p class="text-neutral-600">It all started with a simple idea and a passionate team. We laid the foundation for what would become a leading innovator in the industry, focusing on solving key customer pain points.</p>
        </div>
      </div>
      <div class="lg:w-1/2 lg:pl-8 order-1 lg:order-2">
        <img src="https://placehold.co/600x400/e2e8f0/334155?text=Early+Days" alt="Our Beginnings" class="rounded-xl shadow-lg w-full lg:max-w-md mx-auto">
      </div>
    </div>

    <!-- Timeline Item 2 -->
    <div class="mb-12 lg:mb-16 flex flex-col lg:flex-row-reverse items-center">
      <div class="lg:w-1/2 lg:pl-8 order-2 lg:order-1">
        <div class="bg-white p-6 rounded-xl shadow-lg lg:mr-auto lg:max-w-md relative z-10 mt-6 lg:mt-0">
          <span class="block text-sm font-semibold text-blue-600 mb-1">2020 - First Milestone</span>
          <h3 class="text-2xl font-bold mb-3">Launching Our Flagship Product</h3>
          <p class="text-neutral-600">After months of hard work and dedication, we successfully launched our first major product, receiving accolades for its innovation and user-centric design. This marked a new chapter in our growth.</p>
        </div>
      </div>
      <div class="lg:w-1/2 lg:pr-8 order-1 lg:order-2">
        <img src="https://placehold.co/600x400/dbeafe/1e40af?text=Product+Launch" alt="Product Launch" class="rounded-xl shadow-lg w-full lg:max-w-md mx-auto">
      </div>
    </div>

    <!-- Timeline Item 3 -->
    <div class="mb-12 lg:mb-16 flex flex-col lg:flex-row items-center">
      <div class="lg:w-1/2 lg:pr-8 order-2 lg:order-1">
        <div class="bg-white p-6 rounded-xl shadow-lg lg:ml-auto lg:max-w-md relative z-10 mt-6 lg:mt-0">
          <span class="block text-sm font-semibold text-blue-600 mb-1">2022 - Expanding Horizons</span>
          <h3 class="text-2xl font-bold mb-3">Global Reach & Team Growth</h3>
          <p class="text-neutral-600">Our commitment to excellence fueled our expansion into new markets. Our team grew, bringing diverse talents and perspectives that enriched our culture and capabilities.</p>
        </div>
      </div>
      <div class="lg:w-1/2 lg:pl-8 order-1 lg:order-2">
        <img src="https://placehold.co/600x400/ccfbf1/115e59?text=Expansion" alt="Global Expansion" class="rounded-xl shadow-lg w-full lg:max-w-md mx-auto">
      </div>
    </div>

     <!-- Timeline Item 4 (Future) -->
    <div class="flex flex-col lg:flex-row-reverse items-center">
      <div class="lg:w-1/2 lg:pl-8 order-2 lg:order-1">
        <div class="bg-blue-600 text-white p-6 rounded-xl shadow-lg lg:mr-auto lg:max-w-md relative z-10 mt-6 lg:mt-0">
          <span class="block text-sm font-semibold text-blue-200 mb-1">Today & Beyond - The Vision</span>
          <h3 class="text-2xl font-bold mb-3">Innovating for Tomorrow</h3>
          <p class="text-blue-100">We continue to push boundaries, driven by our mission to create impactful solutions. Our journey is ongoing, and we're excited for what the future holds as we innovate for a better tomorrow.</p>
        </div>
      </div>
      <div class="lg:w-1/2 lg:pr-8 order-1 lg:order-2">
        <img src="https://placehold.co/600x400/e0f2fe/075985?text=Future+Vision" alt="Future Vision" class="rounded-xl shadow-lg w-full lg:max-w-md mx-auto">
      </div>
    </div>
  </div>
</section>
```

 

 

   Our HistoryTracing Our Path: A Journey of Growth
-------------------------------------

From a humble beginning to where we stand today, every step has been a testament to our dedication and vision.

 

 

  2018 - The Spark### Our Humble Beginnings

It all started with a simple idea and a passionate team. We laid the foundation for what would become a leading innovator in the industry, focusing on solving key customer pain points.

 

 

 ![Our Beginnings](https://placehold.co/600x400/e2e8f0/334155?text=Early+Days) 

 

  2020 - First Milestone### Launching Our Flagship Product

After months of hard work and dedication, we successfully launched our first major product, receiving accolades for its innovation and user-centric design. This marked a new chapter in our growth.

 

 

 ![Product Launch](https://placehold.co/600x400/dbeafe/1e40af?text=Product+Launch) 

 

  2022 - Expanding Horizons### Global Reach &amp; Team Growth

Our commitment to excellence fueled our expansion into new markets. Our team grew, bringing diverse talents and perspectives that enriched our culture and capabilities.

 

 

 ![Global Expansion](https://placehold.co/600x400/ccfbf1/115e59?text=Expansion) 

 

  Today &amp; Beyond - The Vision### Innovating for Tomorrow

We continue to push boundaries, driven by our mission to create impactful solutions. Our journey is ongoing, and we're excited for what the future holds as we innovate for a better tomorrow.

 

 

 ![Future Vision](https://placehold.co/600x400/e0f2fe/075985?text=Future+Vision) 

 

 

  

  &lt;section 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 space="m-b:big tw-lg:m-b:big-3x" visual="text:center"&gt; &lt;span layout="inline" space="p-y:tiny p-x:small-3x m-b:medium" visual="rounded:round text-size:small font:tw-semibold text:blue-600 bg:blue-100 uppercase"&gt;Our History&lt;/span&gt; &lt;h2 space="m-b:medium" visual="text-size:grand tw-lg:text-size:mount font:tw-bold"&gt;Tracing Our Path: A Journey of Growth&lt;/h2&gt; &lt;p space="max-w:\[3xl\] m-x:auto" visual="text-size:large tw-lg:text-size:big text:neutral-700"&gt;From a humble beginning to where we stand today, every step has been a testament to our dedication and vision.&lt;/p&gt; &lt;/div&gt; &lt;div layout="relative"&gt; &lt;!-- Timeline Line for larger screens --&gt; &lt;div layout="hidden tw-lg:block absolute top:none bottom:none" space="w:regular" visual="bg:neutral-200" class="left-1/2 transform -translate-x-1/2"&gt;&lt;/div&gt; &lt;!-- Timeline Item 1 --&gt; &lt;div layout="flex col tw-lg:row items:center" space="m-b:big tw-lg:m-b:big-3x"&gt; &lt;div layout="order:2 tw-lg:order:1" space="tw-lg:w:\[1/2\] tw-lg:p-r:large"&gt; &lt;div layout="relative" space="p:medium-3x tw-lg:m-l:auto tw-lg:max-w:\[md\] m-t:medium-3x tw-lg:m-t:none" visual="bg:white rounded:medium shadow:big" class="z-10"&gt; &lt;span layout="block" space="m-b:tiny" visual="text-size:small font:tw-semibold text:blue-600"&gt;2018 - The Spark&lt;/span&gt; &lt;h3 space="m-b:small-3x" visual="text-size:huge font:tw-bold"&gt;Our Humble Beginnings&lt;/h3&gt; &lt;p visual="text:neutral-600"&gt;It all started with a simple idea and a passionate team. We laid the foundation for what would become a leading innovator in the industry, focusing on solving key customer pain points.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div layout="order:1 tw-lg:order:2" space="tw-lg:w:\[1/2\] tw-lg:p-l:large"&gt; &lt;img src="https://placehold.co/600x400/e2e8f0/334155?text=Early+Days" alt="Our Beginnings" space="w:\[100%\] tw-lg:max-w:\[md\] m-x:auto" visual="rounded:medium shadow:big"&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Timeline Item 2 --&gt; &lt;div layout="flex col tw-lg:row-reverse items:center" space="m-b:big tw-lg:m-b:big-3x"&gt; &lt;div layout="order:2 tw-lg:order:1" space="tw-lg:w:\[1/2\] tw-lg:p-l:large"&gt; &lt;div layout="relative" space="p:medium-3x tw-lg:m-r:auto tw-lg:max-w:\[md\] m-t:medium-3x tw-lg:m-t:none" visual="bg:white rounded:medium shadow:big" class="z-10"&gt; &lt;span layout="block" space="m-b:tiny" visual="text-size:small font:tw-semibold text:blue-600"&gt;2020 - First Milestone&lt;/span&gt; &lt;h3 space="m-b:small-3x" visual="text-size:huge font:tw-bold"&gt;Launching Our Flagship Product&lt;/h3&gt; &lt;p visual="text:neutral-600"&gt;After months of hard work and dedication, we successfully launched our first major product, receiving accolades for its innovation and user-centric design. This marked a new chapter in our growth.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div layout="order:1 tw-lg:order:2" space="tw-lg:w:\[1/2\] tw-lg:p-r:large"&gt; &lt;img src="https://placehold.co/600x400/dbeafe/1e40af?text=Product+Launch" alt="Product Launch" space="w:\[100%\] tw-lg:max-w:\[md\] m-x:auto" visual="rounded:medium shadow:big"&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Timeline Item 3 --&gt; &lt;div layout="flex col tw-lg:row items:center" space="m-b:big tw-lg:m-b:big-3x"&gt; &lt;div layout="order:2 tw-lg:order:1" space="tw-lg:w:\[1/2\] tw-lg:p-r:large"&gt; &lt;div layout="relative" space="p:medium-3x tw-lg:m-l:auto tw-lg:max-w:\[md\] m-t:medium-3x tw-lg:m-t:none" visual="bg:white rounded:medium shadow:big" class="z-10"&gt; &lt;span layout="block" space="m-b:tiny" visual="text-size:small font:tw-semibold text:blue-600"&gt;2022 - Expanding Horizons&lt;/span&gt; &lt;h3 space="m-b:small-3x" visual="text-size:huge font:tw-bold"&gt;Global Reach &amp; Team Growth&lt;/h3&gt; &lt;p visual="text:neutral-600"&gt;Our commitment to excellence fueled our expansion into new markets. Our team grew, bringing diverse talents and perspectives that enriched our culture and capabilities.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div layout="order:1 tw-lg:order:2" space="tw-lg:w:\[1/2\] tw-lg:p-l:large"&gt; &lt;img src="https://placehold.co/600x400/ccfbf1/115e59?text=Expansion" alt="Global Expansion" space="w:\[100%\] tw-lg:max-w:\[md\] m-x:auto" visual="rounded:medium shadow:big"&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Timeline Item 4 (Future) --&gt; &lt;div layout="flex col tw-lg:row-reverse items:center"&gt; &lt;div layout="order:2 tw-lg:order:1" space="tw-lg:w:\[1/2\] tw-lg:p-l:large"&gt; &lt;div layout="relative" space="p:medium-3x tw-lg:m-r:auto tw-lg:max-w:\[md\] m-t:medium-3x tw-lg:m-t:none" visual="bg:blue-600 text:white rounded:medium shadow:big" class="z-10"&gt; &lt;span layout="block" space="m-b:tiny" visual="text-size:small font:tw-semibold text:blue-200"&gt;Today &amp; Beyond - The Vision&lt;/span&gt; &lt;h3 space="m-b:small-3x" visual="text-size:huge font:tw-bold"&gt;Innovating for Tomorrow&lt;/h3&gt; &lt;p visual="text:blue-100"&gt;We continue to push boundaries, driven by our mission to create impactful solutions. Our journey is ongoing, and we're excited for what the future holds as we innovate for a better tomorrow.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div layout="order:1 tw-lg:order:2" space="tw-lg:w:\[1/2\] tw-lg:p-r:large"&gt; &lt;img src="https://placehold.co/600x400/e0f2fe/075985?text=Future+Vision" alt="Future Vision" space="w:\[100%\] tw-lg:max-w:\[md\] m-x:auto" visual="rounded:medium shadow:big"&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/section&gt;  COPY  ```
<section 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 space="m-b:big tw-lg:m-b:big-3x" visual="text:center">
    <span layout="inline" space="p-y:tiny p-x:small-3x m-b:medium" visual="rounded:round text-size:small font:tw-semibold text:blue-600 bg:blue-100 uppercase">Our History</span>
    <h2 space="m-b:medium" visual="text-size:grand tw-lg:text-size:mount font:tw-bold">Tracing Our Path: A Journey of Growth</h2>
    <p space="max-w:[3xl] m-x:auto" visual="text-size:large tw-lg:text-size:big text:neutral-700">From a humble beginning to where we stand today, every step has been a testament to our dedication and vision.</p>
  </div>

  <div layout="relative">
    <!-- Timeline Line for larger screens -->
    <div layout="hidden tw-lg:block absolute top:none bottom:none" space="w:regular" visual="bg:neutral-200" class="left-1/2 transform -translate-x-1/2"></div>

    <!-- Timeline Item 1 -->
    <div layout="flex col tw-lg:row items:center" space="m-b:big tw-lg:m-b:big-3x">
      <div layout="order:2 tw-lg:order:1" space="tw-lg:w:[1/2] tw-lg:p-r:large">
        <div layout="relative" space="p:medium-3x tw-lg:m-l:auto tw-lg:max-w:[md] m-t:medium-3x tw-lg:m-t:none" visual="bg:white rounded:medium shadow:big" class="z-10">
          <span layout="block" space="m-b:tiny" visual="text-size:small font:tw-semibold text:blue-600">2018 - The Spark</span>
          <h3 space="m-b:small-3x" visual="text-size:huge font:tw-bold">Our Humble Beginnings</h3>
          <p visual="text:neutral-600">It all started with a simple idea and a passionate team. We laid the foundation for what would become a leading innovator in the industry, focusing on solving key customer pain points.</p>
        </div>
      </div>
      <div layout="order:1 tw-lg:order:2" space="tw-lg:w:[1/2] tw-lg:p-l:large">
        <img src="https://placehold.co/600x400/e2e8f0/334155?text=Early+Days" alt="Our Beginnings" space="w:[100%] tw-lg:max-w:[md] m-x:auto" visual="rounded:medium shadow:big">
      </div>
    </div>

    <!-- Timeline Item 2 -->
    <div layout="flex col tw-lg:row-reverse items:center" space="m-b:big tw-lg:m-b:big-3x">
      <div layout="order:2 tw-lg:order:1" space="tw-lg:w:[1/2] tw-lg:p-l:large">
        <div layout="relative" space="p:medium-3x tw-lg:m-r:auto tw-lg:max-w:[md] m-t:medium-3x tw-lg:m-t:none" visual="bg:white rounded:medium shadow:big" class="z-10">
          <span layout="block" space="m-b:tiny" visual="text-size:small font:tw-semibold text:blue-600">2020 - First Milestone</span>
          <h3 space="m-b:small-3x" visual="text-size:huge font:tw-bold">Launching Our Flagship Product</h3>
          <p visual="text:neutral-600">After months of hard work and dedication, we successfully launched our first major product, receiving accolades for its innovation and user-centric design. This marked a new chapter in our growth.</p>
        </div>
      </div>
      <div layout="order:1 tw-lg:order:2" space="tw-lg:w:[1/2] tw-lg:p-r:large">
        <img src="https://placehold.co/600x400/dbeafe/1e40af?text=Product+Launch" alt="Product Launch" space="w:[100%] tw-lg:max-w:[md] m-x:auto" visual="rounded:medium shadow:big">
      </div>
    </div>

    <!-- Timeline Item 3 -->
    <div layout="flex col tw-lg:row items:center" space="m-b:big tw-lg:m-b:big-3x">
      <div layout="order:2 tw-lg:order:1" space="tw-lg:w:[1/2] tw-lg:p-r:large">
        <div layout="relative" space="p:medium-3x tw-lg:m-l:auto tw-lg:max-w:[md] m-t:medium-3x tw-lg:m-t:none" visual="bg:white rounded:medium shadow:big" class="z-10">
          <span layout="block" space="m-b:tiny" visual="text-size:small font:tw-semibold text:blue-600">2022 - Expanding Horizons</span>
          <h3 space="m-b:small-3x" visual="text-size:huge font:tw-bold">Global Reach & Team Growth</h3>
          <p visual="text:neutral-600">Our commitment to excellence fueled our expansion into new markets. Our team grew, bringing diverse talents and perspectives that enriched our culture and capabilities.</p>
        </div>
      </div>
      <div layout="order:1 tw-lg:order:2" space="tw-lg:w:[1/2] tw-lg:p-l:large">
        <img src="https://placehold.co/600x400/ccfbf1/115e59?text=Expansion" alt="Global Expansion" space="w:[100%] tw-lg:max-w:[md] m-x:auto" visual="rounded:medium shadow:big">
      </div>
    </div>

     <!-- Timeline Item 4 (Future) -->
    <div layout="flex col tw-lg:row-reverse items:center">
      <div layout="order:2 tw-lg:order:1" space="tw-lg:w:[1/2] tw-lg:p-l:large">
        <div layout="relative" space="p:medium-3x tw-lg:m-r:auto tw-lg:max-w:[md] m-t:medium-3x tw-lg:m-t:none" visual="bg:blue-600 text:white rounded:medium shadow:big" class="z-10">
          <span layout="block" space="m-b:tiny" visual="text-size:small font:tw-semibold text:blue-200">Today & Beyond - The Vision</span>
          <h3 space="m-b:small-3x" visual="text-size:huge font:tw-bold">Innovating for Tomorrow</h3>
          <p visual="text:blue-100">We continue to push boundaries, driven by our mission to create impactful solutions. Our journey is ongoing, and we're excited for what the future holds as we innovate for a better tomorrow.</p>
        </div>
      </div>
      <div layout="order:1 tw-lg:order:2" space="tw-lg:w:[1/2] tw-lg:p-r:large">
        <img src="https://placehold.co/600x400/e0f2fe/075985?text=Future+Vision" alt="Future Vision" space="w:[100%] tw-lg:max-w:[md] m-x:auto" visual="rounded:medium shadow:big">
      </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