91 lines
3.7 KiB
Plaintext
91 lines
3.7 KiB
Plaintext
---
|
|
const {} = Astro.props;
|
|
---
|
|
|
|
<section>
|
|
<div class="max-w-6xl mx-auto px-4 sm:px-6">
|
|
<div class="py-12 md:py-20">
|
|
<div class="py-4 sm:py-6 lg:py-8">
|
|
<div class="w-full flex flex-wrap -mx-8">
|
|
<div class="w-full lg:w-1/2 px-8">
|
|
<div class="mb-12 lg:mb-0 pb-12 lg:pb-0 border-b lg:border-b-0">
|
|
<h2 class="mb-4 text-3xl lg:text-4xl font-bold font-heading">
|
|
Sed ac magna sit amet risus tristique interdum, at vel velit in
|
|
hac habitasse platea dictumst.
|
|
</h2>
|
|
<p class="mb-8 text-xl text-gray-600 dark:text-gray-400">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi
|
|
sagittis, quam nec venenatis lobortis, mi risus tempus nulla,
|
|
sed porttitor est nibh at nulla. Praesent placerat enim ut ex
|
|
tincidunt vehicula. Fusce sit amet dui tellus.
|
|
</p>
|
|
<div class="w-full md:w-1/3">
|
|
<button
|
|
type="button"
|
|
class="btn bg-blue-600 hover:bg-blue-700 focus:ring-blue-500 focus:ring-offset-blue-200 text-white transition ease-in duration-200 text-center text-base font-medium shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2"
|
|
>
|
|
Get started
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="w-full lg:w-1/2 px-8">
|
|
<ul class="space-y-12">
|
|
<li class="flex -mx-4">
|
|
<div class="px-4">
|
|
<span
|
|
class="flex w-16 h-16 mx-auto items-center justify-center text-2xl font-bold font-heading rounded-full bg-blue-50 text-blue-600"
|
|
>
|
|
1
|
|
</span>
|
|
</div>
|
|
<div class="px-4">
|
|
<h3 class="my-4 text-xl font-semibold">
|
|
Responsive Elements
|
|
</h3>
|
|
<p class="text-gray-500 dark:text-gray-400">
|
|
All elements are responsive and provide the best display in
|
|
all screen size. It's magic !
|
|
</p>
|
|
</div>
|
|
</li>
|
|
<li class="flex -mx-4">
|
|
<div class="px-4">
|
|
<span
|
|
class="flex w-16 h-16 mx-auto items-center justify-center text-2xl font-bold font-heading rounded-full bg-blue-50 text-blue-600"
|
|
>
|
|
2
|
|
</span>
|
|
</div>
|
|
<div class="px-4">
|
|
<h3 class="my-4 text-xl font-semibold">Flexible Team</h3>
|
|
<p class="text-gray-500 dark:text-gray-400">
|
|
Flexibility is the key. All team is available 24/24 and
|
|
joinable every day on our hotline.
|
|
</p>
|
|
</div>
|
|
</li>
|
|
<li class="flex -mx-4">
|
|
<div class="px-4">
|
|
<span
|
|
class="flex w-16 h-16 mx-auto items-center justify-center text-2xl font-bold font-heading rounded-full bg-blue-50 text-blue-600"
|
|
>
|
|
3
|
|
</span>
|
|
</div>
|
|
<div class="px-4">
|
|
<h3 class="my-4 text-xl font-semibold">Ecologic Software</h3>
|
|
<p class="text-gray-500 dark:text-gray-400">
|
|
Our Software are ecologic and responsable. Green is not just
|
|
a color, it's a way of life.
|
|
</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|