|
|
(12 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | {{:Team:UNIK_Copenhagen/template}}
| |
- | <html>
| |
- | <html>
| |
- | <head>
| |
| | | |
- | <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
| |
- |
| |
- |
| |
- |
| |
- | <style type="text/css">
| |
- | #thumbs{
| |
- | width: 310px;
| |
- | height: 130px;
| |
- | overflow: hidden;
| |
- | }
| |
- | #thumb{
| |
- | float: left;
| |
- | width: 155px;
| |
- | height: 130px;
| |
- | overflow: hidden;
| |
- | }
| |
- | #thumb img{
| |
- | position: absolute;
| |
- | width: 155px;
| |
- | height: 130px;
| |
- | margin: 0px;
| |
- | padding: 0px;
| |
- | }
| |
- | #thumb img:hover{
| |
- | margin-top: -130px
| |
- | }
| |
- | </style>
| |
- | </head>
| |
- |
| |
- |
| |
- | <div class="the_content">
| |
- | </html>
| |
- | {{:Team:UNIK_Copenhagen/tweet_bar}}
| |
- | <html>
| |
- | <div id="article">
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <a href="https://twitter.com/iGEMCopenhagen" class="twitter-follow-button" data-show-screen-name="false" data-size="large" data-show-count="false" data-lang="en">Follow @twitterapi</a>
| |
- |
| |
- | <a href="https://twitter.com/iGEMCopenhagen" class="twitter-share-button" data-count="none" data-size="large" data-lang="en">Tweet</a>
| |
- |
| |
- | <div id="fb-root"></div>
| |
- | <script>(function(d, s, id) {
| |
- | var js, fjs = d.getElementsByTagName(s)[0];
| |
- | if (d.getElementById(id)) return;
| |
- | js = d.createElement(s); js.id = id;
| |
- | js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
| |
- | fjs.parentNode.insertBefore(js, fjs);
| |
- | }(document, 'script', 'facebook-jssdk'));</script>
| |
- | <h1>Overskrift</h1>
| |
- | <p>
| |
- | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur molestie dolor nunc. Donec varius ipsum nec est semper, sit amet sodales metus eleifend. Nulla vitae dolor viverra, facilisis leo a, cursus sem. Maecenas porta suscipit tellus, vitae bibendum nunc euismod et. Aenean sed auctor lacus. Curabitur et magna lobortis, egestas est vitae, congue enim. Integer ut semper lectus. Proin massa elit, gravida venenatis varius vel, rhoncus quis arcu. Ut mollis gravida nunc, eu ornare enim scelerisque sit amet. Cras metus metus, vulputate sit amet fermentum at, ultricies a turpis. Quisque id neque et enim commodo dictum vel in lorem. Suspendisse auctor augue eget nisl bibendum, in dictum neque rutrum. Sed vel odio vitae libero fermentum vulputate sit amet non augue.
| |
- | <br></br>
| |
- | Nulla facilisi. Duis tempus, odio in faucibus posuere, felis felis facilisis mi, non viverra mauris quam vitae augue. Nullam a tempor lectus. Vestibulum turpis libero, porttitor non sagittis at, lobortis in nisi. Sed laoreet nulla et purus consequat ullamcorper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tempor hendrerit posuere. Vestibulum laoreet justo erat, ut sodales neque porta id. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
| |
- | <br></br>
| |
- | Sed eu massa nec lectus rhoncus facilisis vitae non felis. Sed vitae leo a libero viverra tristique vel sed tellus. Morbi lobortis ipsum dolor, et rutrum nisl mollis ullamcorper. Aliquam gravida nisi at tellus lobortis hendrerit. Mauris placerat pretium eleifend. Nulla et mollis nisi, at scelerisque odio. Morbi volutpat tincidunt nunc sit amet ornare. Cras adipiscing lacus luctus vulputate fermentum. Integer commodo purus eu mauris tristique sodales. Suspendisse potenti. Sed erat leo, vulputate eu nibh a, dignissim sollicitudin nisl. Sed vel facilisis sem. Nulla interdum ultrices gravida.
| |
- | <br></br>
| |
- | Donec at cursus arcu, nec tincidunt mauris. Nulla faucibus neque a lacus venenatis tempus. Nulla rutrum justo sed massa aliquet porta non ac erat. Ut interdum leo risus, sed feugiat magna congue vulputate. Nam pellentesque, orci vel vestibulum condimentum, libero ipsum vulputate enim, aliquet malesuada tortor lacus et eros. Vivamus consectetur augue sem, quis porta metus imperdiet lacinia. Sed faucibus posuere pretium. Sed elementum nisi ac velit rutrum pulvinar. Nam sapien dui, varius et leo at, interdum imperdiet risus.
| |
- |
| |
- | </p>
| |
- | <div id="video"><iframe width="640" height="360" src="http://www.youtube.com/embed/aJb-9fSeNSk?feature=player_detailpage&wmode=opaque" frameborder="0" allowfullscreen></iframe></div>
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | </div>
| |
- | </div>
| |
- | </body>
| |
- | </html>
| |