Home
ABDO-SY
Experince Section

Experince Section

This tailwind example is contributed by ABDO-SY, on 17-Feb-2025. Component is made with Tailwind CSS v3. It is responsive.

Card

Author ABDO-SY

673

Fork Fullscreen

<div class="bg-black w-full py-20">
  <section role="region" aria-label="Experince Section" class="relative  max-w-[1440px] bg-black py-20">
    <div id="Experince"
      class="flex select-auto mx-auto items-center justify-center gap-3 sm:pb-1 w-[210px] sm:w-[410px] border-b-4 sm:border-b-8 border-[#38B7FF] border-primary font-black">
      <svg aria-hidden="true" class="icon" width="50" height="50" fill="none" xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 50 50" id="training">
        <path
          d="M37.1875 37.5781C36.6406 37.6562 36.0938 37.8125 35.625 38.125L33.4375 35.9375V40.3906C33.4375 40.4687 33.4375 40.5469 33.3594 40.625V40.7031C33.2031 41.0156 32.9688 41.25 32.5781 41.25C32.2656 41.25 31.9531 41.0156 31.7969 40.7031V40.625C31.7969 40.5469 31.7187 40.4687 31.7187 40.3906V35.9375L29.5313 38.125C29.0625 37.8906 28.5156 37.6562 27.9688 37.5781C28.125 37.3437 28.2813 37.1094 28.4375 36.875L31.7187 33.5937V28.4375H33.3594V33.5937L36.6406 36.875C36.875 37.1094 37.0313 37.3437 37.1875 37.5781ZM43.2813 39.1406H37.9688C36.1719 39.1406 34.7656 40.5469 34.7656 42.3437V46.25H46.5625V42.3437C46.4844 40.625 45.0781 39.1406 43.2813 39.1406ZM40.625 32.0312C39.1406 32.0312 37.8906 33.2812 37.8906 34.7656C37.8906 36.25 39.1406 37.5 40.625 37.5C42.1094 37.5 43.3594 36.25 43.3594 34.7656C43.3594 33.2031 42.1094 32.0312 40.625 32.0312ZM27.2656 39.1406H21.9531C20.1563 39.1406 18.75 40.5469 18.75 42.3437V46.25H30.4688V42.3437C30.4688 40.625 28.9844 39.1406 27.2656 39.1406ZM24.6094 32.0312C23.125 32.0312 21.875 33.2812 21.875 34.7656C21.875 36.25 23.125 37.5 24.6094 37.5C26.0938 37.5 27.3438 36.25 27.3438 34.7656C27.3438 33.2031 26.0938 32.0312 24.6094 32.0312Z"
          fill="#38B7FF"></path>
        <path
          d="M48.75 3.75H32.5781H15.3125C14.6875 3.75 14.2188 4.21875 14.2188 4.84375C14.2188 5.46875 14.6875 5.9375 15.3125 5.9375H48.9062C49.2187 5.9375 49.4531 5.85937 49.6875 5.625C49.9219 5.39062 50 5.07812 50 4.76562C49.9219 4.21875 49.375 3.75 48.75 3.75ZM38.75 10.7812C35.625 10.7812 33.0469 13.3594 33.0469 16.4844C33.0469 19.6094 35.625 22.1875 38.75 22.1875C41.875 22.1875 44.4531 19.6094 44.4531 16.4844C44.4531 13.3594 41.875 10.7812 38.75 10.7812ZM42.3438 14.7656L40 16.5625L42.1094 18.6719C42.4219 18.9844 42.4219 19.5312 42.1094 19.8437C41.9531 20 41.7188 20.0781 41.5625 20.0781C41.3281 20.0781 41.1719 20 40.9375 19.8437L38.2031 17.1094C38.2031 17.1094 38.2031 17.0312 38.125 17.0312C38.125 17.0312 38.125 16.9531 38.0469 16.9531C38.0469 16.875 37.9687 16.875 37.9687 16.7969C37.9687 16.7188 37.9687 16.7188 37.9687 16.6406V16.5625V12.6563C37.9687 12.1875 38.3594 11.7969 38.8281 11.7969C39.2969 11.7969 39.6875 12.1875 39.6875 12.6563V14.9219L41.4844 13.5937C41.875 13.2812 42.3437 13.3594 42.6562 13.75C42.8125 13.9844 42.7344 14.4531 42.3438 14.7656ZM38.75 10.7812C35.625 10.7812 33.0469 13.3594 33.0469 16.4844C33.0469 19.6094 35.625 22.1875 38.75 22.1875C41.875 22.1875 44.4531 19.6094 44.4531 16.4844C44.4531 13.3594 41.875 10.7812 38.75 10.7812ZM42.3438 14.7656L40 16.5625L42.1094 18.6719C42.4219 18.9844 42.4219 19.5312 42.1094 19.8437C41.9531 20 41.7188 20.0781 41.5625 20.0781C41.3281 20.0781 41.1719 20 40.9375 19.8437L38.2031 17.1094C38.2031 17.1094 38.2031 17.0312 38.125 17.0312C38.125 17.0312 38.125 16.9531 38.0469 16.9531C38.0469 16.875 37.9687 16.875 37.9687 16.7969C37.9687 16.7188 37.9687 16.7188 37.9687 16.6406V16.5625V12.6563C37.9687 12.1875 38.3594 11.7969 38.8281 11.7969C39.2969 11.7969 39.6875 12.1875 39.6875 12.6563V14.9219L41.4844 13.5937C41.875 13.2812 42.3437 13.3594 42.6562 13.75C42.8125 13.9844 42.7344 14.4531 42.3438 14.7656ZM38.75 10.7812C35.625 10.7812 33.0469 13.3594 33.0469 16.4844C33.0469 19.6094 35.625 22.1875 38.75 22.1875C41.875 22.1875 44.4531 19.6094 44.4531 16.4844C44.4531 13.3594 41.875 10.7812 38.75 10.7812ZM42.3438 14.7656L40 16.5625L42.1094 18.6719C42.4219 18.9844 42.4219 19.5312 42.1094 19.8437C41.9531 20 41.7188 20.0781 41.5625 20.0781C41.3281 20.0781 41.1719 20 40.9375 19.8437L38.2031 17.1094C38.2031 17.1094 38.2031 17.0312 38.125 17.0312C38.125 17.0312 38.125 16.9531 38.0469 16.9531C38.0469 16.875 37.9687 16.875 37.9687 16.7969C37.9687 16.7188 37.9687 16.7188 37.9687 16.6406V16.5625V12.6563C37.9687 12.1875 38.3594 11.7969 38.8281 11.7969C39.2969 11.7969 39.6875 12.1875 39.6875 12.6563V14.9219L41.4844 13.5937C41.875 13.2812 42.3437 13.3594 42.6562 13.75C42.8125 13.9844 42.7344 14.4531 42.3438 14.7656ZM38.75 10.7812C35.625 10.7812 33.0469 13.3594 33.0469 16.4844C33.0469 19.6094 35.625 22.1875 38.75 22.1875C41.875 22.1875 44.4531 19.6094 44.4531 16.4844C44.4531 13.3594 41.875 10.7812 38.75 10.7812ZM42.3438 14.7656L40 16.5625L42.1094 18.6719C42.4219 18.9844 42.4219 19.5312 42.1094 19.8437C41.9531 20 41.7188 20.0781 41.5625 20.0781C41.3281 20.0781 41.1719 20 40.9375 19.8437L38.2031 17.1094C38.2031 17.1094 38.2031 17.0312 38.125 17.0312C38.125 17.0312 38.125 16.9531 38.0469 16.9531C38.0469 16.875 37.9687 16.875 37.9687 16.7969C37.9687 16.7188 37.9687 16.7188 37.9687 16.6406V16.5625V12.6563C37.9687 12.1875 38.3594 11.7969 38.8281 11.7969C39.2969 11.7969 39.6875 12.1875 39.6875 12.6563V14.9219L41.4844 13.5937C41.875 13.2812 42.3437 13.3594 42.6562 13.75C42.8125 13.9844 42.7344 14.4531 42.3438 14.7656ZM38.75 10.7812C35.625 10.7812 33.0469 13.3594 33.0469 16.4844C33.0469 19.6094 35.625 22.1875 38.75 22.1875C41.875 22.1875 44.4531 19.6094 44.4531 16.4844C44.4531 13.3594 41.875 10.7812 38.75 10.7812ZM42.3438 14.7656L40 16.5625L42.1094 18.6719C42.4219 18.9844 42.4219 19.5312 42.1094 19.8437C41.9531 20 41.7188 20.0781 41.5625 20.0781C41.3281 20.0781 41.1719 20 40.9375 19.8437L38.2031 17.1094C38.2031 17.1094 38.2031 17.0312 38.125 17.0312C38.125 17.0312 38.125 16.9531 38.0469 16.9531C38.0469 16.875 37.9687 16.875 37.9687 16.7969C37.9687 16.7188 37.9687 16.7188 37.9687 16.6406V16.5625V12.6563C37.9687 12.1875 38.3594 11.7969 38.8281 11.7969C39.2969 11.7969 39.6875 12.1875 39.6875 12.6563V14.9219L41.4844 13.5937C41.875 13.2812 42.3437 13.3594 42.6562 13.75C42.8125 13.9844 42.7344 14.4531 42.3438 14.7656ZM38.75 10.7812C35.625 10.7812 33.0469 13.3594 33.0469 16.4844C33.0469 19.6094 35.625 22.1875 38.75 22.1875C41.875 22.1875 44.4531 19.6094 44.4531 16.4844C44.4531 13.3594 41.875 10.7812 38.75 10.7812ZM42.3438 14.7656L40 16.5625L42.1094 18.6719C42.4219 18.9844 42.4219 19.5312 42.1094 19.8437C41.9531 20 41.7188 20.0781 41.5625 20.0781C41.3281 20.0781 41.1719 20 40.9375 19.8437L38.2031 17.1094C38.2031 17.1094 38.2031 17.0312 38.125 17.0312C38.125 17.0312 38.125 16.9531 38.0469 16.9531C38.0469 16.875 37.9687 16.875 37.9687 16.7969C37.9687 16.7188 37.9687 16.7188 37.9687 16.6406V16.5625V12.6563C37.9687 12.1875 38.3594 11.7969 38.8281 11.7969C39.2969 11.7969 39.6875 12.1875 39.6875 12.6563V14.9219L41.4844 13.5937C41.875 13.2812 42.3437 13.3594 42.6562 13.75C42.8125 13.9844 42.7344 14.4531 42.3438 14.7656ZM17.5 7.57812V16.0156C18.2031 17.1875 18.6719 18.5938 18.6719 20.1562V27.2656H45.8594C46.7969 27.2656 47.6562 26.4844 47.6562 25.4687V7.57812H17.5ZM27.6563 17.1875C27.6563 16.7188 28.0469 16.3281 28.5156 16.3281C28.9844 16.3281 29.375 16.7188 29.375 17.1875V22.5781C29.375 23.0469 28.9844 23.4375 28.5156 23.4375C28.0469 23.4375 27.6563 23.0469 27.6563 22.5781V17.1875ZM25.625 20C25.625 19.5312 26.0156 19.1406 26.4844 19.1406C26.9531 19.1406 27.3438 19.5312 27.3438 20V22.6563C27.3438 23.125 26.9531 23.5156 26.4844 23.5156C26.0156 23.5156 25.625 23.125 25.625 22.6563V20ZM23.5156 18.9844C23.5156 18.5156 23.9063 18.125 24.375 18.125C24.8438 18.125 25.2344 18.5156 25.2344 18.9844V22.6563C25.2344 23.125 24.8438 23.5156 24.375 23.5156C23.9063 23.5156 23.5156 23.125 23.5156 22.6563V18.9844ZM21.4844 21.0156C21.4844 20.5469 21.875 20.1562 22.3438 20.1562C22.8125 20.1562 23.2031 20.5469 23.2031 21.0156V22.5781C23.2031 23.0469 22.8125 23.4375 22.3438 23.4375C21.875 23.4375 21.4844 23.0469 21.4844 22.5781V21.0156ZM29.7656 25.7813H20.9375C20.4687 25.7813 20.0781 25.3906 20.0781 24.9219C20.0781 24.4531 20.4687 24.0625 20.9375 24.0625H29.8438C30.3125 24.0625 30.7031 24.4531 30.7031 24.9219C30.625 25.3906 30.2344 25.7813 29.7656 25.7813ZM38.75 23.8281C34.6875 23.8281 31.4063 20.5469 31.4063 16.4844C31.4063 12.4219 34.6875 9.14062 38.75 9.14062C42.8125 9.14062 46.0938 12.4219 46.0938 16.4844C46.0938 20.5469 42.8125 23.8281 38.75 23.8281ZM38.75 10.7812C35.625 10.7812 33.0469 13.3594 33.0469 16.4844C33.0469 19.6094 35.625 22.1875 38.75 22.1875C41.875 22.1875 44.4531 19.6094 44.4531 16.4844C44.4531 13.3594 41.875 10.7812 38.75 10.7812ZM42.3438 14.7656L40 16.5625L42.1094 18.6719C42.4219 18.9844 42.4219 19.5312 42.1094 19.8437C41.9531 20 41.7188 20.0781 41.5625 20.0781C41.3281 20.0781 41.1719 20 40.9375 19.8437L38.2031 17.1094C38.2031 17.1094 38.2031 17.0312 38.125 17.0312C38.125 17.0312 38.125 16.9531 38.0469 16.9531C38.0469 16.875 37.9687 16.875 37.9687 16.7969C37.9687 16.7188 37.9687 16.7188 37.9687 16.6406V16.5625V12.6563C37.9687 12.1875 38.3594 11.7969 38.8281 11.7969C39.2969 11.7969 39.6875 12.1875 39.6875 12.6563V14.9219L41.4844 13.5937C41.875 13.2812 42.3437 13.3594 42.6562 13.75C42.8125 13.9844 42.7344 14.4531 42.3438 14.7656ZM38.75 10.7812C35.625 10.7812 33.0469 13.3594 33.0469 16.4844C33.0469 19.6094 35.625 22.1875 38.75 22.1875C41.875 22.1875 44.4531 19.6094 44.4531 16.4844C44.4531 13.3594 41.875 10.7812 38.75 10.7812ZM42.3438 14.7656L40 16.5625L42.1094 18.6719C42.4219 18.9844 42.4219 19.5312 42.1094 19.8437C41.9531 20 41.7188 20.0781 41.5625 20.0781C41.3281 20.0781 41.1719 20 40.9375 19.8437L38.2031 17.1094C38.2031 17.1094 38.2031 17.0312 38.125 17.0312C38.125 17.0312 38.125 16.9531 38.0469 16.9531C38.0469 16.875 37.9687 16.875 37.9687 16.7969C37.9687 16.7188 37.9687 16.7188 37.9687 16.6406V16.5625V12.6563C37.9687 12.1875 38.3594 11.7969 38.8281 11.7969C39.2969 11.7969 39.6875 12.1875 39.6875 12.6563V14.9219L41.4844 13.5937C41.875 13.2812 42.3437 13.3594 42.6562 13.75C42.8125 13.9844 42.7344 14.4531 42.3438 14.7656ZM38.75 10.7812C35.625 10.7812 33.0469 13.3594 33.0469 16.4844C33.0469 19.6094 35.625 22.1875 38.75 22.1875C41.875 22.1875 44.4531 19.6094 44.4531 16.4844C44.4531 13.3594 41.875 10.7812 38.75 10.7812ZM42.3438 14.7656L40 16.5625L42.1094 18.6719C42.4219 18.9844 42.4219 19.5312 42.1094 19.8437C41.9531 20 41.7188 20.0781 41.5625 20.0781C41.3281 20.0781 41.1719 20 40.9375 19.8437L38.2031 17.1094C38.2031 17.1094 38.2031 17.0312 38.125 17.0312C38.125 17.0312 38.125 16.9531 38.0469 16.9531C38.0469 16.875 37.9687 16.875 37.9687 16.7969C37.9687 16.7188 37.9687 16.7188 37.9687 16.6406V16.5625V12.6563C37.9687 12.1875 38.3594 11.7969 38.8281 11.7969C39.2969 11.7969 39.6875 12.1875 39.6875 12.6563V14.9219L41.4844 13.5937C41.875 13.2812 42.3437 13.3594 42.6562 13.75C42.8125 13.9844 42.7344 14.4531 42.3438 14.7656ZM38.75 10.7812C35.625 10.7812 33.0469 13.3594 33.0469 16.4844C33.0469 19.6094 35.625 22.1875 38.75 22.1875C41.875 22.1875 44.4531 19.6094 44.4531 16.4844C44.4531 13.3594 41.875 10.7812 38.75 10.7812ZM42.3438 14.7656L40 16.5625L42.1094 18.6719C42.4219 18.9844 42.4219 19.5312 42.1094 19.8437C41.9531 20 41.7188 20.0781 41.5625 20.0781C41.3281 20.0781 41.1719 20 40.9375 19.8437L38.2031 17.1094C38.2031 17.1094 38.2031 17.0312 38.125 17.0312C38.125 17.0312 38.125 16.9531 38.0469 16.9531C38.0469 16.875 37.9687 16.875 37.9687 16.7969C37.9687 16.7188 37.9687 16.7188 37.9687 16.6406V16.5625V12.6563C37.9687 12.1875 38.3594 11.7969 38.8281 11.7969C39.2969 11.7969 39.6875 12.1875 39.6875 12.6563V14.9219L41.4844 13.5937C41.875 13.2812 42.3437 13.3594 42.6562 13.75C42.8125 13.9844 42.7344 14.4531 42.3438 14.7656ZM38.75 10.7812C35.625 10.7812 33.0469 13.3594 33.0469 16.4844C33.0469 19.6094 35.625 22.1875 38.75 22.1875C41.875 22.1875 44.4531 19.6094 44.4531 16.4844C44.4531 13.3594 41.875 10.7812 38.75 10.7812ZM42.3438 14.7656L40 16.5625L42.1094 18.6719C42.4219 18.9844 42.4219 19.5312 42.1094 19.8437C41.9531 20 41.7188 20.0781 41.5625 20.0781C41.3281 20.0781 41.1719 20 40.9375 19.8437L38.2031 17.1094C38.2031 17.1094 38.2031 17.0312 38.125 17.0312C38.125 17.0312 38.125 16.9531 38.0469 16.9531C38.0469 16.875 37.9687 16.875 37.9687 16.7969C37.9687 16.7188 37.9687 16.7188 37.9687 16.6406V16.5625V12.6563C37.9687 12.1875 38.3594 11.7969 38.8281 11.7969C39.2969 11.7969 39.6875 12.1875 39.6875 12.6563V14.9219L41.4844 13.5937C41.875 13.2812 42.3437 13.3594 42.6562 13.75C42.8125 13.9844 42.7344 14.4531 42.3438 14.7656ZM38.75 10.7812C35.625 10.7812 33.0469 13.3594 33.0469 16.4844C33.0469 19.6094 35.625 22.1875 38.75 22.1875C41.875 22.1875 44.4531 19.6094 44.4531 16.4844C44.4531 13.3594 41.875 10.7812 38.75 10.7812ZM42.3438 14.7656L40 16.5625L42.1094 18.6719C42.4219 18.9844 42.4219 19.5312 42.1094 19.8437C41.9531 20 41.7188 20.0781 41.5625 20.0781C41.3281 20.0781 41.1719 20 40.9375 19.8437L38.2031 17.1094C38.2031 17.1094 38.2031 17.0312 38.125 17.0312C38.125 17.0312 38.125 16.9531 38.0469 16.9531C38.0469 16.875 37.9687 16.875 37.9687 16.7969C37.9687 16.7188 37.9687 16.7188 37.9687 16.6406V16.5625V12.6563C37.9687 12.1875 38.3594 11.7969 38.8281 11.7969C39.2969 11.7969 39.6875 12.1875 39.6875 12.6563V14.9219L41.4844 13.5937C41.875 13.2812 42.3437 13.3594 42.6562 13.75C42.8125 13.9844 42.7344 14.4531 42.3438 14.7656ZM38.75 10.7812C35.625 10.7812 33.0469 13.3594 33.0469 16.4844C33.0469 19.6094 35.625 22.1875 38.75 22.1875C41.875 22.1875 44.4531 19.6094 44.4531 16.4844C44.4531 13.3594 41.875 10.7812 38.75 10.7812ZM42.3438 14.7656L40 16.5625L42.1094 18.6719C42.4219 18.9844 42.4219 19.5312 42.1094 19.8437C41.9531 20 41.7188 20.0781 41.5625 20.0781C41.3281 20.0781 41.1719 20 40.9375 19.8437L38.2031 17.1094C38.2031 17.1094 38.2031 17.0312 38.125 17.0312C38.125 17.0312 38.125 16.9531 38.0469 16.9531C38.0469 16.875 37.9687 16.875 37.9687 16.7969C37.9687 16.7188 37.9687 16.7188 37.9687 16.6406V16.5625V12.6563C37.9687 12.1875 38.3594 11.7969 38.8281 11.7969C39.2969 11.7969 39.6875 12.1875 39.6875 12.6563V14.9219L41.4844 13.5937C41.875 13.2812 42.3437 13.3594 42.6562 13.75C42.8125 13.9844 42.7344 14.4531 42.3438 14.7656ZM10.7813 13.9062H9.14062C8.98437 13.9062 8.75 13.9062 8.51562 13.9062C8.28125 13.9062 8.125 13.9062 7.89063 13.9062H6.25C2.8125 13.9062 0 16.7187 0 20.1562V27.7344C0 28.9063 0.703125 29.8438 1.64062 30.2344V19.2187C1.64062 18.75 2.03125 18.3594 2.5 18.3594C2.96875 18.3594 3.35938 18.75 3.35938 19.2187V44.7656C3.35938 45.5469 3.98437 46.25 4.84375 46.25C5.625 46.25 6.32813 45.5469 6.32813 44.7656V34.6094C6.32813 33.3594 7.34375 32.3438 8.59375 32.3438C9.84375 32.3438 10.8594 33.3594 10.8594 34.6094V44.7656C10.8594 45.5469 11.4844 46.25 12.3438 46.25C13.2031 46.25 13.8281 45.5469 13.8281 44.7656V19.2187C13.8281 18.75 14.2187 18.3594 14.6875 18.3594C15.1562 18.3594 15.5469 18.75 15.5469 19.2187V30.2344C16.5625 29.8438 17.1875 28.8281 17.1875 27.7344V20.1562C17.0312 16.7187 14.2188 13.9062 10.7813 13.9062ZM8.51562 4.21875C6.25 4.21875 4.53125 5.85937 4.53125 7.96875C4.53125 10.1562 6.25 12.0312 8.20312 12.2656H8.82813C10.8594 12.1094 12.5 10.1562 12.5 7.96875C12.5 5.85937 10.7812 4.21875 8.51562 4.21875Z"
          fill="#38B7FF"></path>
      </svg>
      <h2 class="text-white uppercase text-2xl sm:text-[48px]">Experince</h2>
    </div>
    <div class="md:my-24 my-16 flex flex-col gap-20 px-2 max-w-[1440px] mx-auto">
      <div class="flex flex-col md:flex-row gap-5 text-center md:text-left justify-between flex-wrap lg:flex-nowrap">
        <div class="flex flex-col-reverse md:flex-row gap-3 items-center">
          <svg aria-hidden="true" class="icon rotate-90 md:rotate-0" width="75" height="75" viewBox="0 0 78 78"
            id="doubleArrow">
            <path d="M50.375 16.25H35.75L52 39L35.75 61.75H50.375L66.625 39L50.375 16.25Z" fill="#38B7FF"></path>
            <path d="M27.625 16.25H13L29.25 39L13 61.75H27.625L43.875 39L27.625 16.25Z" fill="#38B7FF"></path>
            <use href="#doubleArrow"></use>
          </svg>
          <div>
            <h3 class="text-white font-bold text-base leading-[35px] sm:text-2xl">
              Front End Trainer
            </h3>
            <h3 class="text-[#D5D5D5] font-bold text-base leading-[30px] sm:text-xl">
              Multi Aid Programs 2024 - 2025
            </h3>
          </div>
        </div>
        <p class="text-[#A4A4A5] text-xs sm:text-base max-w-[660px] md:ml-[87px] lg:mx-0 sm:mx-auto">
          Worked as a Fornt End trainer, teaching Trainees technologies like HTML,
          CSS, React, and Figma. Responsibilities like tracking student progress,
          preparing reports, and participating in meetings to enhance and
          streamline the training process.,
        </p>
      </div>
      <div class="flex flex-col md:flex-row gap-5 text-center md:text-left justify-between flex-wrap lg:flex-nowrap">
        <div class="flex flex-col-reverse md:flex-row gap-3 items-center">
          <svg aria-hidden="true" class="icon rotate-90 md:rotate-0" width="75" height="75" viewBox="0 0 78 78"
            id="doubleArrow">
            <path d="M50.375 16.25H35.75L52 39L35.75 61.75H50.375L66.625 39L50.375 16.25Z" fill="#38B7FF"></path>
            <path d="M27.625 16.25H13L29.25 39L13 61.75H27.625L43.875 39L27.625 16.25Z" fill="#38B7FF"></path>
            <use href="#doubleArrow"></use>
          </svg>
          <div>
            <h3 class="text-white font-bold text-base leading-[35px] sm:text-2xl">
              Front End Trainer
            </h3>
            <h3 class="text-[#D5D5D5] font-bold text-base leading-[30px] sm:text-xl">
              Multi Aid Programs 2024 - 2025
            </h3>
          </div>
        </div>
        <p class="text-[#A4A4A5] text-xs sm:text-base max-w-[660px] md:ml-[87px] lg:mx-0 sm:mx-auto">
          Worked as a Fornt End trainer, teaching Trainees technologies like HTML,
          CSS, React, and Figma. Responsibilities like tracking student progress,
          preparing reports, and participating in meetings to enhance and
          streamline the training process.,
        </p>
      </div>
      <div class="flex flex-col md:flex-row gap-5 text-center md:text-left justify-between flex-wrap lg:flex-nowrap">
        <div class="flex flex-col-reverse md:flex-row gap-3 items-center">
          <svg aria-hidden="true" class="icon rotate-90 md:rotate-0" width="75" height="75" viewBox="0 0 78 78"
            id="doubleArrow">
            <path d="M50.375 16.25H35.75L52 39L35.75 61.75H50.375L66.625 39L50.375 16.25Z" fill="#38B7FF"></path>
            <path d="M27.625 16.25H13L29.25 39L13 61.75H27.625L43.875 39L27.625 16.25Z" fill="#38B7FF"></path>
            <use href="#doubleArrow"></use>
          </svg>
          <div>
            <h3 class="text-white font-bold text-base leading-[35px] sm:text-2xl">
              Front End Trainer
            </h3>
            <h3 class="text-[#D5D5D5] font-bold text-base leading-[30px] sm:text-xl">
              Multi Aid Programs 2024 - 2025
            </h3>
          </div>
        </div>
        <p class="text-[#A4A4A5] text-xs sm:text-base max-w-[660px] md:ml-[87px] lg:mx-0 sm:mx-auto">
          Worked as a Fornt End trainer, teaching Trainees technologies like HTML,
          CSS, React, and Figma. Responsibilities like tracking student progress,
          preparing reports, and participating in meetings to enhance and
          streamline the training process.,
        </p>
      </div>
    </div>
  </section>
