Skip to content

Commit

Permalink
add team
Browse files Browse the repository at this point in the history
  • Loading branch information
willpinha committed Jan 10, 2024
1 parent 589301f commit 51b07f8
Showing 1 changed file with 194 additions and 0 deletions.
194 changes: 194 additions & 0 deletions src/examples/team/squaredImageWithSocials.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,194 @@
<div class="flex flex-col items-center gap-8">
<h1 class="font-bold text-3xl self-center">Meet the crew</h1>

<span class="self-center">Creative people</span>

<!-- Team -->
<div class="grid grid-cols-1 sm:grid-cols-3 gap-20">
<!-- Member -->
<div class="flex gap-4">
<!-- Photo -->
<div class="flex justify-center items-center bg-base-300 rounded-box p-4">
<i class="fa-solid fa-user-tie text-6xl"></i>
</div>

<div class="flex flex-col gap-2">
<!-- Name -->
<h3 class="font-bold">David Forren</h3>

<!-- Role -->
<span class="text-sm">Founder / CEO</span>

<!-- Socials -->
<div class="flex text-secondary">
<a class="btn btn-ghost btn-sm btn-circle">
<i class="fa-brands fa-github text-lg"></i>
</a>

<a class="btn btn-ghost btn-sm btn-circle">
<i class="fa-brands fa-twitter text-lg"></i>
</a>

<a class="btn btn-ghost btn-sm btn-circle">
<i class="fa-brands fa-facebook text-lg"></i>
</a>
</div>
</div>
</div>

<!-- Member -->
<div class="flex gap-4">
<!-- Photo -->
<div class="flex justify-center items-center bg-base-300 rounded-box p-4">
<i class="fa-solid fa-user-tie text-6xl"></i>
</div>

<div class="flex flex-col gap-2">
<!-- Name -->
<h3 class="font-bold">Amil Evara</h3>

<!-- Role -->
<span class="text-sm">UI/UX Designer</span>

<!-- Socials -->
<div class="flex text-secondary">
<a class="btn btn-ghost btn-sm btn-circle">
<i class="fa-brands fa-github text-lg"></i>
</a>

<a class="btn btn-ghost btn-sm btn-circle">
<i class="fa-brands fa-twitter text-lg"></i>
</a>

<a class="btn btn-ghost btn-sm btn-circle">
<i class="fa-brands fa-facebook text-lg"></i>
</a>
</div>
</div>
</div>

<!-- Member -->
<div class="flex gap-4">
<!-- Photo -->
<div class="flex justify-center items-center bg-base-300 rounded-box p-4">
<i class="fa-solid fa-user-tie text-6xl"></i>
</div>

<div class="flex flex-col gap-2">
<!-- Name -->
<h3 class="font-bold">Ebele Egbuna</h3>

<!-- Role -->
<span class="text-sm">Support consultant</span>

<!-- Socials -->
<div class="flex text-secondary">
<a class="btn btn-ghost btn-sm btn-circle">
<i class="fa-brands fa-github text-lg"></i>
</a>

<a class="btn btn-ghost btn-sm btn-circle">
<i class="fa-brands fa-twitter text-lg"></i>
</a>

<a class="btn btn-ghost btn-sm btn-circle">
<i class="fa-brands fa-facebook text-lg"></i>
</a>
</div>
</div>
</div>

<!-- Member -->
<div class="flex gap-4">
<!-- Photo -->
<div class="flex justify-center items-center bg-base-300 rounded-box p-4">
<i class="fa-solid fa-user-tie text-6xl"></i>
</div>

<div class="flex flex-col gap-2">
<!-- Name -->
<h3 class="font-bold">Maria Powers</h3>

<!-- Role -->
<span class="text-sm">Director of sales</span>

<!-- Socials -->
<div class="flex text-secondary">
<a class="btn btn-ghost btn-sm btn-circle">
<i class="fa-brands fa-github text-lg"></i>
</a>

<a class="btn btn-ghost btn-sm btn-circle">
<i class="fa-brands fa-twitter text-lg"></i>
</a>

<a class="btn btn-ghost btn-sm btn-circle">
<i class="fa-brands fa-facebook text-lg"></i>
</a>
</div>
</div>
</div>

<!-- Member -->
<div class="flex gap-4">
<!-- Photo -->
<div class="flex justify-center items-center bg-base-300 rounded-box p-4">
<i class="fa-solid fa-user-tie text-6xl"></i>
</div>

<div class="flex flex-col gap-2">
<!-- Name -->
<h3 class="font-bold">Delia Pawelke</h3>

<!-- Role -->
<span class="text-sm">Front-end developer</span>

<!-- Socials -->
<div class="flex text-secondary">
<a class="btn btn-ghost btn-sm btn-circle">
<i class="fa-brands fa-github text-lg"></i>
</a>

<a class="btn btn-ghost btn-sm btn-circle">
<i class="fa-brands fa-twitter text-lg"></i>
</a>

<a class="btn btn-ghost btn-sm btn-circle">
<i class="fa-brands fa-facebook text-lg"></i>
</a>
</div>
</div>
</div>

<!-- Member -->
<div class="flex gap-4">
<!-- Photo -->
<div class="flex justify-center items-center bg-base-300 rounded-box p-4">
<i class="fa-solid fa-user-tie text-6xl"></i>
</div>

<div class="flex flex-col gap-2">
<!-- Name -->
<h3 class="font-bold">Tom Lowry</h3>

<!-- Role -->
<span class="text-sm">UI/UX Designer</span>

<!-- Socials -->
<div class="flex text-secondary">
<a class="btn btn-ghost btn-sm btn-circle">
<i class="fa-brands fa-github text-lg"></i>
</a>

<a class="btn btn-ghost btn-sm btn-circle">
<i class="fa-brands fa-twitter text-lg"></i>
</a>

<a class="btn btn-ghost btn-sm btn-circle">
<i class="fa-brands fa-facebook text-lg"></i>
</a>
</div>
</div>
</div>
</div>
</div>

0 comments on commit 51b07f8

Please sign in to comment.