Team:UCSC/Team1

This is still in the body tag.

<style>

body { 

    background-color: honeydew;

}

.row > .column { 

 padding: 0px 0px;
 overflow: auto;
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100% auto;
   background-color: honeydew;

}

.row:after { 

 content: "";
 display: table;
 clear: both;

}

.column { 

 float: left;
 width: 15%;

}

/* The Modal (background) */ .modal { 

 display: none;
 position: fixed;
 z-index: 1;
 padding-top: 100px;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 overflow: auto;
 background-color: black;

}

/* Modal Content */ .modal-content { 

 position: relative;
 background-color: #000000;
 margin: auto;
 padding: 0;
 width: 100%;
 max-width: 1200px;

}

/* The Close Button */ .close { 

 color: #ffffff;
 position: absolute;
 top: 100px;
 right: 35px;
 font-size: 85px;
 font-weight: bold;

}

.close:hover, .close:focus { 

 color: #FF0000;
 text-decoration: none;
 cursor: pointer;

}

.mySlides { 

 display: none;
 width: 100%;

}

.cursor { 

 cursor: pointer

}

/* Next & previous buttons */ .prev, .next { 

 cursor: pointer;
 position: absolute;
 top: 50%;
 width: auto;
 padding: 16px;
 margin-top: -50px;
 color: white;
 font-weight: bold;
 font-size: 20px;
 transition: 0.6s ease;
 border-radius: 0 3px 3px 0;
 user-select: none;
 -webkit-user-select: none;

}

/* Position the "next button" to the right */ .next { 

 right: 0;
 border-radius: 3px 0 0 3px;

}

/* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { 

 background-color: #23C403;

}

/* Number text (1/3 etc) */ .numbertext { 

 color: #f2f2f2;
 font-size: 12px;
 padding: 8px 12px;
 position: absolute;
 top: 0;

}

img { 

 margin-bottom: 0px;

}

.caption-container { 

 background-color: black;
 padding: -20px 50px;
 color: white;

}

.demo { 

 opacity: 0.6;

}

.active, .demo:hover { 

 opacity: 1;

}

img.hover-shadow { 

 transition: 0.3s

}

.hover-shadow:hover { 

 box-shadow: 0 24px 48px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)

}

h3, h4 { 

 color: honeydew;

}

</style> <body>

<section style="background-color: honeydew">

UCSC iGEM 2017

<img width="1000" height="408" src="Teampic.jpeg" style="background-color: honeydew">

Meet The Team
Click on a profile card to learn more!

Brittney Wick

4th Year

Molecular, Cellular, and Developmental Biology

Jethro Marasigan

4th Year

Molecular, Cellular, and Developmental Biology

Alexander Pearce

4th Year

Biochemistry

Thuy-Khanh Tran-Dao

4th Year

Bioengineering and Bioinformatics

Pratibha Jagannatha

3rd Year

Bioengineering and Bioinformatics

Daniel Schmelter

5th Year

Bioengineering and Bioinformatics

Evan Pepper

4th Year

Bioengineering and Bioinformatics

Marissa Taub

4th Year

Bioengineering and Bioinformatics

McKenna Hicks

4th Year

Bioengineering and Bioinformatics

Sara Medor

5th Year

Bioengineering and Bioinformatics

Tyler Myers

5th Year

Bielectronics

Mark Lund

4th Year

Molecular, Cellular, and Developmental Biology

Tom Sousa

5th Year

Bioengineering and Bioinformatics

Casidee McDonough

5th Year

Bioengineering and Bioinformatics

Hailey Loehde-Woolard

3rd Year

Chemical Engineering

David Bernick, Ph.D

Position: Superhero

Biomolecular Engineering

Logan Mulroney

Ph.D Candidate

Biomolecular Engineering

<script> function openModal() { 

 document.getElementById('myModal').style.display = "block";

}

function closeModal() { 

 document.getElementById('myModal').style.display = "none";

}

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("demo");
 var captionText = document.getElementById("caption");
 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";
 captionText.innerHTML = dots[slideIndex-1].alt;

} </script>

</body> </section> </html>

S P O N S O R S
S O C I A L
C O N T A C T
Jack Baskin School of Engineering
University of California, Santa Cruz
1156 High Street
Santa Cruz, California, 95064