Responsive Embeds

Template is capable for embedding external content responsively, here are some samples

TED Talks

<div class="video-container">
  <iframe src="https://embed-ssl.ted.com/talks/pamela_meyer_how_to_spot_a_liar.html" width="640" height="360" frameborder="0" scrolling="no" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>

ISSUU Journals

Get your embed code from ISSUU

<div data-configid="23762006/33691266" style="width:525px; height:371px;" class="issuuembed">
  <script type="text/javascript" src="https://e.issuu.com/embed.js" async="true"></script>
</div>

Yumpu Journals

 <div class="video-container">
   <iframe width="620px" height="533px" src="https://www.yumpu.com/en/embed/view/mQIgdYkp2N06MGTj" frameborder="0" allowfullscreen="true"  allowtransparency="true"></iframe>
 </div>

SlideShare

<div class="video-container">
  <iframe src="//www.slideshare.net/slideshow/embed_code/key/tordf5ifpRwIdM" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowfullscreen> </iframe>
</div>

Youtube

<div class="video-container">
  <iframe width="560" height="315" src="https://www.youtube.com/embed/m57cimnJ7fc" frameborder="0" allowfullscreen></iframe>
</div>

Vimeo

<div class="video-container">
  <iframe src="https://player.vimeo.com/video/96091341?title=0&byline=0&portrait=0" width="500" height="375" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>

Google Calendar

<div class="calendar-container">
  <iframe src="https://www.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=60aqhusbghf7v0qvvbfu1ml22k%40group.calendar.google.com&amp;color=%232952A3&amp;ctz=Europe%2FLondon" style=" border-width:0 " width="800" height="600" frameborder="0" scrolling="no"></iframe>
</div>

Google Maps

<div class="google-maps-container">
  <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3022.260812859955!2d-73.990184!3d40.756288!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xb134c693ac14a04c!2sThe+TimesCenter!5e0!3m2!1sen!2suk!4v1393485725496" width="500" height="450" frameborder="0" style="border:0"></iframe>
</div>