ok
This commit is contained in:
49
templates/partials/products/portfolio.html
Normal file
49
templates/partials/products/portfolio.html
Normal file
@@ -0,0 +1,49 @@
|
||||
<div class="bg-gray-900 py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8">
|
||||
<h2 class="text-base/7 font-semibold text-indigo-400">Deploy faster</h2>
|
||||
<p class="mt-2 max-w-lg text-pretty text-4xl font-semibold tracking-tight text-white sm:text-5xl">Everything you need to deploy your app</p>
|
||||
<div class="mt-10 grid grid-cols-1 gap-4 sm:mt-16 lg:grid-cols-6 lg:grid-rows-2">
|
||||
<div class="flex p-px lg:col-span-4">
|
||||
<div class="overflow-hidden rounded-lg bg-gray-800 ring-1 ring-white/15 max-lg:rounded-t-[2rem] lg:rounded-tl-[2rem]">
|
||||
<img class="h-80 object-cover object-left" src="https://tailwindui.com/plus/img/component-images/bento-02-releases.png" alt="">
|
||||
<div class="p-10">
|
||||
<h3 class="text-sm/4 font-semibold text-gray-400">Releases</h3>
|
||||
<p class="mt-2 text-lg font-medium tracking-tight text-white">Push to deploy</p>
|
||||
<p class="mt-2 max-w-lg text-sm/6 text-gray-400">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In gravida justo et nulla efficitur, maximus egestas sem pellentesque.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex p-px lg:col-span-2">
|
||||
<div class="overflow-hidden rounded-lg bg-gray-800 ring-1 ring-white/15 lg:rounded-tr-[2rem]">
|
||||
<img class="h-80 object-cover" src="https://tailwindui.com/plus/img/component-images/bento-02-integrations.png" alt="">
|
||||
<div class="p-10">
|
||||
<h3 class="text-sm/4 font-semibold text-gray-400">Integrations</h3>
|
||||
<p class="mt-2 text-lg font-medium tracking-tight text-white">Connect your favorite tools</p>
|
||||
<p class="mt-2 max-w-lg text-sm/6 text-gray-400">Curabitur auctor, ex quis auctor venenatis, eros arcu rhoncus massa.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex p-px lg:col-span-2">
|
||||
<div class="overflow-hidden rounded-lg bg-gray-800 ring-1 ring-white/15 lg:rounded-bl-[2rem]">
|
||||
<img class="h-80 object-cover" src="https://tailwindui.com/plus/img/component-images/bento-02-security.png" alt="">
|
||||
<div class="p-10">
|
||||
<h3 class="text-sm/4 font-semibold text-gray-400">Security</h3>
|
||||
<p class="mt-2 text-lg font-medium tracking-tight text-white">Advanced access control</p>
|
||||
<p class="mt-2 max-w-lg text-sm/6 text-gray-400">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex p-px lg:col-span-4">
|
||||
<div class="overflow-hidden rounded-lg bg-gray-800 ring-1 ring-white/15 max-lg:rounded-b-[2rem] lg:rounded-br-[2rem]">
|
||||
<img class="h-80 object-cover object-left" src="https://tailwindui.com/plus/img/component-images/bento-02-performance.png" alt="">
|
||||
<div class="p-10">
|
||||
<h3 class="text-sm/4 font-semibold text-gray-400">Performance</h3>
|
||||
<p class="mt-2 text-lg font-medium tracking-tight text-white">Lightning-fast builds</p>
|
||||
<p class="mt-2 max-w-lg text-sm/6 text-gray-400">Sed congue eros non finibus molestie. Vestibulum euismod augue vel commodo vulputate. Maecenas at augue sed elit dictum vulputate.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -3,17 +3,17 @@
|
||||
<dl class="grid grid-cols-1 gap-x-8 gap-y-16 text-center lg:grid-cols-3">
|
||||
<div class="mx-auto flex max-w-xs flex-col gap-y-4">
|
||||
<dd class="fade-in order-first text-3xl font-semibold tracking-tight text-white sm:text-4xl opacity-0 transition-opacity duration-1000" data-observer>
|
||||
Open Source
|
||||
Open Source.
|
||||
</dd>
|
||||
</div>
|
||||
<div class="mx-auto flex max-w-xs flex-col gap-y-4">
|
||||
<dd class="fade-in order-first text-3xl font-semibold tracking-tight text-white sm:text-4xl opacity-0 transition-opacity duration-1000" data-observer>
|
||||
Authenticity
|
||||
Authenticity.
|
||||
</dd>
|
||||
</div>
|
||||
<div class="mx-auto flex max-w-xs flex-col gap-y-4">
|
||||
<dd class="fade-in order-first text-3xl font-semibold tracking-tight text-white sm:text-4xl opacity-0 transition-opacity duration-1000" data-observer>
|
||||
Simplicity
|
||||
Simplicity.
|
||||
</dd>
|
||||
</div>
|
||||
</dl>
|
||||
|
||||
Reference in New Issue
Block a user