Skip to content

Instantly share code, notes, and snippets.

@richlove1

richlove1/gist:5661877

Created May 28, 2013 10:32
Show Gist options
  • Save richlove1/5661877 to your computer and use it in GitHub Desktop.
Save richlove1/5661877 to your computer and use it in GitHub Desktop.
Download ZIP
YouTube Embed problem
Raw
gistfile1.html
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Foundation 4</title>
<link rel="stylesheet" href="css/foundation.css" />
<script src="js/vendor/custom.modernizr.js"></script>
</head>
<body>
<div class="section-container tabs" data-section="tabs">
<section>
<p class="title" data-section-title><a href="#panel1">What is iSpot?</a></p>
<div class="content" data-section-content>
<p>Find out all about how iSpot can help you and you can become a valuable member of the iSpot community.</p>
<div class="flex-video">
<iframe width="420" height="315" frameborder="0" allowfullscreen="" src="http://www.youtube.com/embed/Bz8hbxdyoKE"></iframe>
</div>
</div>
</section>
<section>
<p class="title" data-section-title><a href="#panel2">Join iSpot</a></p>
<div class="content" data-section-content>
<p>using a one of the other services we support.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vulputate consectetur lorem sit amet ultrices. Morbi sodales erat quis justo porttitor sollicitudin nec eu dolor. Etiam pretium dictum lectus, ac mollis risus luctus non. Nulla dignissim, nisi quis egestas ullamcorper, dolor velit faucibus est, adipiscing congue erat orci at lectus. Cras in dui nec felis suscipit scelerisque. Sed commodo dignissim nunc vitae laoreet. Maecenas id magna magna, eu feugiat augue. Duis a sem ultricies est cursus ultricies eget a orci. Etiam congue facilisis nisi, ac consequat sem pulvinar in. Vivamus metus mi, interdum a congue nec, euismod vitae nisl.</p>
<p>In pulvinar mauris sed massa luctus laoreet. Ut enim nisi, bibendum quis pulvinar a, scelerisque sit amet sapien. Nunc lobortis consequat metus vitae eleifend. In lobortis, leo vitae viverra commodo, velit lacus commodo lorem, non elementum ipsum lacus sit amet felis. Aliquam at risus massa. Ut porttitor augue eros, a aliquet nisi. Sed enim mi, congue vel dignissim id, tristique in purus.</p>
<p>Vestibulum condimentum scelerisque ullamcorper. Sed ante justo, tempor sit amet suscipit in, volutpat nec libero. Phasellus interdum porttitor dictum. Donec eget pulvinar velit. Curabitur facilisis ante vel tellus facilisis at condimentum metus fringilla. Ut in auctor elit. Aenean augue magna, interdum mattis accumsan eget, consectetur a dolor. Pellentesque nulla est, scelerisque a lobortis et, facilisis viverra lorem.</p>
</div>
</section>
<section>
<p class="title" data-section-title><a href="#panel2">Browse iSpot</a></p>
<div class="content" data-section-content>
<p>using a one of the other services we support.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vulputate consectetur lorem sit amet ultrices. Morbi sodales erat quis justo porttitor sollicitudin nec eu dolor. Etiam pretium dictum lectus, ac mollis risus luctus non. Nulla dignissim, nisi quis egestas ullamcorper, dolor velit faucibus est, adipiscing congue erat orci at lectus. Cras in dui nec felis suscipit scelerisque. Sed commodo dignissim nunc vitae laoreet. Maecenas id magna magna, eu feugiat augue. Duis a sem ultricies est cursus ultricies eget a orci. Etiam congue facilisis nisi, ac consequat sem pulvinar in. Vivamus metus mi, interdum a congue nec, euismod vitae nisl.</p>
<p>In pulvinar mauris sed massa luctus laoreet. Ut enim nisi, bibendum quis pulvinar a, scelerisque sit amet sapien. Nunc lobortis consequat metus vitae eleifend. In lobortis, leo vitae viverra commodo, velit lacus commodo lorem, non elementum ipsum lacus sit amet felis. Aliquam at risus massa. Ut porttitor augue eros, a aliquet nisi. Sed enim mi, congue vel dignissim id, tristique in purus.</p>
<p>Vestibulum condimentum scelerisque ullamcorper. Sed ante justo, tempor sit amet suscipit in, volutpat nec libero. Phasellus interdum porttitor dictum. Donec eget pulvinar velit. Curabitur facilisis ante vel tellus facilisis at condimentum metus fringilla. Ut in auctor elit. Aenean augue magna, interdum mattis accumsan eget, consectetur a dolor. Pellentesque nulla est, scelerisque a lobortis et, facilisis viverra lorem.</p>
</div>
</section>
</div>
<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
'.js><\/script>')
</script>
<script src="js/foundation.min.js"></script>
<!--
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.alerts.js"></script>
<script src="js/foundation/foundation.clearing.js"></script>
<script src="js/foundation/foundation.cookie.js"></script>
<script src="js/foundation/foundation.dropdown.js"></script>
<script src="js/foundation/foundation.forms.js"></script>
<script src="js/foundation/foundation.joyride.js"></script>
<script src="js/foundation/foundation.magellan.js"></script>
<script src="js/foundation/foundation.orbit.js"></script>
<script src="js/foundation/foundation.placeholder.js"></script>
<script src="js/foundation/foundation.reveal.js"></script>
<script src="js/foundation/foundation.section.js"></script>
<script src="js/foundation/foundation.tooltips.js"></script>
<script src="js/foundation/foundation.topbar.js"></script>
-->
<script>
$(document).foundation();
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment