Skip to content

Instantly share code, notes, and snippets.

@jramsahai
Created March 23, 2017 16:12
Show Gist options
  • Save jramsahai/3c6f7f5b9f953775bef4b15b8759b944 to your computer and use it in GitHub Desktop.
Save jramsahai/3c6f7f5b9f953775bef4b15b8759b944 to your computer and use it in GitHub Desktop.
Choose Your Own Adventure
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment