Line 1: | Line 1: | ||
{{Ruperto_Carola}} | {{Ruperto_Carola}} | ||
− | |||
<html> | <html> | ||
− | <script | + | <script type='text/javascript'> |
− | + | function replacewGIF() { | |
+ | document.getElementById("GIFend").innerHTML = "<img src="https://static.igem.org/mediawiki/2019/7/75/T--Ruperto_Carola--img-landing_loop.gif>"; | ||
+ | } | ||
+ | </script> | ||
+ | <style> | ||
+ | #GIFend{ | ||
+ | width: 100%; | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | } | ||
+ | </style> | ||
− | <div class="container"> | + | <div class="container-fluid"> |
− | + | ||
− | + | <div class="row"> | |
− | + | <div class="col-12"> | |
+ | <div class="embed-responsive embed-responsive-16by9" id="GIFend"> | ||
+ | <video class="embed-responsive-item" autoplay playsinline onended="replacewGIF()> | ||
+ | <source src="https://static.igem.org/mediawiki/2019/e/e3/T--Ruperto_Carola--img-landing_zoomout.mp4" type="video/mp4"> | ||
+ | <img src="/images/product/product-parent-hero.jpg" title="Your browser does not support the <video> tag"> <!-- Fallback --> | ||
+ | </video> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
− | <div class=" | + | <div class="row"> |
+ | <div class="col-12"> | ||
+ | <img class="img-fluid d-block" src="https://static.igem.org/mediawiki/2019/f/f8/T--Ruperto_Carola--front_v2.svg" alt="background image"> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | |||
</html> | </html> |
Revision as of 11:16, 20 October 2019