Pitchbooking Storybook
Ready for Production

← Back

Testimonial Card (Video)

Avatar

Jane Doe

Managing Director

Company Logo

Code:

<figure class="bg-white p-6 rounded-lg shadow-xl w-full min-w-[20rem]">
  <div class="relative pb-[56.25%]">
    <iframe class="absolute top-0 left-0 w-full h-full rounded" src="https://www.youtube.com/embed/vkOgi8VllF8?controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
  </div>
  
  <figcaption class="flex items-center justify-between mt-4 border-t pt-4 space-x-4">
    <div class="flex space-x-4">
      <img src="/assets/images/cards/avatar@2x.jpg" alt="Avatar" class="w-12 h-12 rounded-full">
      <div>
        <p class="text-sm font-bold">Jane Doe</p>
        <p class="text-sm text-gray-500">Managing Director</p>
      </div>
    </div>  
    <img src="/assets/images/cards/company-logo@2x.png" alt="Company Logo" class="h-14">
  </figcaption>
</figure>