294 lines
12 KiB
Markdown
294 lines
12 KiB
Markdown
---
|
|
sidebar_position: 2
|
|
---
|
|
|
|
# Squared Medium Size Image
|
|
|
|
|
|
|
|
```jsx title="Frontend/sections/TeamSections/SmallCircledImageSize.tsx"
|
|
<>
|
|
{/* <!-- Team --> */}
|
|
<div className="max-w-5xl px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
|
|
{/* <!-- Title --> */}
|
|
<div className="max-w-2xl mx-auto text-center mb-10 lg:mb-14">
|
|
<h2 className="text-2xl font-bold md:text-4xl md:leading-tight">
|
|
Our team
|
|
</h2>
|
|
<p className="mt-1 text-secondary-content">Creative people</p>
|
|
</div>
|
|
{/* <!-- End Title --> */}
|
|
|
|
{/* <!-- Grid --> */}
|
|
<div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-8 md:gap-12">
|
|
<div className="text-center">
|
|
<img
|
|
className="rounded-full size-24 mx-auto"
|
|
src="https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
|
|
alt="Image Description"
|
|
/>
|
|
<div className="mt-2 sm:mt-4">
|
|
<h3 className="font-medium text-secondary-content">
|
|
David Forren
|
|
</h3>
|
|
<p className="text-sm text-secondary-content">Founder / CEO</p>
|
|
</div>
|
|
</div>
|
|
{/* <!-- End Col --> */}
|
|
|
|
<div className="text-center">
|
|
<img
|
|
className="rounded-full size-24 mx-auto"
|
|
src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
|
|
alt="Image Description"
|
|
/>
|
|
<div className="mt-2 sm:mt-4">
|
|
<h3 className="font-medium text-secondary-content">Amil Evara</h3>
|
|
<p className="text-sm text-secondary-content">UI/UX Designer</p>
|
|
</div>
|
|
</div>
|
|
{/* <!-- End Col --> */}
|
|
|
|
<div className="text-center">
|
|
<img
|
|
className="rounded-full size-24 mx-auto"
|
|
src="https://images.unsplash.com/photo-1548142813-c348350df52b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
|
|
alt="Image Description"
|
|
/>
|
|
<div className="mt-2 sm:mt-4">
|
|
<h3 className="font-medium text-secondary-content">
|
|
Ebele Egbuna
|
|
</h3>
|
|
<p className="text-sm text-secondary-content">
|
|
Support Consultant
|
|
</p>
|
|
</div>
|
|
</div>
|
|
{/* <!-- End Col --> */}
|
|
|
|
<div className="text-center">
|
|
<img
|
|
className="rounded-full size-24 mx-auto"
|
|
src="https://images.unsplash.com/photo-1492562080023-ab3db95bfbce?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
|
|
alt="Image Description"
|
|
/>
|
|
<div className="mt-2 sm:mt-4">
|
|
<h3 className="font-medium text-secondary-content">
|
|
Maria Powers
|
|
</h3>
|
|
<p className="text-sm text-secondary-content">
|
|
Director of sales
|
|
</p>
|
|
</div>
|
|
</div>
|
|
{/* <!-- End Col --> */}
|
|
|
|
<div className="text-center">
|
|
<img
|
|
className="rounded-full size-24 mx-auto"
|
|
src="https://images.unsplash.com/photo-1580489944761-15a19d654956?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
|
|
alt="Image Description"
|
|
/>
|
|
<div className="mt-2 sm:mt-4">
|
|
<h3 className="font-medium text-secondary-content">
|
|
Delia Pawelke
|
|
</h3>
|
|
<p className="text-sm text-secondary-content">
|
|
Front-end Developer
|
|
</p>
|
|
</div>
|
|
</div>
|
|
{/* <!-- End Col --> */}
|
|
|
|
<div className="text-center">
|
|
<img
|
|
className="rounded-full size-24 mx-auto"
|
|
src="https://images.unsplash.com/photo-1624224971170-2f84fed5eb5e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
|
|
alt="Image Description"
|
|
/>
|
|
<div className="mt-2 sm:mt-4">
|
|
<h3 className="font-medium text-secondary-content">Tom Lowry</h3>
|
|
<p className="text-sm text-secondary-content">UI/UX Designer</p>
|
|
</div>
|
|
</div>
|
|
{/* <!-- End Col --> */}
|
|
|
|
<div className="text-center">
|
|
<img
|
|
className="rounded-full size-24 mx-auto"
|
|
src="https://images.unsplash.com/photo-1579017331263-ef82f0bbc748?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
|
|
alt="Image Description"
|
|
/>
|
|
<div className="mt-2 sm:mt-4">
|
|
<h3 className="font-medium text-secondary-content">
|
|
Louise Donadieu
|
|
</h3>
|
|
<p className="text-sm text-secondary-content">
|
|
Support Consultant
|
|
</p>
|
|
</div>
|
|
</div>
|
|
{/* <!-- End Col --> */}
|
|
|
|
<div className="text-center">
|
|
<img
|
|
className="rounded-full size-24 mx-auto"
|
|
src="https://images.unsplash.com/photo-1514222709107-a180c68d72b4?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
|
|
alt="Image Description"
|
|
/>
|
|
<div className="mt-2 sm:mt-4">
|
|
<h3 className="font-medium text-secondary-content">
|
|
Jeff Fisher
|
|
</h3>
|
|
<p className="text-sm text-secondary-content">Project Manager</p>
|
|
</div>
|
|
</div>
|
|
{/* <!-- End Col --> */}
|
|
|
|
<div className="text-center">
|
|
<img
|
|
className="rounded-full size-24 mx-auto"
|
|
src="https://images.unsplash.com/photo-1602452920335-6a132309c7c8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
|
|
alt="Image Description"
|
|
/>
|
|
<div className="mt-2 sm:mt-4">
|
|
<h3 className="font-medium text-secondary-content">
|
|
Sophia Harrington
|
|
</h3>
|
|
<p className="text-sm text-secondary-content">Project Manager</p>
|
|
</div>
|
|
</div>
|
|
{/* <!-- End Col --> */}
|
|
|
|
<div className="text-center">
|
|
<img
|
|
className="rounded-full size-24 mx-auto"
|
|
src="https://images.unsplash.com/photo-1515621061946-eff1c2a352bd?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
|
|
alt="Image Description"
|
|
/>
|
|
<div className="mt-2 sm:mt-4">
|
|
<h3 className="font-medium text-secondary-content">
|
|
Christina Kray
|
|
</h3>
|
|
<p className="text-sm text-secondary-content">
|
|
Support Consultant
|
|
</p>
|
|
</div>
|
|
</div>
|
|
{/* <!-- End Col --> */}
|
|
|
|
<div className="text-center">
|
|
<img
|
|
className="rounded-full size-24 mx-auto"
|
|
src="https://images.unsplash.com/photo-1514846226882-28b324ef7f28?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
|
|
alt="Image Description"
|
|
/>
|
|
<div className="mt-2 sm:mt-4">
|
|
<h3 className="font-medium text-secondary-content">Amy Forren</h3>
|
|
<p className="text-sm text-secondary-content">Product Designer</p>
|
|
</div>
|
|
</div>
|
|
{/* <!-- End Col --> */}
|
|
|
|
<div className="text-center">
|
|
<img
|
|
className="rounded-full size-24 mx-auto"
|
|
src="https://images.unsplash.com/photo-1610216705422-caa3fcb6d158?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
|
|
alt="Image Description"
|
|
/>
|
|
<div className="mt-2 sm:mt-4">
|
|
<h3 className="font-medium text-secondary-content">
|
|
Philip Williams
|
|
</h3>
|
|
<p className="text-sm text-secondary-content">
|
|
Support Consultant
|
|
</p>
|
|
</div>
|
|
</div>
|
|
{/* <!-- End Col --> */}
|
|
|
|
<div className="text-center">
|
|
<img
|
|
className="rounded-full size-24 mx-auto"
|
|
src="https://images.unsplash.com/photo-1520409364224-63400afe26e5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
|
|
alt="Image Description"
|
|
/>
|
|
<div className="mt-2 sm:mt-4">
|
|
<h3 className="font-medium text-secondary-content">
|
|
Brian Lofoten
|
|
</h3>
|
|
<p className="text-sm text-secondary-content">UI/UX Designer</p>
|
|
</div>
|
|
</div>
|
|
{/* <!-- End Col --> */}
|
|
|
|
<div className="text-center">
|
|
<img
|
|
className="rounded-full size-24 mx-auto"
|
|
src="https://images.unsplash.com/photo-1558507652-2d9626c4e67a?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
|
|
alt="Image Description"
|
|
/>
|
|
<div className="mt-2 sm:mt-4">
|
|
<h3 className="font-medium text-secondary-content">
|
|
Jessica Dorsey
|
|
</h3>
|
|
<p className="text-sm text-secondary-content">
|
|
Director of sales
|
|
</p>
|
|
</div>
|
|
</div>
|
|
{/* <!-- End Col --> */}
|
|
|
|
<div className="text-center">
|
|
<img
|
|
className="rounded-full size-24 mx-auto"
|
|
src="https://images.unsplash.com/photo-1521151716396-b2da27b1a19f?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
|
|
alt="Image Description"
|
|
/>
|
|
<div className="mt-2 sm:mt-4">
|
|
<h3 className="font-medium text-secondary-content">
|
|
Nick Jackson
|
|
</h3>
|
|
<p className="text-sm text-secondary-content">UI/UX Designer</p>
|
|
</div>
|
|
</div>
|
|
{/* <!-- End Col --> */}
|
|
</div>
|
|
{/* <!-- End Grid --> */}
|
|
|
|
{/* <!-- Card --> */}
|
|
<div className="mt-12 flex justify-center">
|
|
<div className="border border-base-200 p-1.5 ps-5 rounded-full">
|
|
<div className="flex items-center gap-x-3">
|
|
<span className="text-sm text-base-3000">
|
|
Want to work with us?
|
|
</span>
|
|
<a
|
|
className="py-3 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-full border border-base-200 bg-base-100 text-primary shadow-sm hover:bg-base-300 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1"
|
|
href="#"
|
|
>
|
|
We are hiring
|
|
<svg
|
|
className="flex-shrink-0 size-4"
|
|
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"
|
|
>
|
|
<path d="m9 18 6-6-6-6" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/* <!-- End Card --> */}
|
|
</div>
|
|
{/* <!-- End Team --> */}
|
|
</>
|
|
```
|