Hello SenangStart!
Zero config, instant styling.
```
**Documentation**: [Getting Started Guide](https://bookklik-technologies.github.io/senangstart-css/guide/getting-started.html)
## SenangStart CSS Code
```html
<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 layout="overflow:hidden" visual="bg:neutral-100 rounded:medium shadow:giant">
<div layout="grid grid-cols:1 tw-lg:grid-cols:5">
<div layout="tw-lg:col-span:2">
<img src="https://placehold.co/600x800/3b82f6/ffffff?text=Founder" alt="Our Founder" layout="object:cover" space="w:[100%] h:vast-7x tw-lg:h:[100%]" class="object-top">
</div>
<div layout="tw-lg:col-span:3 flex col justify:center" space="p:large tw-lg:p:big">
<span layout="inline" space="p-y:tiny p-x:small-3x m-b:medium max-w:[max-content]" visual="rounded:round text-size:small font:tw-semibold text:blue-600 bg:blue-100 uppercase">From the Founder</span>
<h2 space="m-b:medium-3x" visual="text-size:grand tw-lg:text-size:giant font:tw-bold">Crafting a Future, Together</h2>
<blockquote space="p-l:medium-3x m-b:medium-3x" visual="text-size:large tw-lg:text-size:big text:neutral-700 italic border-l-w:tiny border:blue-500">
"Our journey began with a vision to make a tangible difference. Every day, we strive to innovate, inspire, and build solutions that not only meet the needs of today but also anticipate the challenges of tomorrow. It's a privilege to lead such a dedicated team, and I'm incredibly proud of what we've achieved and excited for what's next."
</blockquote>
<div>
<p visual="text-size:big font:tw-semibold text:neutral-800">Jane M. Doe</p>
<p visual="text:neutral-600">Founder & CEO</p>
</div>
<a href="#contact-founder" layout="inline-flex items:center" space="m-t:large p-x:medium-3x p-y:small-3x max-w:[max-content]" visual="border-w:thin text-size:base font:tw-medium rounded:medium shadow:small text:white bg:blue-600 hover:bg:blue-700" class="border-transparent">
Connect with Jane
<i space="m-l:small" class="fas fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</section>
```
## Tailwind CSS Code
```html
<section class="container mx-auto my-8 px-6 lg:my-16 lg:px-16">
<div class="bg-neutral-100 rounded-xl shadow-xl overflow-hidden">
<div class="grid grid-cols-1 lg:grid-cols-5">
<div class="lg:col-span-2">
<img src="https://placehold.co/600x800/3b82f6/ffffff?text=Founder" alt="Our Founder" class="w-full h-64 lg:h-full object-cover object-top">
</div>
<div class="lg:col-span-3 p-8 lg:p-12 flex flex-col justify-center">
<span class="inline-block py-1 px-3 rounded-full text-sm font-semibold text-blue-600 bg-blue-100 uppercase mb-4 max-w-max">From the Founder</span>
<h2 class="text-3xl lg:text-4xl font-bold mb-6">Crafting a Future, Together</h2>
<blockquote class="text-lg lg:text-xl text-neutral-700 italic border-l-4 border-blue-500 pl-6 mb-6">
"Our journey began with a vision to make a tangible difference. Every day, we strive to innovate, inspire, and build solutions that not only meet the needs of today but also anticipate the challenges of tomorrow. It's a privilege to lead such a dedicated team, and I'm incredibly proud of what we've achieved and excited for what's next."
</blockquote>
<div>
<p class="text-xl font-semibold text-neutral-800">Jane M. Doe</p>
<p class="text-neutral-600">Founder & CEO</p>
</div>
<a href="#contact-founder" class="mt-8 inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-lg shadow-sm text-white bg-blue-600 hover:bg-blue-700 max-w-max">
Connect with Jane
<i class="fas fa-arrow-right ml-2"></i>
</a>
</div>
</div>
</div>
</section>
```