Tailwind CSS

<div class="min-h-screen bg-slate-50">

<header class="border-b bg-white">
    <div class="mx-auto flex max-w-6xl items-center justify-between p-5">

        <div class="text-xl font-extrabold">
            Vinsoft Lab
        </div>

        <button class="rounded-xl bg-slate-900 px-4 py-2 text-sm text-white">
            Get Started
        </button>

    </div>
</header>

<section class="mx-auto max-w-6xl px-5 py-20">

    <div class="max-w-3xl">

        <span class="text-sm font-bold text-indigo-600">
            BUILD WITH TAILWIND
        </span>

        <h1 class="mt-4 text-4xl font-extrabold text-slate-900 md:text-6xl">
            Build modern websites faster.
        </h1>

        <p class="mt-6 text-lg leading-8 text-slate-600">
            Tailwind CSS gives you powerful utility classes
            for creating responsive interfaces.
        </p>

        <div class="mt-8 flex flex-wrap gap-3">

            <button class="rounded-xl bg-indigo-600 px-6 py-3 font-semibold text-white">
                Start Learning
            </button>

            <button class="rounded-xl border border-slate-300 bg-white px-6 py-3 font-semibold">
                View Projects
            </button>

        </div>

    </div>

</section>

</div>