Difference between revisions of "Team:Rotterdam HR"

 
(131 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
<link rel="stylesheet" href="https://2018.igem.org/Template:Rotterdam_HR/css/main?action=raw&ctype=text/css">
−
<style>
+
<style>
−
.navbar {
+
−
    overflow: hidden;
+
−
    background-color: #333;
+
−
    font-family: Arial, Helvetica, sans-serif;
+
−
}
+
  
−
.navbar a {
+
.menu #index, .menu #index-category {
−
    float: left;
+
color: goldenrod;
−
    font-size: 16px;
+
}
−
    color: white;
+
−
    text-align: center;
+
−
    padding: 14px 16px;
+
−
    text-decoration: none;
+
−
}
+
  
−
.dropdown {
+
</style>
−
    float: left;
+
−
    overflow: hidden;
+
−
}
+
−
 
+
−
.dropdown .dropbtn {
+
−
    font-size: 16px;   
+
−
    border: none;
+
−
    outline: none;
+
−
    color: white;
+
−
    padding: 14px 16px;
+
−
    background-color: inherit;
+
−
    font-family: inherit;
+
−
    margin: 0;
+
−
}
+
−
 
+
−
.navbar a:hover, .dropdown:hover .dropbtn {
+
−
    background-color: red;
+
−
}
+
−
 
+
−
.dropdown-content {
+
−
    display: none;
+
−
    position: absolute;
+
−
    background-color: #f9f9f9;
+
−
    min-width: 160px;
+
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
−
    z-index: 1;
+
−
}
+
−
 
+
−
.dropdown-content a {
+
−
    float: none;
+
−
    color: black;
+
−
    padding: 12px 16px;
+
−
    text-decoration: none;
+
−
    display: block;
+
−
    text-align: left;
+
−
}
+
−
 
+
−
.dropdown-content a:hover {
+
−
    background-color: #ddd;
+
−
}
+
−
 
+
−
.dropdown:hover .dropdown-content {
+
−
    display: block;
+
−
}
+
−
</style>
+
 
</head>
 
</head>
 
<body>
 
<body>
  
−
<div class="navbar">
+
<style>
−
  <a href="#home">Home</a>
+
.header::before {
−
  <a href="#team">Team</a>
+
background: black url("https://static.igem.org/mediawiki/2018/c/c1/T--Rotterdam_HR--graffiti.jpeg") no-repeat left;
−
  <div class="dropdown">
+
  background-size: cover;
−
    <button class="dropbtn">Project
+
}
−
      <i class="fa fa-caret-down"></i>
+
−
    </button>
+
−
    <div class="dropdown-content">
+
−
      <a href="#1">Link 1</a>
+
−
      <a href="#2">Link 2</a>
+
−
      <a href="#3">Link 3</a>
+
−
    </div>
+
−
  </div>
+
  
−
  <div class="dropdown">
+
@media screen and (max-width: 720px) {
−
    <button class="dropbtn">Results
+
.header::before {
−
      <i class="fa fa-caret-down"></i>
+
background: black url("https://static.igem.org/mediawiki/2018/0/0c/T--Rotterdam_HR--Graffiti-banner_small.jpeg") no-repeat left;
−
    </button>
+
background-size: cover;
−
    <div class="dropdown-content">
+
}
−
      <a href="#4">Link 4</a>
+
}
−
      <a href="#5">Link 5</a>
+
−
      <a href="#6">Link 6</a>
+
−
    </div>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<head>
+
−
<style>
+
−
body {
+
−
    background-image: url("https://noellesterk.com/wp-content/uploads/herfst.jpg");
+
−
}
+
 
</style>
 
</style>
−
</head>
 
−
 
−
<h3>Welkom on our wiki page</h3>
 
−
<p></p>
 
−
 
−
<div id="content" style="height:650px;overflow:hidden;text-align:justify;line-height:170%;color:#333;">
 
−
 
−
 
  
−
<a name="home"></a><div class="page" style="height:570px;padding:40px;overflow:auto;">
+
<div class="header">
−
<center class="page-head" style="margin:0 18% 20px 18%;line-height:200%;">
+
  <div>
−
<b style="letter-spacing:3px;font-size:20px;color:#000;">We are iGEM team Hogeschool Rotterdam </b><br>
+
<div id="icon"></div>
−
<i style="font-family:Palatino Linotype;"></i>
+
<script> $('#icon').load("https://2018.igem.org/Template:Rotterdam_HR/icon/index?action=raw&ctype=text/html"); </script>
−
</center>
+
    <h1 style="background: none;">Home</h1>
 +
  </div>
 
</div>
 
</div>
 +
<div class="page page-index">
 +
<style>
 +
#c1 .carousel__slide:nth-of-type(1),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(1) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/f/f4/T--Rotterdam_HR--Boston1.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(2),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(2) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/f/f7/T--Rotterdam_HR--Boston2.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(3),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(3) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/f/fc/T--Rotterdam_HR--Boston3.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(4),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(4) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/9/94/T--Rotterdam_HR--Boston4.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(5),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(5) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/9/9f/T--Rotterdam_HR--Boston5.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(6),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(6) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/7/7a/T--Rotterdam_HR--Boston6.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(7),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(7) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/6/6c/T--Rotterdam_HR--Boston7.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(8),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(8) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/4/4e/T--Rotterdam_HR--Boston8.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(9),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(9) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/b/b7/T--Rotterdam_HR--Boston9.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(10),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(10) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/5/54/T--Rotterdam_HR--Boston10.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(11),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(11) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/b/b9/T--Rotterdam_HR--Boston11.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(12),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(12) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/e/ef/T--Rotterdam_HR--Boston12.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(13),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(13) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/e/e5/T--Rotterdam_HR--Boston13.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(14),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(14) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/c/c5/T--Rotterdam_HR--Boston14.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(15),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(15) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/3/35/T--Rotterdam_HR--Boston15.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(16),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(16) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/f/f8/T--Rotterdam_HR--Boston16.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(17),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(17) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/5/53/T--Rotterdam_HR--Boston17.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
</style>
 +
<div id="navbar" style="position: -webkit-sticky;position: sticky;top: -2px; width: 100%; z-index: 100; margin-bottom: 100px;"></div>
 +
<div class="text-container">
 +
<h1>Team Rotterdam</h1>
 +
<p style="font-size: 20px; text-align: center;">
 +
We are team Rotterdam, the first iGEM team from the Rotterdam University of Applied Sciences. We are a team with
 +
multiple disciplinaries: five Biology and Medical Laboratory research students; two Chemistry students; two
 +
Electrical Engineering students and even a Computer Science student. Together we make an efficient and effective team.
 +
<br><br>
 +
We stand out because of our focus on the hardware due to our two electrical engineers. We also have the ability to
 +
create powerful software to bolster our efficiency.
 +
</p>
 +
<a href="https://2018.igem.org/Team:Rotterdam_HR/Team" class="nav-button" style="color: white; text-decoration: none;">To
 +
the team page</a>
  
 +
<!-- <ul class="carousel my-carousel carousel--thumb" id="c1">
 +
<input class="carousel__activator" type="radio" id="carousel_A" name="thumb" checked="checked" />
 +
<input class="carousel__activator" type="radio" id="carousel_B" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_C" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_D" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_E" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_F" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_G" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_H" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_I" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_J" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_K" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_L" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_M" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_N" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_O" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_P" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_Q" name="thumb" />
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--forward" for="carousel_Q"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_B"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_A"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_C"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_B"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_D"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_C"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_E"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_D"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_F"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_E"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_G"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_F"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_H"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_G"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_I"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_H"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_J"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_I"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_K"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_J"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_L"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_K"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_M"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_L"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_N"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_M"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_O"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_N"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_P"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_O"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_Q"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_P"></label>
 +
<label class="carousel__control carousel__control--backward" for="carousel_A"></label>
 +
</div>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<div class="carousel__indicators">
 +
<label class="carousel__indicator" for="carousel_A"></label>
 +
<label class="carousel__indicator" for="carousel_B"></label>
 +
<label class="carousel__indicator" for="carousel_C"></label>
 +
<label class="carousel__indicator" for="carousel_D"></label>
 +
<label class="carousel__indicator" for="carousel_E"></label>
 +
<label class="carousel__indicator" for="carousel_F"></label>
 +
<label class="carousel__indicator" for="carousel_G"></label>
 +
<label class="carousel__indicator" for="carousel_H"></label>
 +
<label class="carousel__indicator" for="carousel_I"></label>
 +
<label class="carousel__indicator" for="carousel_J"></label>
 +
<label class="carousel__indicator" for="carousel_K"></label>
 +
<label class="carousel__indicator" for="carousel_L"></label>
 +
<label class="carousel__indicator" for="carousel_M"></label>
 +
<label class="carousel__indicator" for="carousel_N"></label>
 +
<label class="carousel__indicator" for="carousel_O"></label>
 +
<label class="carousel__indicator" for="carousel_P"></label>
 +
<label class="carousel__indicator" for="carousel_Q"></label>
 +
</div>
 +
</ul> -->
  
−
<a name="team"></a><div class="page" style="height:570px;padding:40px;overflow:auto;">
+
<style>
−
<center class="page-head" style="margin:0 18% 20px 18%;line-height:200%;">
+
.mySlides {display: none; overflow: hidden;}
−
<b style="letter-spacing:3px;font-size:20px;color:#000;">Lets meet our team :D  </b><br>
+
.mySlides img {position: absolute; vertical-align: middle; top: 0; bottom: 0; left: 0; right: 0;}
−
<i style="font-family:Palatino Linotype;"></i>
+
−
</center>
+
  
−
<div id="about-nav" style="display:flex;flex-wrap:wrap;justify-content:center;text-align:center;font-family:Palatino Linotype;font-size:25px;font-style:italic;font-weight:bold;letter-spacing:3px;text-transform:uppercase;">
+
/* Slideshow container */
−
<a href="#1a" style="display:block;width:200px;height:220px;background:#ddd url(https://3.bp.blogspot.com/-GDbfmwmOSCo/TWdzmdUuTyI/AAAAAAAADf0/nuxONbRoE4E/s1600/Grijze-achtergronden-grijze-wallpapers-grijs-achtergrond-hd-14.jpg);background-size:cover;line-height:220px;margin:10px;text-decoration:none;color:#fff;">set 1</a>
+
.slideshow-container {
−
<a href="#1b" style="display:block;width:200px;height:220px;background:#ddd url(https://3.bp.blogspot.com/-GDbfmwmOSCo/TWdzmdUuTyI/AAAAAAAADf0/nuxONbRoE4E/s1600/Grijze-achtergronden-grijze-wallpapers-grijs-achtergrond-hd-14.jpg);background-size:cover;line-height:220px;margin:10px;text-decoration:none;color:#fff;">set 2</a>
+
max-width: 800px;
−
<a href="#1c" style="display:block;width:200px;height:220px;background:#ddd url(https://3.bp.blogspot.com/-GDbfmwmOSCo/TWdzmdUuTyI/AAAAAAAADf0/nuxONbRoE4E/s1600/Grijze-achtergronden-grijze-wallpapers-grijs-achtergrond-hd-14.jpg);background-size:cover;line-height:220px;margin:10px;text-decoration:none;color:#fff;">Set 3</a>
+
height: 600px;
−
<a href="#1d" style="display:block;width:200px;height:220px;background:#ddd url(https://3.bp.blogspot.com/-GDbfmwmOSCo/TWdzmdUuTyI/AAAAAAAADf0/nuxONbRoE4E/s1600/Grijze-achtergronden-grijze-wallpapers-grijs-achtergrond-hd-14.jpg);background-size:cover;line-height:220px;margin:10px;text-decoration:none;color:#fff;">PI's</a>
+
position: relative;
 +
margin: auto;
 +
}
  
 +
/* Next & previous buttons */
 +
.prev, .next {
 +
cursor: pointer;
 +
position: absolute;
 +
top: 50%;
 +
width: auto;
 +
padding: 16px;
 +
margin-top: -22px;
 +
color: white;
 +
font-weight: bold;
 +
font-size: 18px;
 +
transition: 0.6s ease;
 +
border-radius: 0 3px 3px 0;
 +
user-select: none;
 +
}
  
 +
/* Position the "next button" to the right */
 +
.next {
 +
right: 0;
 +
border-radius: 3px 0 0 3px;
 +
}
 +
.prev {
 +
left: 0;
 +
}
  
 +
/* On hover, add a black background color with a little bit see-through */
 +
.prev:hover, .next:hover {
 +
background-color: rgba(0,0,0,0.8);
 +
}
  
−
</div>
+
/* Caption text */
−
</div>
+
.text {
 +
color: #f2f2f2;
 +
font-size: 15px;
 +
padding: 8px 12px;
 +
position: absolute;
 +
bottom: 8px;
 +
width: 100%;
 +
text-align: center;
 +
}
  
 +
/* Number text (1/3 etc) */
 +
.numbertext {
 +
color: #f2f2f2;
 +
font-size: 12px;
 +
padding: 8px 12px;
 +
position: absolute;
 +
top: 0;
 +
}
  
 +
/* The dots/bullets/indicators */
 +
.dot {
 +
cursor: pointer;
 +
height: 15px;
 +
width: 15px;
 +
margin: 0 2px;
 +
background-color: #bbb;
 +
border-radius: 50%;
 +
display: inline-block;
 +
transition: background-color 0.6s ease;
 +
}
  
 +
.active, .dot:hover {
 +
background-color: #717171;
 +
}
  
−
<a name="1a"></a><div class="page" style="height:570px;padding:40px;overflow:auto;">
+
/* Fading animation */
−
<center class="page-head" style="margin:0 18% 20px 18%;line-height:200%;">
+
.fade {
−
<b style="letter-spacing:3px;font-size:20px;color:#000;">A our team</b><br>
+
-webkit-animation-name: fade;
−
<i style="font-family:Palatino Linotype;">diversity makes a team stronger</i>
+
-webkit-animation-duration: 1.5s;
−
</center>
+
animation-name: fade;
 +
animation-duration: 1.5s;
 +
}
  
−
<div class="page-col" style="display:flex;">
+
@-webkit-keyframes fade {
−
<div class="page-side" style="width:30%;margin-right:3%;"><img src="https://3.bp.blogspot.com/-GDbfmwmOSCo/TWdzmdUuTyI/AAAAAAAADf0/nuxONbRoE4E/s1600/Grijze-achtergronden-grijze-wallpapers-grijs-achtergrond-hd-14.jpg" style="width:140px;height:150px;margin-bottom:20px;padding:10px;background:#eee;" /> <b style="color:#062D39;text-transform:uppercase;letter-spacing:3px;"></b><br />
+
from {opacity: .4}
 +
to {opacity: 1}
 +
}
  
−
<img src="https://3.bp.blogspot.com/-GDbfmwmOSCo/TWdzmdUuTyI/AAAAAAAADf0/nuxONbRoE4E/s1600/Grijze-achtergronden-grijze-wallpapers-grijs-achtergrond-hd-14.jpg" style="width:140px;height:150px;margin-bottom:20px;padding:10px;background:#eee;" /> <b style="color:#062D39;text-transform:uppercase;letter-spacing:3px;"></b><br />
+
@keyframes fade {
−
<img src="https://3.bp.blogspot.com/-GDbfmwmOSCo/TWdzmdUuTyI/AAAAAAAADf0/nuxONbRoE4E/s1600/Grijze-achtergronden-grijze-wallpapers-grijs-achtergrond-hd-14.jpg" style="width:140px;height:150px;margin-bottom:20px;padding:10px;background:#eee;" /> <b style="color:#062D39;text-transform:uppercase;letter-spacing:3px;"></b><br />
+
from {opacity: .4}
−
<div id="traits" style="font-size:10px;letter-spacing:3px;color:#fff;margin:15px 0;">
+
to {opacity: 1}
 +
}
  
−
<br>
+
/* On smaller screens, decrease text size */
 +
@media only screen and (max-width: 300px) {
 +
.prev, .next,.text {font-size: 11px}
 +
}
 +
</style>
 +
</head>
 +
<body>
  
−
</div>
+
<div class="slideshow-container">
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/f/f4/T--Rotterdam_HR--Boston1.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/f/f7/T--Rotterdam_HR--Boston2.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/f/fc/T--Rotterdam_HR--Boston3.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/9/94/T--Rotterdam_HR--Boston4.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/9/9f/T--Rotterdam_HR--Boston5.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/7/7a/T--Rotterdam_HR--Boston6.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/6/6c/T--Rotterdam_HR--Boston7.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/4/4e/T--Rotterdam_HR--Boston8.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/b/b7/T--Rotterdam_HR--Boston9.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/5/54/T--Rotterdam_HR--Boston10.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/b/b9/T--Rotterdam_HR--Boston11.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/c/c5/T--Rotterdam_HR--Boston14.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/3/35/T--Rotterdam_HR--Boston15.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/f/f8/T--Rotterdam_HR--Boston16.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/5/53/T--Rotterdam_HR--Boston17.jpeg" style="width:100%"></div>
 +
<a class="prev" onclick="plusSlides(-1)">&#10094;</a>
 +
<a class="next" onclick="plusSlides(1)">&#10095;</a>
 +
</div>
 +
<br>
  
−
</div>
+
<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>
 +
<span class="dot" onclick="currentSlide(4)"></span>
 +
<span class="dot" onclick="currentSlide(5)"></span>
 +
<span class="dot" onclick="currentSlide(6)"></span>
 +
<span class="dot" onclick="currentSlide(7)"></span>
 +
<span class="dot" onclick="currentSlide(8)"></span>
 +
<span class="dot" onclick="currentSlide(9)"></span>
 +
<span class="dot" onclick="currentSlide(10)"></span>
 +
<span class="dot" onclick="currentSlide(11)"></span>
 +
<span class="dot" onclick="currentSlide(12)"></span>
 +
<span class="dot" onclick="currentSlide(13)"></span>
 +
<span class="dot" onclick="currentSlide(14)"></span>
 +
<span class="dot" onclick="currentSlide(15)"></span>
 +
</div>
  
−
<div class="page-side" style="width:67%;">
+
<script>
−
Mei Ju Goesmans is our team Leader. <br> She is 18 years old and a chemical engeneering student.
+
var slideIndex = 1;
 +
showSlides(slideIndex);
  
 +
function plusSlides(n) {
 +
showSlides(slideIndex += n);
 +
}
  
−
<br><br><br><br><br><br><br>
+
function currentSlide(n) {
 +
showSlides(slideIndex = n);
 +
}
  
−
Persoon 2
+
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";
 +
}
 +
</script>
  
−
 
−
<br><br><br><br><br><br><br><br><br>
 
−
 
−
Persoon 3
 
 
</div>
 
</div>
  
 +
<img src="https://static.igem.org/mediawiki/2018/a/a4/T--Rotterdam_HR--Wikifrontpage.png" style="width: 100%; max-width: 900px; margin: auto; display: block;">
  
−
</div></div>
+
<div class="text-container relevant">
−
 
+
<h1>Relevant pages</h1>
−
 
+
<div class="nav-cards">
−
 
+
<a href="https://2018.igem.org/Team:Rotterdam_HR/Description" class="nav-card">
−
 
+
<h2>Project Description</h2>
−
<a name="1b"></a><div class="page" style="height:570px;padding:40px;overflow:auto;">
+
<svg viewBox="0 0 24 24">
−
<center class="page-head" style="margin:0 18% 20px 18%;line-height:200%;">
+
<path d="M9.46,6.28L11.05,9C8.47,9.26 6.5,11.41 6.5,14A5,5 0 0,0 11.5,19C13.55,19 15.31,17.77 16.08,16H13.5V14H21.5V16H19.25C18.84,17.57 17.97,18.96 16.79,20H19.5V22H3.5V20H6.21C4.55,18.53 3.5,16.39 3.5,14C3.5,10.37 5.96,7.2 9.46,6.28M12.74,2.07L13.5,3.37L14.36,2.87L17.86,8.93L14.39,10.93L10.89,4.87L11.76,4.37L11,3.07L12.74,2.07Z"></path>
−
<b style="letter-spacing:3px;font-size:20px;color:#BDBDBD;">PERSONALITY</b><br>
+
</svg>
−
<i style="font-family:Palatino Linotype;">If you can't have the world, take the universe</i>
+
</a>
−
</center><b>Liefde.</b>
+
<a href="https://2018.igem.org/Team:Rotterdam_HR/Team" class="nav-card">
−
<br>
+
<h2>Team Rotterdam</h2>
−
<br>
+
<svg viewBox="0 0 24 24">
−
Met de liefde zit het goed, een betere partner dan Erin kan Ayda zich niet wensen. Nouja, een beetje minder flirt... Ach iedereen zijn gebreken toch? Maar ayda is blij met een partner die haar volledig steunt. Vooral omdat Ayda als Banshee niet altijd controle heeft over de situaties waar ze in terecht komt. Maar door dik en dun, Erin zal er altijd staan voor een arm om Ayda heen. <3
+
<path d="M16,13C15.71,13 15.38,13 15.03,13.05C16.19,13.89 17,15 17,16.5V19H23V16.5C23,14.17 18.33,13 16,13M8,13C5.67,13 1,14.17 1,16.5V19H15V16.5C15,14.17 10.33,13 8,13M8,11A3,3 0 0,0 11,8A3,3 0 0,0 8,5A3,3 0 0,0 5,8A3,3 0 0,0 8,11M16,11A3,3 0 0,0 19,8A3,3 0 0,0 16,5A3,3 0 0,0 13,8A3,3 0 0,0 16,11Z" />
−
<br> <br/>
+
</svg>
−
 
+
</a>
−
<img src="https://78.media.tumblr.com/82742387ec87d971b145967dc81ee119/tumblr_mv537edbrJ1shaj4ao1_500.gif" style="width:480px;height:280px;margin-bottom:20px;padding:10px;background:#eee;" />
+
<a href="https://2018.igem.org/Team:Rotterdam_HR/Hardware" class="nav-card">
−
<b>Werk.</b>
+
<h2>Hardware</h2>
−
<br>
+
<svg viewBox="0 0 24 24">
−
<br>
+
<path d="M15.9,18.45C17.25,18.45 18.35,17.35 18.35,16C18.35,14.65 17.25,13.55 15.9,13.55C14.54,13.55 13.45,14.65 13.45,16C13.45,17.35 14.54,18.45 15.9,18.45M21.1,16.68L22.58,17.84C22.71,17.95 22.75,18.13 22.66,18.29L21.26,20.71C21.17,20.86 21,20.92 20.83,20.86L19.09,20.16C18.73,20.44 18.33,20.67 17.91,20.85L17.64,22.7C17.62,22.87 17.47,23 17.3,23H14.5C14.32,23 14.18,22.87 14.15,22.7L13.89,20.85C13.46,20.67 13.07,20.44 12.71,20.16L10.96,20.86C10.81,20.92 10.62,20.86 10.54,20.71L9.14,18.29C9.05,18.13 9.09,17.95 9.22,17.84L10.7,16.68L10.65,16L10.7,15.31L9.22,14.16C9.09,14.05 9.05,13.86 9.14,13.71L10.54,11.29C10.62,11.13 10.81,11.07 10.96,11.13L12.71,11.84C13.07,11.56 13.46,11.32 13.89,11.15L14.15,9.29C14.18,9.13 14.32,9 14.5,9H17.3C17.47,9 17.62,9.13 17.64,9.29L17.91,11.15C18.33,11.32 18.73,11.56 19.09,11.84L20.83,11.13C21,11.07 21.17,11.13 21.26,11.29L22.66,13.71C22.75,13.86 22.71,14.05 22.58,14.16L21.1,15.31L21.15,16L21.1,16.68M6.69,8.07C7.56,8.07 8.26,7.37 8.26,6.5C8.26,5.63 7.56,4.92 6.69,4.92A1.58,1.58 0 0,0 5.11,6.5C5.11,7.37 5.82,8.07 6.69,8.07M10.03,6.94L11,7.68C11.07,7.75 11.09,7.87 11.03,7.97L10.13,9.53C10.08,9.63 9.96,9.67 9.86,9.63L8.74,9.18L8,9.62L7.81,10.81C7.79,10.92 7.7,11 7.59,11H5.79C5.67,11 5.58,10.92 5.56,10.81L5.4,9.62L4.64,9.18L3.5,9.63C3.41,9.67 3.3,9.63 3.24,9.53L2.34,7.97C2.28,7.87 2.31,7.75 2.39,7.68L3.34,6.94L3.31,6.5L3.34,6.06L2.39,5.32C2.31,5.25 2.28,5.13 2.34,5.03L3.24,3.47C3.3,3.37 3.41,3.33 3.5,3.37L4.63,3.82L5.4,3.38L5.56,2.19C5.58,2.08 5.67,2 5.79,2H7.59C7.7,2 7.79,2.08 7.81,2.19L8,3.38L8.74,3.82L9.86,3.37C9.96,3.33 10.08,3.37 10.13,3.47L11.03,5.03C11.09,5.13 11.07,5.25 11,5.32L10.03,6.06L10.06,6.5L10.03,6.94Z"></path>
−
Als Beveiliger weet Ayda dat ze sterk in haar schoenen moet staan. Maar als Officier moet ze ook daadkrachtig handelen naar anderen en voor anderen sterk zijn. Dat maakt haar baan een stuk lastiger, maar daardoor wordt ze zelf passievoller. Ayda laat haar niet kisten en gaat er vol voor, onder welke druk ze ook geplaatst word. Ze regeert met een krachtige wil binnen haar team en dat is soms maar goed ook.  
+
</svg>
−
<br> <br/>
+
</a>
−
 
