Skip to content

Instantly share code, notes, and snippets.

@richlove1

richlove1/gist:5661558

Created May 28, 2013 09:18
Show Gist options
  • Save richlove1/5661558 to your computer and use it in GitHub Desktop.
Save richlove1/5661558 to your computer and use it in GitHub Desktop.
Download ZIP
Foundation YouTube / Tabs embed problem
Raw
gistfile1.html
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title> No-Chrome Test Page
</title>
<title>iSpot | your place to share nature</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link href="/bundles/ispotcore/css/app.css" type="text/css" rel="stylesheet" />
<link href="/bundles/ispotcore/css/jquery-ui-1.10.0.css" type="text/css" rel="stylesheet" />
<script src="/bundles/ispotcore/js/vendor/custom.modernizr.js" type="text/javascript"></script>
</head>
<body class="" id="">
<!-- begin content -->
<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>You can <a href="#" class="tiny secondary button radius" data-animation="fade" data-reveal-id="registerModal">Sign Up</a> with iSpot or simply <a href="#" class="tiny secondary button radius" data-animation="fade" data-reveal-id="loginModal">Log In</a> 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>Why not take a look at some of the content that others have already added to iSpot.</p>
<!-- <img src="/bundles/ispotcore/images/sample/map-mockup.png"> -->
<iframe width="670" height="340" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.uk/maps?f=q&amp;source=s_q&amp;hl=en&amp;aq=1&amp;t=m&amp;ie=UTF8&amp;hnear=MK7+6AA,+United+Kingdom&amp;ll=52.014472,-0.734711&amp;spn=0.147912,0.291824&amp;z=11&amp;output=embed"></iframe>
</div>
</section>
</div>
<!-- end content -->
<!--- JavaScript -->
<!-- begin javascript -->
<!-- jQuery / Zepto -->
<script>
document.write('<script src=' +
('__proto__' in {} ? '/bundles/ispotcore/js/vendor/zepto' : '/bundles/ispotcore/js/vendor/jquery') +
'.js><\/script>')
</script>
<script src="/bundles/ispotcore/js/vendor/jquery-ui-1.10.0.js" type="text/javascript"></script>
<!-- Foundation JS files -->
<script src="/bundles/ispotcore/js/foundation/foundation.js" type="text/javascript"></script>
<script src="/bundles/ispotcore/js/foundation/foundation.alerts.js" type="text/javascript"></script>
<script src="/bundles/ispotcore/js/foundation/foundation.clearing.js" type="text/javascript"></script>
<script src="/bundles/ispotcore/js/foundation/foundation.cookie.js" type="text/javascript"></script>
<script src="/bundles/ispotcore/js/foundation/foundation.dropdown.js" type="text/javascript"></script>
<script src="/bundles/ispotcore/js/foundation/foundation.forms.js" type="text/javascript"></script>
<script src="/bundles/ispotcore/js/foundation/foundation.joyride.js" type="text/javascript"></script>
<script src="/bundles/ispotcore/js/foundation/foundation.magellan.js" type="text/javascript"></script>
<script src="/bundles/ispotcore/js/foundation/foundation.orbit.js" type="text/javascript"></script>
<script src="/bundles/ispotcore/js/foundation/foundation.placeholder.js" type="text/javascript"></script>
<script src="/bundles/ispotcore/js/foundation/foundation.reveal.js" type="text/javascript"></script>
<script src="/bundles/ispotcore/js/foundation/foundation.section.js" type="text/javascript"></script>
<script src="/bundles/ispotcore/js/foundation/foundation.tooltips.js" type="text/javascript"></script>
<script src="/bundles/ispotcore/js/foundation/foundation.topbar.js" type="text/javascript"></script>
<!-- Initialise Foundation -->
<script>
$(document).foundation();
</script>
<!-- Misc JS files -->
<script src="/bundles/ispotcore/js/plugins.js" type="text/javascript"></script>
<script src="/bundles/ispotcore/js/main.js" type="text/javascript"></script>
<script src="/bundles/ispotcore/js/vendor/tagmanager.js" type="text/javascript"></script>
<!-- end javascript -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment