Choose Your Own Adventure

cyoa_annotation.html

<style type="text/css">.related-videos {
      position: relative;
      float: left;
      display: block;
      overflow: auto;
      padding: 20px;
      padding-bottom: 0;
      text-align: center;
      color: #fff;
    }
  
    h2 {
      margin: 0 0 30px 0;
    }
  
    .related-video-wrapper a {
      color: #fff;
    }
  
    .related-video-wrapper a * {
      max-width: 250px;
    }
  
    .related-video-wrapper div {
      padding: 20px;
      background-color: rgba(0, 0, 0, 0.2);
    }
  
    .related-video-wrapper .video img {
      height: auto;
    }
  
    .related-video-wrapper .video h3 {
      margin: 0 ;
    }</style><div class="related-videos"><h2>Recommended by Vidyard</h2><div class="related-video-wrapper"><div class="video"><a target="_blank" href="http://demos.vidyard.com/watch/u8FZZLcCk39wHS4BlD-w6A"><img src="http://cdn.vidyard.com/thumbnails/221195/6N1HsK2PpR974O74yDX4HpyV9O3DGQ.jpg" /> </a><h3><a target="_blank" href="http://demos.vidyard.com/watch/u8FZZLcCk39wHS4BlD-w6A">Vidyard for Marketing - Overview</a></h3> <a target="_blank" href="http://demos.vidyard.com/watch/u8FZZLcCk39wHS4BlD-w6A"> </a></div> <div class="video"><a target="_blank" href="http://demos.vidyard.com/watch/nhZ5K4iNCDb5WTAqjipJBp"><img src="https://cdn.vidyard.com/thumbnails/285125/UTWkrhFmPUHCln_K1t8Uuw.jpg" /> </a><h3><a target="_blank" href="http://demos.vidyard.com/watch/nhZ5K4iNCDb5WTAqjipJBp">Vidyard Engage</a></h3> <a target="_blank" href="http://demos.vidyard.com/watch/nhZ5K4iNCDb5WTAqjipJBp"> </a></div></div></div>