+
<a href="https://2018.igem.org/Team:Rotterdam_HR/Wikistat" class="nav-card">
−
<center><img src="https://78.media.tumblr.com/tumblr_m4yr087khR1qjda95o6_r1_250.gif" style="width:269;height:294;margin-bottom:20px;padding:10px;background:#eee;" /><br/></center>
+
<h2>Wiki statistics</h2>
−
 
+
<svg viewBox="0 0 24 24">
−
<b>Leerjaar 3 ~</b></br></br/>
+
<path d="M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" />
−
 
+
</svg>
−
HIER TEKST PLAATSEN
+
</a>
−
<br>
+
</div>
−
<br>
+
−
 
+
−
 
+
−
<center><img src="https://i2.wp.com/www.society19.com/wp-content/uploads/2016/05/3-24.jpg?resize=1161%2C1161&ssl=1" style="width:285;height:285;margin-bottom:20px;padding:10px;background:#eee;" /><br/></center>
+
−
 
+
−
<b>Leerjaar 4 ~</b></br></br/>
+
−
 
+
−
Tekst leerjaar 4 hier.
+
−
 
+
−
<br> <br/>
+
−
 
+
−
 
+
−
<a href="#1" style="display:block;width:120px;padding:8px 0 8px 3px;margin:25px auto 0 auto;border:2px solid #BDBDBD;color:#ADD7C9;letter-spacing:3px;text-align:center;text-decoration:none;font-weight:bold;font-size:18px;">HOME</a></div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<a name="1c"></a><div class="page" style="height:570px;padding:40px;overflow:auto;">
+
−
<center class="page-head" style="margin:0 18% 20px 18%;line-height:200%;">
+
−
<b style="letter-spacing:3px;font-size:20px;color:#BDBDBD;">LOOKBOOK</b><br>
+
−
<i style="font-family:Palatino Linotype;">''I realize everybody wants what they don't have. <br>But at the end of the day, what you have inside is much more beautiful than what's on the outside.''</i>
+
−
</center>
+
−
 
+
−
<div class="page-col" style="display:flex;">
+
−
<div class="page-side" style="width:30%;margin-right:3%;">
+
−
<b style="color:#BDBDBD;text-transform:uppercase;letter-spacing:3px;">FOTO'S LOLA</b><br>
+
−
 
+
−
<a href="FULLSIZE" target="_blank"><img src="https://i.pinimg.com/736x/e6/7c/36/e67c3697ab0dbb9fa730c41812aee8be--selena-gomez-and-the-weekend--selena-gomez-style-.jpg" style="width:100%"></a>
+
−
<a href="FULLSIZE" target="_blank"><img src="https://cdn.cliqueinc.com/posts/225996/selena-gomez-it-bag-225996-1496672670344-image.640x0c.jpg" style="width:100%"></a>
+
−
<a href="FULLSIZE" target="_blank"><img src="https://hips.hearstapps.com/hbz.h-cdn.co/assets/16/04/1454174542-screen-shot-2016-01-30-at-92318-am.png" style="width:100%"></a>
+
−
<a href="FULLSIZE" target="_blank"><img src="http://www3.pictures.zimbio.com/bg/Selena+Gomez+pictured+arriving+ITV+studios+8avlsBquFFCl.jpg" style="width:100%"></a>
+
−
<a href="FULLSIZE" target="_blank"><img src="https://pbs.twimg.com/media/BwIiTEwIgAMZPtI.jpg" style="width:100%"></a>
+
 
</div>
 
</div>
 +
<div id="footer"></div>
 +
<script src="https://2018.igem.org/Template:Rotterdam_HR/js/main?action=raw&ctype=text/javascript"></script>
  
−
<div class="page-side" style="width:67%;">
 
−
TEKST HIER
 
 
</div>
 
</div>
−
 
−
</div><a href="#1" style="display:block;width:120px;padding:8px 0 8px 3px;margin:25px auto 0 auto;border:2px solid #BDBDBD;color:#BDBDBD;letter-spacing:3px;text-align:center;text-decoration:none;font-weight:bold;font-size:18px;">HOME</a></div>
 
−
 
−
 
−
 
−
 
−
<a name="1d"></a><div class="page" style="height:570px;padding:40px;overflow:auto;">
 
−
<center class="page-head" style="margin:0 18% 20px 18%;line-height:200%;">
 
−
<b style="letter-spacing:3px;font-size:20px;color:#BDBDBD;">PAST</b><br>
 
−
<i style="font-family:Palatino Linotype;">the only man a girl needs in her life is her daddy</i>
 
−
</center>
 
−
 
−
<div class="page-col" style="display:flex;">
 
−
<div class="page-side" style="width:30%;margin-right:3%;">
 
−
<b style="color:#BDBDBD;text-transform:uppercase;letter-spacing:3px;">FAMILY TREE</b><br>
 
−
<b style="letter-spacing:3px;font-size:8px;">MOTHER</b>Yuna Temple† <br>
 
−
<b style="letter-spacing:3px;font-size:8px;">FATHER</b>Ciaran Rafferty
 
