Merge pull request #9 from nusserstudios/dev

Updated padding on homepage to fix mobile styles.
This commit is contained in:
Nusser Studios 2022-10-29 07:52:59 -05:00 committed by GitHub
commit 5ed69a7bff
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 4934 additions and 545 deletions

File diff suppressed because it is too large Load Diff

View File

@ -64,9 +64,9 @@
<!-- More main page content here... --> <!-- More main page content here... -->
<!-- Testimonial/stats section --> <!-- Testimonial/stats section -->
<div class="relative mt-20"> <div class="relative my-4 md:mt-20">
<div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-cols-2 lg:items-start lg:gap-24 lg:px-8"> <div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-cols-2 lg:items-start lg:gap-24 lg:px-8">
<div class="relative sm:py-16 lg:py-0"> <div class="relative sm:py-8 lg:py-0">
<div aria-hidden="true" class="hidden sm:block lg:absolute lg:inset-y-0 lg:right-0 lg:w-screen"> <div aria-hidden="true" class="hidden sm:block lg:absolute lg:inset-y-0 lg:right-0 lg:w-screen">
<div <div
class="absolute inset-y-0 w-full bg-gray-50 dark:bg-gray-900/10 right-1/2 rounded-r-3xl lg:right-72"> class="absolute inset-y-0 w-full bg-gray-50 dark:bg-gray-900/10 right-1/2 rounded-r-3xl lg:right-72">
@ -83,7 +83,7 @@
<rect width="404" height="392" fill="url(#02f20b47-fd69-4224-a62a-4c9de5c763f7)" /> <rect width="404" height="392" fill="url(#02f20b47-fd69-4224-a62a-4c9de5c763f7)" />
</svg> </svg>
</div> </div>
<div class="relative max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:max-w-none lg:px-0 lg:py-20"> <div class="relative max-w-md px-4 py-6 mx-auto sm:max-w-3xl sm:px-6 lg:max-w-none lg:px-0 lg:py-20">
<!-- Testimonial card--> <!-- Testimonial card-->
<div class="relative pt-64 pb-10 overflow-hidden shadow-xl rounded-2xl"> <div class="relative pt-64 pb-10 overflow-hidden shadow-xl rounded-2xl">
{{ $missionimage := resources.Get "images/pages/our-mission.png" }} {{ $missionimage := resources.Get "images/pages/our-mission.png" }}
@ -127,7 +127,7 @@
<div class="relative max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:px-0"> <div class="relative max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:px-0">
<!-- Content area --> <!-- Content area -->
<div class="pt-12 sm:pt-16 lg:pt-20"> <div class="md:pt-12 sm:pt-6 lg:pt-20">
<h2 <h2
class="text-3xl font-bold tracking-tight text-gray-900 capitalize dark:text-gray-50 sm:text-4xl"> class="text-3xl font-bold tracking-tight text-gray-900 capitalize dark:text-gray-50 sm:text-4xl">
Our mission</h2> Our mission</h2>
@ -155,15 +155,15 @@
</div> </div>
<!-- Hero section --> <!-- Hero section -->
<div class="pt-8 overflow-hidden sm:pt-12 lg:relative lg:py-48"> <div class="overflow-hidden sm:pt-6 lg:relative">
<div class="max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-24 lg:px-8"> <div class="max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-12 lg:px-8">
<div> <div>
<div class="mt-20"> <div class="md:mt-8">
<div class="mt-6 sm:max-w-xl"> <div class="mt-6 sm:max-w-xl">
<h1 class="text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-5xl"> <h1 class="text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-5xl">
Just in time for Hacktoberfest with JIT Tailwind. Just in time for Hacktoberfest with JIT Tailwind.
</h1> </h1>
<p class="mt-6 text-xl text-gray-500 dark:text-gray-400"> <p class="pb-12 mt-6 text-lg text-gray-500 dark:text-gray-400">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at purus non enim commodo Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at purus non enim commodo
tincidunt vel in nulla. Aenean pretium dolor non ultricies bibendum. Etiam quis blandit tincidunt vel in nulla. Aenean pretium dolor non ultricies bibendum. Etiam quis blandit
enim. Nunc condimentum ut lorem in faucibus. Phasellus varius ligula et commodo tristique. enim. Nunc condimentum ut lorem in faucibus. Phasellus varius ligula et commodo tristique.
@ -185,7 +185,7 @@
</div> </div>
<div class="sm:mx-auto sm:max-w-3xl sm:px-6"> <div class="sm:mx-auto sm:max-w-3xl sm:px-6">
<div class="py-12 sm:relative sm:mt-12 sm:py-16 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2"> <div class="md:py-12 sm:relative sm:mt-12 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
<div class="hidden sm:block"> <div class="hidden sm:block">
<div <div
class="absolute inset-y-0 w-screen left-1/2 rounded-l-3xl bg-gray-50 dark:bg-gray-900/10 lg:left-80 lg:right-0 lg:w-full"> class="absolute inset-y-0 w-screen left-1/2 rounded-l-3xl bg-gray-50 dark:bg-gray-900/10 lg:left-80 lg:right-0 lg:w-full">
@ -222,64 +222,60 @@
</div> </div>
<!-- Logo cloud section --> <!-- Logo cloud section -->
<div class="mt-12"> <div class="max-w-md px-4 mx-auto md:pt-24 md:pb-16 sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
<div class="max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"> <div class="lg:grid lg:grid-cols-2 lg:items-center lg:gap-24">
<div class="lg:grid lg:grid-cols-2 lg:items-center lg:gap-24"> <div class="mt-12 grid grid-cols-2 gap-0.5 md:grid-cols-3 lg:mt-0 lg:grid-cols-2">
<div class="mt-12 grid grid-cols-2 gap-0.5 md:grid-cols-3 lg:mt-0 lg:grid-cols-2"> <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
<div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"> <img class="max-h-12" src="https://tailwindui.com/img/logos/transistor-logo-gray-400.svg"
<img class="max-h-12" src="https://tailwindui.com/img/logos/transistor-logo-gray-400.svg" alt="Transistor">
alt="Transistor">
</div>
<div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
<img class="max-h-12" src="https://tailwindui.com/img/logos/mirage-logo-gray-400.svg"
alt="Mirage">
</div>
<div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
<img class="max-h-12" src="https://tailwindui.com/img/logos/tuple-logo-gray-400.svg"
alt="Tuple">
</div>
<div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
<img class="max-h-12" src="https://tailwindui.com/img/logos/laravel-logo-gray-400.svg"
alt="Laravel">
</div>
<div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
<img class="max-h-12" src="https://tailwindui.com/img/logos/statickit-logo-gray-400.svg"
alt="StaticKit">
</div>
<div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
<img class="max-h-12" src="https://tailwindui.com/img/logos/workcation-logo-gray-400.svg"
alt="Workcation">
</div>
</div> </div>
<div>
<h2 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl"> <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
Backed by world-renowned investors <img class="max-h-12" src="https://tailwindui.com/img/logos/mirage-logo-gray-400.svg" alt="Mirage">
</h2> </div>
<p class="max-w-3xl mt-6 text-lg leading-7 text-gray-500">Sagittis scelerisque nulla cursus in enim
consectetur quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit amet, sed <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi vel porttitor vitae ut. Amet vitae <img class="max-h-12" src="https://tailwindui.com/img/logos/tuple-logo-gray-400.svg" alt="Tuple">
fames senectus vitae. </div>
</p>
<div class="mt-6"> <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
<a href="#" class="text-base font-medium text-indigo-500"> <img class="max-h-12" src="https://tailwindui.com/img/logos/laravel-logo-gray-400.svg"
Meet our investors and advisors&nbsp&rarr; alt="Laravel">
</a> </div>
</div>
<div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
<img class="max-h-12" src="https://tailwindui.com/img/logos/statickit-logo-gray-400.svg"
alt="StaticKit">
</div>
<div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
<img class="max-h-12" src="https://tailwindui.com/img/logos/workcation-logo-gray-400.svg"
alt="Workcation">
</div>
</div>
<div>
<h2 class="pt-6 text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
Backed by world-renowned investors
</h2>
<p class="max-w-3xl mt-6 text-lg leading-7 text-gray-500">Sagittis scelerisque nulla cursus in enim
consectetur quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit amet, sed
aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi vel porttitor vitae ut. Amet vitae
fames senectus vitae.
</p>
<div class="my-6">
<a href="#" class="text-base font-medium text-indigo-500">
Meet our investors and advisors&nbsp&rarr;
</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="relative px-4 pt-8 pb-4 bg-transparent sm:px-6 lg:px-8 lg:pt-12 lg:mb-4 md:mt-12"> <div class="relative px-1 pt-8 pb-4 bg-transparent lg:px-8 lg:pt-12 lg:mb-4 md:mt-12">
<div class="absolute inset-0"> <div class="absolute inset-0">
<div class="bg-gray-900 dark:bg-gray-900/50 h-1/3 sm:h-2/3"></div> <div class="bg-gray-900 dark:bg-gray-900/50 h-1/3 sm:h-2/3"></div>
</div> </div>
<div class="relative mx-auto max-w-7xl"> <div class="relative px-2 mx-auto max-w-7xl">
<div class="text-center"> <div class="text-center">
<h2 class="text-3xl font-black tracking-tight text-indigo-500 capitalize dark:text-gray-50 sm:text-4xl"> <h2 class="text-3xl font-black tracking-tight text-indigo-500 capitalize dark:text-gray-50 sm:text-4xl">
From the blog From the blog
@ -289,7 +285,7 @@
adipisicing elit. Ipsa libero labore natus atque, ducimus sed.</p> adipisicing elit. Ipsa libero labore natus atque, ducimus sed.</p>
</div> </div>
<div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50"> <div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50 md:px-1.5">
<div class="px-4 text-gray-900 not-prose dark:text-zinc-200"> <div class="px-4 text-gray-900 not-prose dark:text-zinc-200">
<div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3"> <div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
{{ range (.Paginator 3).Pages }} {{ range (.Paginator 3).Pages }}
@ -348,7 +344,7 @@
</div> </div>
<!-- CTA section --> <!-- CTA section -->
<div class="relative mt-6 sm:py-16"> <div class="relative pb-16 mt-6">
<div aria-hidden="true" class="hidden sm:block"> <div aria-hidden="true" class="hidden sm:block">
<div class="absolute inset-y-0 left-0 w-1/2 rounded-r-3xl bg-gray-50 dark:bg-gray-900/10"> <div class="absolute inset-y-0 left-0 w-1/2 rounded-r-3xl bg-gray-50 dark:bg-gray-900/10">
</div> </div>
@ -363,7 +359,7 @@
<rect width="404" height="392" fill="url(#8228f071-bcee-4ec8-905a-2a059a2cc4fb)" /> <rect width="404" height="392" fill="url(#8228f071-bcee-4ec8-905a-2a059a2cc4fb)" />
</svg> </svg>
</div> </div>
<div class="max-w-md px-4 mx-auto sm:max-w-3xl lg:max-w-7xl"> <div class="max-w-md mx-auto px-7 sm:max-w-3xl lg:max-w-7xl">
<div class="relative px-6 py-10 overflow-hidden bg-indigo-500 shadow-xl rounded-2xl sm:px-12 sm:py-20"> <div class="relative px-6 py-10 overflow-hidden bg-indigo-500 shadow-xl rounded-2xl sm:px-12 sm:py-20">
<div aria-hidden="true" class="absolute inset-0 -mt-72 sm:-mt-32 md:mt-0"> <div aria-hidden="true" class="absolute inset-0 -mt-72 sm:-mt-32 md:mt-0">
<svg class="absolute inset-0 w-full h-full" preserveAspectRatio="xMidYMid slice" <svg class="absolute inset-0 w-full h-full" preserveAspectRatio="xMidYMid slice"

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1 @@
{"Target":"css/style.css","MediaType":"text/css","Data":{}}