Untitled
unknown
plain_text
3 years ago
26 kB
2
Indexable
<div class="container xl:w-full w-11/12 mx-auto pt-16">
<div class="w-full">
<p class="text-gray-600 text-lg font-normal pb-3 sm:text-left text-center">
BUILDING TEAM
</p>
<h1 class="xl:text-4xl lg:text-4xl text-3xl sm:text-left text-center text-gray-800 font-extrabold sm:w-4/6 w-5/6 mx-auto sm:mx-0">
The Talented People Behind the Scenes of the Organization
</h1>
</div>
<div class="xl:flex lg:flex md:flex sm:flex flex-wrap justify-between pt-20">
<div class="xl:w-4/12 lg:w-2/4 md:w-2/5 sm:w-2/5 max-w-sm mb-8 border-b border-gray-300 pb-6">
<div class="w-full rounded h-56">
<img
src="https://cdn.tuk.dev/assets/photo-1575978108872-9b1429a19a0f.jfif"
alt="Display picture of Silene Tokyo"
role="img"
class="object-cover h-full w-full overflow-hidden rounded shadow"
/>
</div>
<div class="flex w-full items-center justify-between pt-6 pb-1">
<p class="text-xl font-normal text-gray-800">Silene Tokyo</p>
<div class="flex justify-center">
<a
aria-label="Open github"
role="link"
href="javascript:void(0)"
class="mx-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="#718096"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-github"
>
<path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
</svg>
</a>
<a
aria-label="Open twitter"
role="link"
href="javascript:void(0)"
class="mx-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="#718096"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-twitter"
>
<path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>
</svg>
</a>
<a
aria-label="Open instagram"
role="link"
href="javascript:void(0)"
class="mx-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="#718096"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-instagram"
>
<rect
x="2"
y="2"
width="20"
height="20"
rx="5"
ry="5"
></rect>
<path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
<line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
</svg>
</a>
</div>
</div>
<p class="text-base text-gray-600 pb-3">VP Operations</p>
<p class="text-sm text-gray-600 leading-6 font-normal">
The Vice President, Operations is responsible for planning,
directing, and overseeing finance and operations activities in the
organization, and ensuring development.
</p>
</div>
<div class="xl:w-4/12 lg:w-2/4 md:w-2/5 sm:w-2/5 mx-4 max-w-sm mb-8 border-b border-gray-300 pb-6">
<div class="w-full rounded h-56">
<img
src="https://cdn.tuk.dev/assets/photo-1530577197743-7adf14294584.jfif"
alt="Display picture of Silene Tokyo"
role="img"
class="object-cover h-full w-full overflow-hidden rounded shadow"
/>
</div>
<div class="flex w-full items-center justify-between pt-6 pb-1">
<p class="text-xl font-normal text-gray-800">Silene Tokyo</p>
<div class="flex justify-center">
<a
aria-label="Open github"
role="link"
href="javascript:void(0)"
class="mx-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="#718096"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-github"
>
<path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
</svg>
</a>
<a
aria-label="Open twitter"
role="link"
href="javascript:void(0)"
class="mx-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="#718096"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-twitter"
>
<path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>
</svg>
</a>
<a
aria-label="Open instagram"
role="link"
href="javascript:void(0)"
class="mx-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="#718096"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-instagram"
>
<rect
x="2"
y="2"
width="20"
height="20"
rx="5"
ry="5"
></rect>
<path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
<line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
</svg>
</a>
</div>
</div>
<p class="text-base text-gray-600 pb-3">VP Operations</p>
<p class="text-sm text-gray-600 leading-6 font-normal">
The Vice President, Operations is responsible for planning,
directing, and overseeing finance and operations activities in the
organization, and ensuring development.
</p>
</div>
<div class="xl:w-4/12 lg:w-2/4 md:w-2/5 sm:w-2/5 max-w-sm mb-8 border-b border-gray-300 pb-6">
<div class="w-full rounded h-56">
<img
src="https://cdn.tuk.dev/assets/photo-1594369428909-cf575675ca9a.jfif"
alt="Display picture of Silene Tokyo"
role="img"
class="object-cover h-full w-full overflow-hidden rounded shadow"
/>
</div>
<div class="flex w-full items-center justify-between pt-6 pb-1">
<p class="text-xl font-normal text-gray-800">Silene Tokyo</p>
<div class="flex justify-center">
<a
aria-label="Open github"
role="link"
href="javascript:void(0)"
class="mx-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="#718096"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-github"
>
<path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
</svg>
</a>
<a
aria-label="Open twitter"
role="link"
href="javascript:void(0)"
class="mx-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="#718096"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-twitter"
>
<path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>
</svg>
</a>
<a
aria-label="Open instagram"
role="link"
href="javascript:void(0)"
class="mx-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="#718096"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-instagram"
>
<rect
x="2"
y="2"
width="20"
height="20"
rx="5"
ry="5"
></rect>
<path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
<line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
</svg>
</a>
</div>
</div>
<p class="text-base text-gray-600 pb-3">VP Operations</p>
<p class="text-sm text-gray-600 leading-6 font-normal">
The Vice President, Operations is responsible for planning,
directing, and overseeing finance and operations activities in the
organization, and ensuring development.
</p>
</div>
<div class="xl:w-4/12 lg:w-2/4 md:w-2/5 sm:w-2/5 max-w-sm mb-8 border-b border-gray-300 pb-6">
<div class="w-full rounded h-56">
<img
src="https://cdn.tuk.dev/assets/smiling-confident-businesswoman-posing-with-arms-folded_1262-20950.jpg"
alt="Display picture of Silene Tokyo"
role="img"
class="object-cover h-full w-full overflow-hidden rounded shadow"
/>
</div>
<div class="flex w-full items-center justify-between pt-6 pb-1">
<p class="text-xl font-normal text-gray-800">Silene Tokyo</p>
<div class="flex justify-center">
<a
aria-label="Open github"
role="link"
href="javascript:void(0)"
class="mx-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="#718096"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-github"
>
<path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
</svg>
</a>
<a
aria-label="Open twitter"
role="link"
href="javascript:void(0)"
class="mx-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="#718096"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-twitter"
>
<path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>
</svg>
</a>
<a
aria-label="Open instagram"
role="link"
href="javascript:void(0)"
class="mx-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="#718096"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-instagram"
>
<rect
x="2"
y="2"
width="20"
height="20"
rx="5"
ry="5"
></rect>
<path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
<line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
</svg>
</a>
</div>
</div>
<p class="text-base text-gray-600 pb-3">VP Operations</p>
<p class="text-sm text-gray-600 leading-6 font-normal">
The Vice President, Operations is responsible for planning,
directing, and overseeing finance and operations activities in the
organization, and ensuring development.
</p>
</div>
<div class="xl:w-4/12 lg:w-2/4 md:w-2/5 sm:w-2/5 max-w-sm mb-8 border-b border-gray-300 pb-6">
<div class="w-full rounded h-56">
<img
src="https://cdn.tuk.dev/assets/side-view-woman-reading-sofa_23-2148294040.jpg"
alt="Display picture of Silene Tokyo"
role="img"
class="object-cover h-full w-full overflow-hidden rounded shadow"
/>
</div>
<div class="flex w-full items-center justify-between pt-6 pb-1">
<p class="text-xl font-normal text-gray-800">Silene Tokyo</p>
<div class="flex justify-center">
<a
aria-label="Open github"
role="link"
href="javascript:void(0)"
class="mx-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="#718096"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-github"
>
<path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
</svg>
</a>
<a
aria-label="Open twitter"
role="link"
href="javascript:void(0)"
class="mx-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="#718096"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-twitter"
>
<path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>
</svg>
</a>
<a
aria-label="Open instagram"
role="link"
href="javascript:void(0)"
class="mx-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="#718096"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-instagram"
>
<rect
x="2"
y="2"
width="20"
height="20"
rx="5"
ry="5"
></rect>
<path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
<line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
</svg>
</a>
</div>
</div>
<p class="text-base text-gray-600 pb-3">VP Operations</p>
<p class="text-sm text-gray-600 leading-6 font-normal">
The Vice President, Operations is responsible for planning,
directing, and overseeing finance and operations activities in the
organization, and ensuring development.
</p>
</div>
<div class="xl:w-4/12 lg:w-2/4 md:w-2/5 sm:w-2/5 max-w-sm mb-8 border-b border-gray-300 pb-6">
<div class="w-full rounded h-56">
<img
src="https://cdn.tuk.dev/assets/beautiful-redhead-girl-with-freckles-smiling_176420-11278.jpg"
alt="Display picture of Silene Tokyo"
role="img"
class="object-cover h-full w-full overflow-hidden rounded shadow"
/>
</div>
<div class="flex w-full items-center justify-between pt-6 pb-1">
<p class="text-xl font-normal text-gray-800">Silene Tokyo</p>
<div class="flex justify-center">
<a
aria-label="Open github"
role="link"
href="javascript:void(0)"
class="mx-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="#718096"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-github"
>
<path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
</svg>
</a>
<a
aria-label="Open twitter"
role="link"
href="javascript:void(0)"
class="mx-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="#718096"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-twitter"
>
<path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>
</svg>
</a>
<a
aria-label="Open instagram"
role="link"
href="javascript:void(0)"
class="mx-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="#718096"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-instagram"
>
<rect
x="2"
y="2"
width="20"
height="20"
rx="5"
ry="5"
></rect>
<path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
<line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
</svg>
</a>
</div>
</div>
<p class="text-base text-gray-600 pb-3">VP Operations</p>
<p class="text-sm text-gray-600 leading-6 font-normal">
The Vice President, Operations is responsible for planning,
directing, and overseeing finance and operations activities in the
organization, and ensuring development.
</p>
</div>
</div>
</div>
</div>Editor is loading...