Line 13: | Line 13: | ||
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2017/8/85/T--NTNU_Trondheim--arrow_up_black.png"> | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2017/8/85/T--NTNU_Trondheim--arrow_up_black.png"> | ||
<link rel="preload" as="image" href="https://static.igem.org/mediawiki/2017/d/d2/T--NTNU_Trondheim--arrow_up_grey.png"> | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2017/d/d2/T--NTNU_Trondheim--arrow_up_grey.png"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2017/4/4c/T--NTNU_Trondheim--IMG_8959.jpg"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2017/e/e2/T--NTNU_Trondheim--IMG_8974.jpg"> | ||
+ | <link rel="preload" as="image" href="https://static.igem.org/mediawiki/2017/7/75/T--NTNU_Trondheim--IMG_9887.jpg"> | ||
<!--stylesheets etc --> | <!--stylesheets etc --> | ||
<link rel="stylesheet" type="text/css" | <link rel="stylesheet" type="text/css" | ||
Line 39: | Line 42: | ||
<body> | <body> | ||
<div id="page_content_container"> | <div id="page_content_container"> | ||
− | <div id="menu" attribute=" | + | <div id="menu" attribute="Home"></div> |
− | + | ||
<div id="picture_field"> | <div id="picture_field"> | ||
<div id="triangle_topright"> | <div id="triangle_topright"> | ||
Line 52: | Line 55: | ||
</div> | </div> | ||
<div id="slideshow_container"> | <div id="slideshow_container"> | ||
− | |||
− | |||
<!-- dimensions 2:1 must be honored for ALL pictures added to slideshow --> | <!-- dimensions 2:1 must be honored for ALL pictures added to slideshow --> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <!-- One span must be added, with increased changeToDiv parameter if additional images are added --> |
+ | <img class="slideshow_picture" src="https://static.igem.org/mediawiki/2017/2/28/T--NTNU_Trondheim--boat2.png"> | ||
+ | <img class="slideshow_picture" src="https://static.igem.org/mediawiki/2017/4/4c/T--NTNU_Trondheim--IMG_8959.jpg"> | ||
+ | <img class="slideshow_picture" src="https://static.igem.org/mediawiki/2017/e/e2/T--NTNU_Trondheim--IMG_8974.jpg"> | ||
+ | <img class="slideshow_picture" src="https://static.igem.org/mediawiki/2017/7/75/T--NTNU_Trondheim--IMG_9887.jpg"> | ||
+ | <div class="slider_select" style="width:100%"> | ||
+ | <div class="arrow-left" onclick="plusDivs(-1)">❮</div> | ||
+ | <div class="arrow-right" onclick="plusDivs(1)">❯</div> | ||
+ | <span class="dot current_dot" onclick="changeToDiv(1)"></span> | ||
+ | <span class="dot" onclick="changeToDiv(2)"></span> | ||
+ | <span class="dot" onclick="changeToDiv(3)"></span> | ||
+ | <span class="dot" onclick="changeToDiv(4)"></span> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 64: | Line 77: | ||
</div> | </div> | ||
− | <div class=" | + | <div class="paragraph_img_right"> |
− | <h1> | + | <h1>Lorem Ipsum 1</h1> |
+ | <div> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/5/5c/T--NTNU_Trondheim--IGEM_logo_med_NTNU_v3_medium_transparent.png"> | ||
+ | <p>Phage text</p> | ||
+ | </div> | ||
<p> | <p> | ||
− | + | <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Morbi et faucibus leo. Nullam gravida nibh | |
− | + | lacus, eget consectetur quam pellentesque quis. Donec sit amet ultrices libero. Mauris mollis gravida | |
− | + | diam quis sollicitudin. Praesent viverra risus nisi, non egestas lorem iaculis elementum. Sed interdum | |
− | + | suscipit tellus sit amet scelerisque. Quisque gravida, elit a dictum gravida, lacus felis viverra nunc, | |
− | + | sit amet consequat metus erat vitae elit. Proin nec lectus leo. Mauris eget bibendum tortor. Donec velit | |
− | + | enim, efficitur feugiat imperdiet vel, facilisis ac ante. Curabitur a neque non augue congue convallis | |
− | + | et vitae eros. Nam et tristique est. Vestibulum eu rhoncus turpis. Duis sed laoreet ex, id consequat | |
+ | diam. | ||
+ | <br><br> | ||
+ | <i>Nullam purus dolor, rhoncus in magna ac, maximus cursus nisi.</i> Etiam metus ipsum, ornare vitae eros ut, | ||
+ | semper sagittis nisl. Integer maximus porttitor risus nec lacinia. Curabitur velit erat, congue quis | ||
+ | tortor vel, mattis sagittis turpis. Morbi at tellus quis dui gravida imperdiet. Morbi ac malesuada | ||
+ | neque. Phasellus dignissim vitae arcu a consequat. Nunc dignissim a mauris vitae suscipit. Quisque | ||
+ | laoreet risus orci, at bibendum felis tempus nec. Cras euismod feugiat imperdiet. Praesent sagittis | ||
+ | velit in volutpat vestibulum. Fusce enim lectus, tincidunt tempus neque ut, efficitur euismod justo. | ||
+ | Donec faucibus eros volutpat ornare eleifend. | ||
</p> | </p> | ||
</div> | </div> | ||
Line 84: | Line 110: | ||
</div> | </div> | ||
<div class="dropdown_text"> | <div class="dropdown_text"> | ||
− | <div class=" | + | <div class="paragraph_img_left"> |
+ | <h1>Lorem Ipsum 4</h1> | ||
+ | <div> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/5/5c/T--NTNU_Trondheim--fag.png"> | ||
+ | <p>Black IGEM text</p> | ||
+ | </div> | ||
<p> | <p> | ||
− | + | Nullam in hendrerit lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam | |
− | + | sit amet turpis sit amet orci finibus ornare eget nec nibh. Nullam quis convallis neque, id | |
− | + | facilisis enim. Morbi commodo interdum nisl, vitae egestas sem ultrices ac. Nam mollis ac velit | |
− | + | nec vestibulum. Suspendisse interdum, orci ut fringilla faucibus, nunc ligula dignissim leo, id | |
− | + | fringilla neque sapien sed risus. Cras ac metus suscipit, dignissim magna a, efficitur lacus. | |
− | + | Donec maximus enim id est suscipit vulputate. Pellentesque finibus, enim eu ultricies interdum, | |
− | + | diam quam eleifend elit, molestie dignissim enim sem at odio. Curabitur eget aliquet ipsum. | |
− | + | Etiam sed neque lacinia, porttitor metus ut, dapibus lectus. Maecenas auctor congue sem id | |
− | + | posuere. Maecenas vulputate, mi sed sollicitudin egestas, eros elit tincidunt urna, vitae | |
− | + | consequat elit leo id dui. Sed tincidunt nibh eget quam lobortis, id ultricies quam pharetra. | |
− | + | Sed ac nibh diam. | |
− | + | ||
− | + | ||
− | + | ||
</p> | </p> | ||
</div> | </div> | ||
Line 112: | Line 140: | ||
</div> | </div> | ||
− | <div class=" | + | <div class="paragraph_img_left"> |
− | <h1> | + | <h1>Lorem Ipsum 2</h1> |
+ | <div> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/d/d7/T--NTNU_Trondheim--Phage_under_construction.png"> | ||
+ | <p>Standard IGEM text</p> | ||
+ | </div> | ||
<p> | <p> | ||
− | + | <sub>Morbi nisi tortor, maximus eget consequat ut, hendrerit et augue.</sub> Phasellus efficitur arcu luctus tortor | |
− | + | accumsan, at hendrerit arcu blandit. Vivamus diam felis, eleifend vitae sollicitudin eget, volutpat eget | |
− | + | velit. Praesent gravida erat et turpis elementum gravida. Donec a ligula id odio eleifend tincidunt eu | |
− | + | vel ex. Vestibulum a semper mi. Integer at rutrum odio. Sed in purus sed tellus vestibulum luctus vitae | |
− | + | vitae turpis. Pellentesque interdum turpis felis, eget sollicitudin nulla commodo id. Nulla ac urna ut | |
− | + | sapien maximus semper quis id ante. | |
− | + | <br><br> | |
+ | <sup>Vestibulum facilisis aliquam accumsan. Phasellus facilisis lacinia dapibus.</sup> Ut dictum purus sed risus | ||
+ | porta lobortis. Suspendisse maximus posuere commodo. Duis pharetra sit amet sapien in convallis. Proin | ||
+ | ultricies luctus massa. Morbi tristique turpis eget turpis vulputate, a scelerisque magna scelerisque. | ||
+ | Nullam blandit rhoncus purus vel feugiat. Ut consequat nunc erat, sit amet sodales massa ultricies sit | ||
+ | amet. Sed sit amet nunc sagittis, tincidunt dui ac, euismod sem. Class aptent taciti sociosqu ad litora | ||
+ | torquent per conubia nostra, per inceptos himenaeos. Praesent convallis mollis semper. Praesent accumsan | ||
+ | massa sed nulla faucibus, laoreet faucibus ante vestibulum. Nulla id enim a felis porttitor fermentum | ||
+ | nec ac velit. Etiam dapibus molestie turpis a sodales. | ||
</p> | </p> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
<div class="break_1"> | <div class="break_1"> | ||
<img src="https://static.igem.org/mediawiki/2017/6/6d/T--NTNU_Trondheim--splitter_1.svg"> | <img src="https://static.igem.org/mediawiki/2017/6/6d/T--NTNU_Trondheim--splitter_1.svg"> | ||
+ | </div> | ||
+ | |||
+ | <div class="image" style="width: 50%;margin-top: 5em"> | ||
+ | <!-- The width of the page the picture will occupy. The height is calculated from it to honor the source dimensions. Should NOT exceed 70%--> | ||
+ | <!-- margin-top and margin-bottom should be set to reach a suitable amount of whitespace, depending on the image location. 0 by default --> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/1/1f/T--NTNU_Trondheim--Jump_with_Sheida.jpg"> | ||
+ | <p>Jump text</p> | ||
</div> | </div> | ||
<div class="paragraph_no_img"> | <div class="paragraph_no_img"> | ||
− | <h1> | + | <h1>Lorem Ipsum 3</h1> |
<p> | <p> | ||
− | + | Duis porta pulvinar orci ac accumsan. Curabitur sagittis risus nibh, nec sodales velit posuere id. Sed | |
+ | eu lobortis orci, in sodales ligula. Sed vel diam vel ante tempus viverra eu et turpis. Aenean porta, | ||
+ | nisi sit amet tempus porta, eros nibh suscipit leo, quis vestibulum est leo in sem. Nam maximus, urna in | ||
+ | ornare rutrum, lorem tortor volutpat metus, nec maximus nulla erat sit amet felis. Donec volutpat | ||
+ | consequat velit, ac interdum est mattis et. Proin ex est, sodales vitae quam sed, viverra finibus velit. | ||
<br><br> | <br><br> | ||
− | + | Nullam porta odio sit amet dui aliquam, sed lacinia odio dictum. In hac habitasse platea dictumst. | |
− | + | Quisque vestibulum elit sit amet ante venenatis pellentesque. Nulla facilisi. Nam aliquam laoreet | |
− | + | tortor, vel ultricies eros cursus ac. Sed egestas massa sem, a mattis mauris sagittis suscipit. In hac | |
− | + | habitasse platea dictumst. | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</p> | </p> | ||
</div> | </div> |
Revision as of 01:55, 3 October 2018
<!DOCTYPE html>
Lorem Ipsum 1
Phage text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et faucibus leo. Nullam gravida nibh
lacus, eget consectetur quam pellentesque quis. Donec sit amet ultrices libero. Mauris mollis gravida
diam quis sollicitudin. Praesent viverra risus nisi, non egestas lorem iaculis elementum. Sed interdum
suscipit tellus sit amet scelerisque. Quisque gravida, elit a dictum gravida, lacus felis viverra nunc,
sit amet consequat metus erat vitae elit. Proin nec lectus leo. Mauris eget bibendum tortor. Donec velit
enim, efficitur feugiat imperdiet vel, facilisis ac ante. Curabitur a neque non augue congue convallis
et vitae eros. Nam et tristique est. Vestibulum eu rhoncus turpis. Duis sed laoreet ex, id consequat
diam.
Nullam purus dolor, rhoncus in magna ac, maximus cursus nisi. Etiam metus ipsum, ornare vitae eros ut,
semper sagittis nisl. Integer maximus porttitor risus nec lacinia. Curabitur velit erat, congue quis
tortor vel, mattis sagittis turpis. Morbi at tellus quis dui gravida imperdiet. Morbi ac malesuada
neque. Phasellus dignissim vitae arcu a consequat. Nunc dignissim a mauris vitae suscipit. Quisque
laoreet risus orci, at bibendum felis tempus nec. Cras euismod feugiat imperdiet. Praesent sagittis
velit in volutpat vestibulum. Fusce enim lectus, tincidunt tempus neque ut, efficitur euismod justo.
Donec faucibus eros volutpat ornare eleifend.
Lorem Ipsum 4
Black IGEM text
Nullam in hendrerit lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam sit amet turpis sit amet orci finibus ornare eget nec nibh. Nullam quis convallis neque, id facilisis enim. Morbi commodo interdum nisl, vitae egestas sem ultrices ac. Nam mollis ac velit nec vestibulum. Suspendisse interdum, orci ut fringilla faucibus, nunc ligula dignissim leo, id fringilla neque sapien sed risus. Cras ac metus suscipit, dignissim magna a, efficitur lacus. Donec maximus enim id est suscipit vulputate. Pellentesque finibus, enim eu ultricies interdum, diam quam eleifend elit, molestie dignissim enim sem at odio. Curabitur eget aliquet ipsum. Etiam sed neque lacinia, porttitor metus ut, dapibus lectus. Maecenas auctor congue sem id posuere. Maecenas vulputate, mi sed sollicitudin egestas, eros elit tincidunt urna, vitae consequat elit leo id dui. Sed tincidunt nibh eget quam lobortis, id ultricies quam pharetra. Sed ac nibh diam.
Lorem Ipsum 2
Standard IGEM text
Morbi nisi tortor, maximus eget consequat ut, hendrerit et augue. Phasellus efficitur arcu luctus tortor
accumsan, at hendrerit arcu blandit. Vivamus diam felis, eleifend vitae sollicitudin eget, volutpat eget
velit. Praesent gravida erat et turpis elementum gravida. Donec a ligula id odio eleifend tincidunt eu
vel ex. Vestibulum a semper mi. Integer at rutrum odio. Sed in purus sed tellus vestibulum luctus vitae
vitae turpis. Pellentesque interdum turpis felis, eget sollicitudin nulla commodo id. Nulla ac urna ut
sapien maximus semper quis id ante.
Vestibulum facilisis aliquam accumsan. Phasellus facilisis lacinia dapibus. Ut dictum purus sed risus
porta lobortis. Suspendisse maximus posuere commodo. Duis pharetra sit amet sapien in convallis. Proin
ultricies luctus massa. Morbi tristique turpis eget turpis vulputate, a scelerisque magna scelerisque.
Nullam blandit rhoncus purus vel feugiat. Ut consequat nunc erat, sit amet sodales massa ultricies sit
amet. Sed sit amet nunc sagittis, tincidunt dui ac, euismod sem. Class aptent taciti sociosqu ad litora
torquent per conubia nostra, per inceptos himenaeos. Praesent convallis mollis semper. Praesent accumsan
massa sed nulla faucibus, laoreet faucibus ante vestibulum. Nulla id enim a felis porttitor fermentum
nec ac velit. Etiam dapibus molestie turpis a sodales.
Jump text
Lorem Ipsum 3
Duis porta pulvinar orci ac accumsan. Curabitur sagittis risus nibh, nec sodales velit posuere id. Sed
eu lobortis orci, in sodales ligula. Sed vel diam vel ante tempus viverra eu et turpis. Aenean porta,
nisi sit amet tempus porta, eros nibh suscipit leo, quis vestibulum est leo in sem. Nam maximus, urna in
ornare rutrum, lorem tortor volutpat metus, nec maximus nulla erat sit amet felis. Donec volutpat
consequat velit, ac interdum est mattis et. Proin ex est, sodales vitae quam sed, viverra finibus velit.
Nullam porta odio sit amet dui aliquam, sed lacinia odio dictum. In hac habitasse platea dictumst.
Quisque vestibulum elit sit amet ante venenatis pellentesque. Nulla facilisi. Nam aliquam laoreet
tortor, vel ultricies eros cursus ac. Sed egestas massa sem, a mattis mauris sagittis suscipit. In hac
habitasse platea dictumst.