−
 
−
<blockquote style="border-left:2px solid #CDC3CC;padding-left:15px;margin-left:15px;">
 
−
<b style="letter-spacing:3px;font-size:8px;">COUSIN</b> Jean Dippet<br>
 
−
<b style="letter-spacing:3px;font-size:8px;">DADDY'S GIRLFRIEND</b> Evangelien Borghesius<br></blockquote>
 
−
 
−
<b style="letter-spacing:3px;font-size:8px;">SON-EVANGELIEN</b>Vince<br><br>
 
−
 
−
<b style="color:#BDBDBD;text-transform:uppercase;letter-spacing:3px;">ROADMAP</b><br>
 
−
<b style="letter-spacing:3px;font-size:8px;">BIRTHPLACE</b> County Galway, Ireland<br>
 
−
<b style="letter-spacing:3px;font-size:8px;">HOME</b> Dublin<br><br>
 
−
 
−
<b style="color:#BDBDBD;text-transform:uppercase;letter-spacing:3px;">TIMELINE</b><br>
 
−
<b style="letter-spacing:3px;font-size:8px;">2005</b>
 
−
<blockquote style="border-left:2px solid #CDC3CC;padding-left:5px;margin-left:15px;">Birth</blockquote>
 
−
<b style="letter-spacing:3px;font-size:8px;">2005</b>
 
−
<blockquote style="border-left:2px solid #CDC3CC;padding-left:5px;margin-left:15px;">Mother died † </blockquote>
 
−
<b style="letter-spacing:3px;font-size:8px;">2015</b>
 
−
<blockquote style="border-left:2px solid #CDC3CC;padding-left:5px;margin-left:15px;">Ciaran's accident</blockquote>
 
−
<b style="letter-spacing:3px;font-size:8px;">2016</b>
 
−
<blockquote style="border-left:2px solid #CDC3CC;padding-left:5px;margin-left:15px;">Lola goes to Hogwarts</blockquote>
 
−
</div>
 
−
 
−
<div class="page-side" style="width:67%;">
 
−
HIER TEKST PLAATSEN
 
−
 
−
<br>
 
−
<br>
 
−
<center><img src="https://scontent-ams3-1.xx.fbcdn.net/v/t1.0-9/18622417_115319619048527_4198325316576116505_n.jpg?oh=2a5dca7fbaf2c1f58f7bc2341c13fcfc&oe=5A687A13" style="width:269;height:354;margin-bottom:20px;padding:10px;background:#eee;" /><br/></center>
 
−
 
−
HIER TEKST PLAATSEN
 
−
<br>
 
−
<br>
 
−
<center><img src="https://scontent-ams3-1.xx.fbcdn.net/v/t1.0-9/19400085_123080521619745_882653253537787434_n.jpg?oh=dda14d2633fe6cfa86856d4ac19711f0&oe=5A877705" style="width:285;height:285;margin-bottom:20px;padding:10px;background:#eee;" /><br/></center>
 
−
 
−
HIER TEKST PLAATSEN
 
−
 
−
<br>
 
−
<br>
 
−
<center><img src="https://scontent-ams3-1.xx.fbcdn.net/v/t1.0-9/18620446_115322732381549_3861977528482664652_n.jpg?oh=2b718583e9d16be47dfa60cac309eb83&oe=5A820125" style="width:185;height:285;margin-bottom:20px;padding:10px;background:#eee;" /><br/></center>
 
−
 
−
HIER TEKST PLAATSEN
 
−
 
−
</div>
 
−
 
−
</div><a href="#1" style="display:block;width:120px;padding:8px 0 8px 3px;margin:25px auto 0 auto;border:2px solid #BDBDBD;color:#BDBDBD;letter-spacing:3px;text-align:center;text-decoration:none;font-weight:bold;font-size:18px;">HOME</a></div>
 
−
 
−
 
−
 
−
 
−
<a name="2"></a><div class="page" style="height:570px;padding:40px;overflow:auto;">
 
−
<center class="page-head" style="margin:0 18% 20px 18%;line-height:200%;">
 
−
<b style="letter-spacing:3px;font-size:20px;color:#BDBDBD;">RELATIONS</b><br>
 
−
<i style="font-family:Palatino Linotype;">FRIENDS ARE THE FAMILY YOU CHOOSE</i>
 
−
</center>
 
−
 
−
<div id="images" style="-webkit-column-count:3;-webkit-column-gap:0;-moz-column-count:3;-moz-column-gap:0;column-count:3;column-gap:0;">
 
−
 
−
<img src="http://www.hawtcelebs.com/wp-content/uploads/2015/05/zendaya-coleman-in-harper-s-bazaar-my-life-in-3-looks-april-2015-issue-_1.jpg" style="width:100%!important;height:auto!important;">
 
−
<img src="https://i.pinimg.com/736x/40/17/88/4017885498e35637f8f2b6e19ac95c4b--celebs-celebrities.jpg" style="width:100%!important;height:auto!important;">
 
−
<img src="https://i.pinimg.com/736x/af/f8/47/aff8479a4d9dcf02d672f1c05f549aca--hbo-game-of-thrones-sophie-turner.jpg" style="width:100%!important;height:auto!important;">
 
