(15 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | {{Lubbock_TTU/ | + | {{Template:Lubbock_TTU/CSS}} |
− | <html | + | <html> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <head> | |
+ | <link href='https://fonts.googleapis.com/css?family=Comfortaa:400,700' rel='stylesheet' type='text/css'> | ||
− | + | <style> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #sideMenu, #top_title {display:none;} | |
− | + | ||
− | + | ||
− | + | #logo:hover { | |
− | + | opacity:0.6; | |
− | + | } | |
− | + | h1{ | |
− | + | font-family: "Comfortaa", sans-serif; | |
− | + | font-size: 40px; | |
− | + | text-align:center; | |
− | + | overflow: display; | |
− | + | } | |
− | + | h3, h4{ | |
− | + | text-align:center; | |
− | + | } | |
− | + | h4 a:hover{ | |
− | + | text-decoration:none; | |
− | + | color:#8CCF6C; | |
− | + | } | |
− | + | .col{ | |
− | + | width:25%; | |
− | + | background-color:#FAFAFA; | |
− | + | margin:1%; | |
− | + | padding:3%; | |
− | + | margin-top:5%; | |
− | + | float:left; | |
− | + | text-align:left; | |
+ | } | ||
+ | .clear{ | ||
+ | clear:both; | ||
+ | } | ||
− | </ | + | </style> |
− | + | </head> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div | + | <body style="margin:auto"> |
− | + | ||
− | + | <h1>TITLE</h1> | |
− | + | ||
+ | <h4><i>"Tagline"</i></h4></br> | ||
+ | |||
+ | <center> | ||
+ | |||
+ | <!-- Slideshow --> | ||
+ | <div class="column full_size" > | ||
+ | <div class="slideshow-container"> | ||
+ | <div class="mySlides fade"> | ||
+ | <div class="numbertext">3 / 3</div> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/c/ca/T--Lubbock_TTU--20160505_151815.jpg" width="100%"> | ||
+ | <div class="text"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div class="numbertext">2 / 3</div> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/0/00/T--Lubbock_TTU--20160630_170737.jpg" width="100%"> | ||
+ | <div class="text"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div class="numbertext">1 / 3</div> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/8/87/T--Lubbock_TTU--File_IMG_1399.png" width="100%"> | ||
+ | <div class="text"></div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <br> | ||
+ | |||
+ | <div style="text-align:center"> | ||
+ | <span class="dot" onclick="currentSlide(1)"></span> | ||
+ | <span class="dot" onclick="currentSlide(2)"></span> | ||
+ | <span class="dot" onclick="currentSlide(3)"></span> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- End of Slideshow --> | ||
+ | |||
+ | </center> | ||
+ | |||
+ | <div> | ||
+ | <p style='margin-left:30px; margin-bottom:20px'> | ||
+ | <center> | ||
+ | <a href=''><img src="https://static.igem.org/mediawiki/2016/a/a2/T--Lubbock_TTU--ttuseal.png" class="" width="23%" height=""></img></a> | ||
+ |  <a href=''><img src="https://static.igem.org/mediawiki/2016/9/9c/T--Lubbock_TTU--idt.png" class="" width="23%" height=""></img></a> | ||
+ | <a href=''><img src="https://static.igem.org/mediawiki/2016/5/53/T--Lubbock_TTU--genscript.png" class="" width="30%" height=""></img></a> | ||
+ | <a href=''><img src="https://static.igem.org/mediawiki/2016/a/a3/T--Lubbock_TTU--ttusga.png" class="" width="100px" height=""></img></a> | ||
+ | </br><a href=''><img src="https://static.igem.org/mediawiki/2016/6/65/T--Lubbock_TTU--mrdna.png" class="" width="20%" height=""></img></a> | ||
+ | <a href=''><img src="https://static.igem.org/mediawiki/2016/8/8c/T--Lubbock_TTU--ttuhsc.png" class="" width="20%" height=""></img></a> | ||
+ | <a href=''><img src="https://static.igem.org/mediawiki/2016/a/ad/T--Lubbock_TTU--ulabs.png" class="" width="20%" height=""></img></a> | ||
+ | <a href=''><img src="https://static.igem.org/mediawiki/2016/6/6d/T--Lubbock_TTU--ciser.jpg" class="" width="100px" height="x"></img></a> | ||
+ | <a href=''><img src="https://static.igem.org/mediawiki/2016/9/97/T--Lubbock_TTU--igem.png" class="" width="15%" height=""></img></a> | ||
+ | </center> | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div style='width:100%; clear:both'></div> | ||
+ | |||
+ | |||
+ | </div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.--> | ||
+ | |||
+ | </body> | ||
+ | |||
+ | <!-- Slideshow JS --> | ||
+ | <script> | ||
+ | var slideIndex = 1; | ||
+ | showSlides(slideIndex); | ||
+ | |||
+ | function plusSlides(n) { | ||
+ | showSlides(slideIndex += n); | ||
+ | } | ||
+ | |||
+ | function currentSlide(n) { | ||
+ | showSlides(slideIndex = n); | ||
+ | } | ||
+ | |||
+ | function showSlides(n) { | ||
+ | var i; | ||
+ | var slides = document.getElementsByClassName("mySlides"); | ||
+ | var dots = document.getElementsByClassName("dot"); | ||
+ | if (n > slides.length) {slideIndex = 1} | ||
+ | if (n < 1) {slideIndex = slides.length} | ||
+ | for (i = 0; i < slides.length; i++) { | ||
+ | slides[i].style.display = "none"; | ||
+ | } | ||
+ | for (i = 0; i < dots.length; i++) { | ||
+ | dots[i].className = dots[i].className.replace(" active", ""); | ||
+ | } | ||
+ | slides[slideIndex-1].style.display = "block"; | ||
+ | dots[slideIndex-1].className += " active"; | ||
+ | } | ||
+ | |||
+ | <!-- Automatic --> | ||
+ | var slideIndex = 0; | ||
+ | showSlides(); | ||
+ | |||
+ | function showSlides() { | ||
+ | var i; | ||
+ | var slides = document.getElementsByClassName("mySlides"); | ||
+ | for (i = 0; i < slides.length; i++) { | ||
+ | slides[i].style.display = "none"; | ||
+ | } | ||
+ | slideIndex++; | ||
+ | if (slideIndex> slides.length) {slideIndex = 1} | ||
+ | slides[slideIndex-1].style.display = "block"; | ||
+ | setTimeout(showSlides, 3000); // Change image every 3 seconds | ||
+ | } | ||
+ | |||
+ | </script> | ||
+ | <!-- End of SS JS --> | ||
</html> | </html> |
Latest revision as of 15:54, 22 July 2016