Skip to content

Instantly share code, notes, and snippets.


Yori Ghassanee

View GitHub Profile
Ghassanee / index.html
Created February 28, 2023 18:56
Testimonials #tailwind
View index.html
<section class="overflow-hidden relative min-h-screen grid grid-cols-1 lg:grid-cols-12 place-content-center lg:place-items-center lg:gap-16 max-w-7xl mx-auto px-6 py-10">
<div class="relative z-10 mb-10 lg:mb-0 col-span-6">
<div class="hidden xl:block 3xl:hidden fixed top-[-6rem] left-[-5rem] w-64 h-64 bg-red-50 rounded-full"></div>
<h1 class="relative z-10 sm:text-5xl text-3xl 2xl:text-6xl font-bold sm:leading-snug 2xl:leading-tight">Bringing value <br />across different brands.</h1>
<p class="mt-4 mb-7 text-gray-500 max-w-sm 2xl:text-lg 2xl:mt-4 2xl:mb-8">Over 7 brands in all sizes use <a href="#" class="text-red-400 hover:underline">Branchify</a> to understand their business and customers better.</p>
<a href="#" class="inline-block rounded-full bg-red-50 py-2.5 px-10 font-bold text-red-500 hover:shadow-lg 2xl:py-3 2xl:px-12">Read success stories</a>
<div class="relative z-10 grid grid-cols-1 md:grid-cols-3 lg:grid-cols-1 gap-5 col-span-6">
<div class="relative z-10 bg-white