−
<img src="https://vignette4.wikia.nocookie.net/teenwolf/images/2/27/Teen_Wolf_News_Cody_Christian_Joins_Cast_021015.jpg/revision/latest?cb=20150211011355" style="width:100%!important;height:auto!important;">
 
−
<img src="https://i.pinimg.com/736x/5d/df/5b/5ddf5b7fe61b1959cd945d7b594c9437--friendship-quotes-short-friendship-quotes-inspirational.jpg" style="width:100%!important;height:auto!important;">
 
−
<img src="https://i.pinimg.com/originals/43/4a/dc/434adc9d6f3709e3f9807ca010eed671.jpg" style="width:100%!important;height:auto!important;">
 
−
<img src="https://www.gannett-cdn.com/-mm-/f980f9659c44912f666dbc71c68db4da71e8cf06/c=0-59-1594-2184&r=537&c=0-0-534-712/local/-/media/Cincinnati/Cincinnati/2014/11/20/635520988690437372-JoshHutcherson-3671-flat-.jpg" style="width:100%!important;height:auto!important;">
 
−
<img src="https://i.pinimg.com/736x/c7/56/b5/c756b5e3194d8d22e05d0ba9808bef1b--chlo%C3%AB-moretz-chlo%C3%AB-grace-moretz.jpg" style="width:100%!important;height:auto!important;">
 
−
<img src="https://vignette2.wikia.nocookie.net/vampirediaries/images/0/05/Daniel-sharman.jpg/revision/latest?cb=20140511082456" style="width:100%!important;height:auto!important;">
 
−
 
−
</div>
 
−
</div>
 
−
 
−
 
−
 
−
 
−
<a name="3"></a><div class="page" style="height:570px;padding:40px;overflow:auto;">
 
−
<center class="page-head" style="margin:0 18% 20px 18%;line-height:200%;">
 
−
<b style="letter-spacing:3px;font-size:20px;color:#39BBBB;">My love </b><br>
 
−
<i style="font-family:Palatino Linotype;">Till death do us part</i>
 
−
</center>
 
−
 
−
<div id="connections" style="display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;text-align:center;">
 
−
 
−
 
−
<div class="connect" style="width:160px;">
 
−
<a href="FRIENDURL" target="_blank"><img src="FRIENDICON" style="width:120px;height:120px;margin-bottom:20px;padding:10px;background:#eee;"></a>
 
−
<b style="letter-spacing:3px;font-size:17px;color:#BDBDBD;">Erin Whitfort</b><br>
 
−
<i style="font-family:Palatino Linotype;">CONNECTION TYPE</i><br>
 
−
CONNECTION INFO
 
−
</div>
 
−
 
−
 
−
</div>
 
−
</div>
 
−
 
−
 
−
 
−
 
−
<a name="4"></a><div class="page" style="height:570px;padding:40px;overflow:auto;">
 
−
<center class="page-head" style="margin:0 18% 20px 18%;line-height:200%;">
 
−
<b style="letter-spacing:3px;font-size:20px;color:#BDBDBD;">PLAYLIST</b><br>
 
−
<i style="font-family:Palatino Linotype;">PLAYLISTSUBTITLE</i>
 
−
</center>
 
−
 
−
 
−
<div id="songs" style="font-size:10px;letter-spacing:3px;text-transform:uppercase;line-height:130%;">
 
−
 
−
 
−
<a href="SONGURL" style="text-decoration:none;color:#333;">
 
−
<div style="height:45px;padding-top:19px;border-top:1px solid #ddd;border-bottom:1px solid #eee;">
 
−
<img src="ALBUMURL" style="float:left;height:66px;margin-right:20px;margin-top:-20px;">
 
−
<b>SONGTITLE</b><br>
 
−
<span style="opacity:0.5;">SONGARTIST</span>
 
−
<span style="float:right;margin-top:-5px;"><b>0:00</b></span>
 
−
</div>
 
−
</a>
 
−
 
−
 
−
</div>
 
−
</div>
 
−
 
−
</div>
 
−
 
−
 
−
 
−
 
−
<div id="footer" style="padding:40px;background:#BDBDBD;text-align:center;color:#fff;font-size:17px;">
 
−
<b style="letter-spacing:3px;font-size:20px;">PLAYER INFO</b><br>
 
−
<i style="text-transform:lowercase;font-family:Palatino Linotype;">
 
−
 
−
Loraine —
 
−
20jaar —
 
−
Analist to be  —
 
−
Skype/Uil<br>
 
−
<a href="CONTACTURL" style="color:#fff;text-decoration:none;"> Only a blink away</a>
 
−
 
−
</i>
 
−
</div>
 
−
 
−
<div>
 
−
 
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 19:40, 7 December 2018

Home

Team Rotterdam

We are team Rotterdam, the first iGEM team from the Rotterdam University of Applied Sciences. We are a team with multiple disciplinaries: five Biology and Medical Laboratory research students; two Chemistry students; two Electrical Engineering students and even a Computer Science student. Together we make an efficient and effective team.

We stand out because of our focus on the hardware due to our two electrical engineers. We also have the ability to create powerful software to bolster our efficiency.

To the team page

Relevant pages

Project Description

Team Rotterdam

Hardware

Wiki statistics