SenangStart

<body>
    <section
        class="flex flex-col items-center justify-center min-h-screen w-full bg-gradient-to-br from-teal-100 to-teal-400 p-6">
        <div class="max-w-sm w-full bg-white rounded-xl shadow-xl flex flex-col items-center gap-4 p-4">
            <div class="w-48 h-48 rounded-full bg-gray-200 overflow-hidden mt-4"><img
                    src="https://imageio.forbes.com/specials-images/imageserve/5bb22ae84bbe6f67d2e82e05/0x0.jpg?format=jpg&amp;crop=1012,1013,x627,y129,safe&amp;height=416&amp;width=416&amp;fit=bounds"
                    class="w-full h-full object-cover"></div>
            <div>
                <p class="text-2xl font-bold">@jeff_bezos</p>
            </div>
            <div class="flex flex-col gap-4 w-full p-4"><a href="#"
                    class="bg-teal-600 text-white font-semibold rounded-lg px-6 h-12 flex items-center justify-center w-full hover:opacity-80">Website</a><a
                    href="#"
                    class="bg-teal-600 text-white font-semibold rounded-lg px-6 h-12 flex items-center justify-center w-full hover:opacity-80">Free
                    Resource</a><a href="#"
                    class="bg-teal-600 text-white font-semibold rounded-lg px-6 h-12 flex items-center justify-center w-full hover:opacity-80">Join
                    My Group</a></div>
            <div class="flex flex-col items-center w-full py-4 gap-4 p-4 bg-black bg-opacity-10 rounded-lg">
                <p class="font-semibold text-sm">On Instagram</p>
                <div class="grid grid-cols-2 gap-4">
                    <div class="aspect-square"><img
                            src="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?q=80&amp;w=2070&amp;auto=format&amp;fit=crop&amp;ixlib=rb-4.0.3&amp;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
                            class="w-full h-full object-cover"></div>
                    <div class="aspect-square"><img
                            src="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?q=80&amp;w=2070&amp;auto=format&amp;fit=crop&amp;ixlib=rb-4.0.3&amp;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
                            class="w-full h-full object-cover"></div>
                </div>
            </div>
            <div class="flex text-4xl items-center gap-4"><a href="#"
                    class="hover:-translate-y-1 transition ease-in-out"><i class="fab fa-twitter"></i></a><a
                    href="#" class="hover:-translate-y-1 transition ease-in-out"><i
                        class="fab fa-linkedin"></i></a><a href="#"
                    class="hover:-translate-y-1 transition ease-in-out"><i class="fab fa-facebook"></i></a></div>
        </div>
    </section>
</body>
Welcome to SenangStart Template Preview! 🎉 Visit our homepage for a deeper dive into our offerings, or you can edit this template with drag-n-drop website builder.
Edit Template