</div>

Related Examples

Products cards w/ hover effect
Example of product card grid with product image, pricing and a hover effect FORKED FROM: https://tailwindflex.com/noob_dev/products-card-grid

Author:
threehymns

1 year ago

17.2k
Responsive Card Grid
Tailwind CSS responsive grid for feature listing. The cards have a teal background, rounded corners, and a concise display of feature titles, descriptions, and a "Learn More" link.

Author:
kzsamir849

1 year ago

1.6k
Tailwind image card with text above it

Author:
I.P. Leroy

2 years ago

22.9k
Responsive Tailwind CSS Listing Cards
This is a collection of responsive listing cards built with Tailwind CSS, optimized for modern web applications. The component features a flexbox layout, ensuring seamless responsiveness across mobile, tablet, and laptop screens. Each card includes an image, title, and description, styled for both light and dark modes. Perfect for showcasing products, portfolio items, or blog posts.

Author:
Abhiraj

5 months ago

1.2k
Service/Product card
Tour trip booking showcase card

Author:
JaxStone

2 years ago

12.4k
Recipe card
A modern and responsive Tailwind CSS recipe card with image, ingredients, and instructions. Supports dark mode and mobile view.

Author:
Rajesh Pandey

1 month ago

116
Elevated feature card

Author:
magersa

1 year ago

3.7k
Card 30/70

Author:
Maxim

2 months ago

135
Card for user contact

Author:
achelton pambo

10 months ago

1.8k
Card
Card Layout in Tailwind as React Compoment

Author:
Deepak Sharma

5 months ago

692
medical care
It will help us get medical care quickly using a card and make it possible for all of us, Rwandans and other people in other countries, to have a better life.

Author:
Nishimwe Jeanine

3 weeks ago

25
Product card for e-commerce
A responsive product card for e-commerce, displaying product image, country flag, volume, name, and price, with hover effects and a clean layout.

Author:
Maxim

7 months ago

807

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components