Updated padding on homepage to fix mobile styles.
This commit is contained in:
Jeremy Nusser
parent
9eeeb8e397
commit
ca72d47f7e
File diff suppressed because it is too large
Load Diff
|
|
@ -64,9 +64,9 @@
|
|||
<!-- More main page content here... -->
|
||||
|
||||
<!-- 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="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
|
||||
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)" />
|
||||
</svg>
|
||||
</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-->
|
||||
<div class="relative pt-64 pb-10 overflow-hidden shadow-xl rounded-2xl">
|
||||
{{ $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">
|
||||
<!-- Content area -->
|
||||
<div class="pt-12 sm:pt-16 lg:pt-20">
|
||||
<div class="md:pt-12 sm:pt-6 lg:pt-20">
|
||||
<h2
|
||||
class="text-3xl font-bold tracking-tight text-gray-900 capitalize dark:text-gray-50 sm:text-4xl">
|
||||
Our mission</h2>
|
||||
|
|
@ -155,15 +155,15 @@
|
|||
</div>
|
||||
|
||||
<!-- Hero section -->
|
||||
<div class="pt-8 overflow-hidden sm:pt-12 lg:relative lg:py-48">
|
||||
<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="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-12 lg:px-8">
|
||||
<div>
|
||||
<div class="mt-20">
|
||||
<div class="md:mt-8">
|
||||
<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">
|
||||
Just in time for Hacktoberfest with JIT Tailwind.
|
||||
</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
|
||||
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.
|
||||
|
|
@ -185,7 +185,7 @@
|
|||
</div>
|
||||
|
||||
<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="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,8 +222,7 @@
|
|||
</div>
|
||||
|
||||
<!-- Logo cloud section -->
|
||||
<div class="mt-12">
|
||||
<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="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="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="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
|
||||
|
|
@ -232,13 +231,11 @@
|
|||
</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">
|
||||
<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">
|
||||
<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">
|
||||
|
|
@ -257,7 +254,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h2 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
|
||||
<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
|
||||
|
|
@ -265,7 +262,7 @@
|
|||
aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi vel porttitor vitae ut. Amet vitae
|
||||
fames senectus vitae.
|
||||
</p>
|
||||
<div class="mt-6">
|
||||
<div class="my-6">
|
||||
<a href="#" class="text-base font-medium text-indigo-500">
|
||||
Meet our investors and advisors →
|
||||
</a>
|
||||
|
|
@ -273,13 +270,12 @@
|
|||
</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="bg-gray-900 dark:bg-gray-900/50 h-1/3 sm:h-2/3"></div>
|
||||
</div>
|
||||
<div class="relative mx-auto max-w-7xl">
|
||||
<div class="relative px-2 mx-auto max-w-7xl">
|
||||
<div class="text-center">
|
||||
<h2 class="text-3xl font-black tracking-tight text-indigo-500 capitalize dark:text-gray-50 sm:text-4xl">
|
||||
From the blog
|
||||
|
|
@ -289,7 +285,7 @@
|
|||
adipisicing elit. Ipsa libero labore natus atque, ducimus sed.</p>
|
||||
</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="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
|
||||
{{ range (.Paginator 3).Pages }}
|
||||
|
|
@ -348,7 +344,7 @@
|
|||
</div>
|
||||
|
||||
<!-- 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 class="absolute inset-y-0 left-0 w-1/2 rounded-r-3xl bg-gray-50 dark:bg-gray-900/10">
|
||||
</div>
|
||||
|
|
@ -363,7 +359,7 @@
|
|||
<rect width="404" height="392" fill="url(#8228f071-bcee-4ec8-905a-2a059a2cc4fb)" />
|
||||
</svg>
|
||||
</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 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"
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1 @@
|
|||
{"Target":"css/style.css","MediaType":"text/css","Data":{}}
|
||||
Loading…
Reference in New Issue