forked from mrwyndham/fastpocket
121 lines
4.6 KiB
Markdown
121 lines
4.6 KiB
Markdown
---
|
|
sidebar_position: 2
|
|
---
|
|
|
|
# Simple With A Single Image
|
|
|
|
|
|
|
|
```jsx title="Frontend/sections/FeaturesGeneral/SimpleWithASingleImage.tsx"
|
|
<>
|
|
{/* <!-- Features --> */}
|
|
<div className="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
|
|
{/* <!-- Grid --> */}
|
|
<div className="md:grid md:grid-cols-2 md:items-center md:gap-12 xl:gap-32">
|
|
<div>
|
|
<img
|
|
className="rounded-xl"
|
|
src="https://images.unsplash.com/photo-1648737963503-1a26da876aca?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=900&h=900&q=80"
|
|
alt="Image Description"
|
|
/>
|
|
</div>
|
|
{/* <!-- End Col --> */}
|
|
|
|
<div className="mt-5 sm:mt-10 lg:mt-0">
|
|
<div className="space-y-6 sm:space-y-8">
|
|
{/* <!-- Title --> */}
|
|
<div className="space-y-2 md:space-y-4">
|
|
<h2 className="font-bold text-3xl lg:text-4xl text-secondary-content">
|
|
We tackle the challenges start-ups face
|
|
</h2>
|
|
<p className="text-secondary-content">
|
|
Besides working with start-up enterprises as a partner for
|
|
digitalization, we have built enterprise products for common
|
|
pain points that we have encountered in various products and
|
|
projects.
|
|
</p>
|
|
</div>
|
|
{/* <!-- End Title --> */}
|
|
|
|
{/* <!-- List --> */}
|
|
<ul role="list" className="space-y-2 sm:space-y-4">
|
|
<li className="flex space-x-3">
|
|
<span className="mt-0.5 w-5 flex justify-center items-center rounded-full bg-base-100 text-primary">
|
|
<svg
|
|
className="flex-shrink-0 w-3.5"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<polyline points="20 6 9 17 4 12" />
|
|
</svg>
|
|
</span>
|
|
|
|
<span className="text-sm sm:text-base text-secondary-content">
|
|
<span className="font-bold">Easy & fast</span> designing
|
|
</span>
|
|
</li>
|
|
|
|
<li className="flex space-x-3">
|
|
<span className="mt-0.5 w-5 flex justify-center items-center rounded-full bg-base-100 text-primary">
|
|
<svg
|
|
className="flex-shrink-0 w-3.5"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<polyline points="20 6 9 17 4 12" />
|
|
</svg>
|
|
</span>
|
|
|
|
<span className="text-sm sm:text-base text-secondary-content">
|
|
Powerful <span className="font-bold">features</span>
|
|
</span>
|
|
</li>
|
|
|
|
<li className="flex space-x-3">
|
|
<span className="mt-0.5 w-5 flex justify-center items-center rounded-full bg-base-100 text-primary">
|
|
<svg
|
|
className="flex-shrink-0 w-3.5"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<polyline points="20 6 9 17 4 12" />
|
|
</svg>
|
|
</span>
|
|
|
|
<span className="text-sm sm:text-base text-secondary-content">
|
|
User Experience Design
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
{/* <!-- End List --> */}
|
|
</div>
|
|
</div>
|
|
{/* <!-- End Col --> */}
|
|
</div>
|
|
{/* <!-- End Grid --> */}
|
|
</div>
|
|
{/* <!-- End Features --> */}
|
|
</>
|
|
```
|