Experince Section

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

Card

Author ABDO-SY

Tailwind v3.4 1.3k 6

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

Blog post card
Responsive blog post or article card. This card can also be used as a CTA

Anonymous

3 years ago

11.5k
Tailwind card

Conan Hilton

3 years ago

14.4k
Animated cards

Michael Andreuzza

2 years ago

7.4k
Notification
Pop up card when form submitted is successful

Olajide Olamide (Laemmy)

5 months ago

696
Responsive Working Process Section
This modern and responsive "Our Working Process" section adapts seamlessly to all screen sizes, ensuring a smooth user experience. The design follows a structured step-by-step layout with clear typography, bold colors, and interactive elements, making it perfect for showcasing business processes or workflows.

ABDO-SY

1 year ago

1.6k
Responsive Cards

Anonymous

2 years ago

2.5k
Article-Post Preview card

Prashant

4 years ago

10.5k
card
Tarjeta descriptiva

Raul antonio de la cruz hernandez

9 months ago

502
carde avec effet apple
carde avec effet apple

Omer fils ELENGA

3 months ago

588
Cards with Animated Corner Arrow
Transitioning from Foundation to Tailwind - built cards and tiles to prove that we don't need javascript to reproduce our card and tile layouts/interactions.

Sherry Lynne

2 months ago

283
Card
Jobs recommended for you LinkedIn Clone

$$@(\/)(\/)¥$ $@(\/)(\/)¥

1 year ago

1.4k
Info cards

Samuel Dawson

3 years ago

11.4k