Untitled

mail@pastecode.io avatar
unknown
plain_text
2 years ago
26 kB
1
Indexable
Never
<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>