Line 35: | Line 35: | ||
</div> | </div> | ||
<div class="page page-index"> | <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 id="navbar" style="position: -webkit-sticky;position: sticky;top: -2px; width: 100%; z-index: 100; margin-bottom: 100px;"></div> | ||
<div class="text-container"> | <div class="text-container"> | ||
Line 48: | Line 152: | ||
<a href="https://2018.igem.org/Team:Rotterdam_HR/Team" class="nav-button" style="color: white; text-decoration: none;">To | <a href="https://2018.igem.org/Team:Rotterdam_HR/Team" class="nav-button" style="color: white; text-decoration: none;">To | ||
the team page</a> | the team page</a> | ||
+ | |||
+ | <ul class="carousel my-carousel carousel--thumb" id="c1"> | ||
+ | <input class="carousel__activator" type="radio" id="A" name="thumb" checked="checked" /> | ||
+ | <input class="carousel__activator" type="radio" id="B" name="thumb" /> | ||
+ | <input class="carousel__activator" type="radio" id="C" name="thumb" /> | ||
+ | <input class="carousel__activator" type="radio" id="D" name="thumb" /> | ||
+ | <input class="carousel__activator" type="radio" id="E" name="thumb" /> | ||
+ | <input class="carousel__activator" type="radio" id="F" name="thumb" /> | ||
+ | <input class="carousel__activator" type="radio" id="G" name="thumb" /> | ||
+ | <input class="carousel__activator" type="radio" id="H" name="thumb" /> | ||
+ | <input class="carousel__activator" type="radio" id="I" name="thumb" /> | ||
+ | <input class="carousel__activator" type="radio" id="J" name="thumb" /> | ||
+ | <input class="carousel__activator" type="radio" id="K" name="thumb" /> | ||
+ | <input class="carousel__activator" type="radio" id="L" name="thumb" /> | ||
+ | <input class="carousel__activator" type="radio" id="M" name="thumb" /> | ||
+ | <input class="carousel__activator" type="radio" id="N" name="thumb" /> | ||
+ | <input class="carousel__activator" type="radio" id="O" name="thumb" /> | ||
+ | <input class="carousel__activator" type="radio" id="P" name="thumb" /> | ||
+ | <input class="carousel__activator" type="radio" id="Q" name="thumb" /> | ||
+ | <div class="carousel__controls"> | ||
+ | <label class="carousel__control carousel__control--forward" for="Q"></label> | ||
+ | <label class="carousel__control carousel__control--forward" for="B"></label> | ||
+ | </div> | ||
+ | <div class="carousel__controls"> | ||
+ | <label class="carousel__control carousel__control--backward" for="A"></label> | ||
+ | <label class="carousel__control carousel__control--forward" for="C"></label> | ||
+ | </div> | ||
+ | <div class="carousel__controls"> | ||
+ | <label class="carousel__control carousel__control--backward" for="B"></label> | ||
+ | <label class="carousel__control carousel__control--forward" for="D"></label> | ||
+ | </div> | ||
+ | <div class="carousel__controls"> | ||
+ | <label class="carousel__control carousel__control--backward" for="C"></label> | ||
+ | <label class="carousel__control carousel__control--forward" for="E"></label> | ||
+ | </div> | ||
+ | <div class="carousel__controls"> | ||
+ | <label class="carousel__control carousel__control--backward" for="D"></label> | ||
+ | <label class="carousel__control carousel__control--forward" for="F"></label> | ||
+ | </div> | ||
+ | <div class="carousel__controls"> | ||
+ | <label class="carousel__control carousel__control--backward" for="E"></label> | ||
+ | <label class="carousel__control carousel__control--forward" for="G"></label> | ||
+ | </div> | ||
+ | <div class="carousel__controls"> | ||
+ | <label class="carousel__control carousel__control--backward" for="F"></label> | ||
+ | <label class="carousel__control carousel__control--forward" for="H"></label> | ||
+ | </div> | ||
+ | <div class="carousel__controls"> | ||
+ | <label class="carousel__control carousel__control--backward" for="G"></label> | ||
+ | <label class="carousel__control carousel__control--forward" for="I"></label> | ||
+ | </div> | ||
+ | <div class="carousel__controls"> | ||
+ | <label class="carousel__control carousel__control--backward" for="H"></label> | ||
+ | <label class="carousel__control carousel__control--forward" for="J"></label> | ||
+ | </div> | ||
+ | <div class="carousel__controls"> | ||
+ | <label class="carousel__control carousel__control--backward" for="I"></label> | ||
+ | <label class="carousel__control carousel__control--forward" for="K"></label> | ||
+ | </div> | ||
+ | <div class="carousel__controls"> | ||
+ | <label class="carousel__control carousel__control--backward" for="J"></label> | ||
+ | <label class="carousel__control carousel__control--forward" for="L"></label> | ||
+ | </div> | ||
+ | <div class="carousel__controls"> | ||
+ | <label class="carousel__control carousel__control--backward" for="K"></label> | ||
+ | <label class="carousel__control carousel__control--forward" for="M"></label> | ||
+ | </div> | ||
+ | <div class="carousel__controls"> | ||
+ | <label class="carousel__control carousel__control--backward" for="L"></label> | ||
+ | <label class="carousel__control carousel__control--forward" for="N"></label> | ||
+ | </div> | ||
+ | <div class="carousel__controls"> | ||
+ | <label class="carousel__control carousel__control--backward" for="M"></label> | ||
+ | <label class="carousel__control carousel__control--forward" for="O"></label> | ||
+ | </div> | ||
+ | <div class="carousel__controls"> | ||
+ | <label class="carousel__control carousel__control--backward" for="N"></label> | ||
+ | <label class="carousel__control carousel__control--forward" for="P"></label> | ||
+ | </div> | ||
+ | <div class="carousel__controls"> | ||
+ | <label class="carousel__control carousel__control--backward" for="O"></label> | ||
+ | <label class="carousel__control carousel__control--forward" for="Q"></label> | ||
+ | </div> | ||
+ | <div class="carousel__controls"> | ||
+ | <label class="carousel__control carousel__control--backward" for="P"></label> | ||
+ | <label class="carousel__control carousel__control--backward" for="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="A"></label> | ||
+ | <label class="carousel__indicator" for="B"></label> | ||
+ | <label class="carousel__indicator" for="C"></label> | ||
+ | <label class="carousel__indicator" for="D"></label> | ||
+ | <label class="carousel__indicator" for="E"></label> | ||
+ | <label class="carousel__indicator" for="F"></label> | ||
+ | <label class="carousel__indicator" for="G"></label> | ||
+ | <label class="carousel__indicator" for="H"></label> | ||
+ | <label class="carousel__indicator" for="I"></label> | ||
+ | <label class="carousel__indicator" for="J"></label> | ||
+ | <label class="carousel__indicator" for="K"></label> | ||
+ | <label class="carousel__indicator" for="L"></label> | ||
+ | <label class="carousel__indicator" for="M"></label> | ||
+ | <label class="carousel__indicator" for="N"></label> | ||
+ | <label class="carousel__indicator" for="O"></label> | ||
+ | <label class="carousel__indicator" for="P"></label> | ||
+ | <label class="carousel__indicator" for="Q"></label> | ||
+ | </div> | ||
+ | </ul> | ||
</div> | </div> | ||
Revision as of 21:14, 4 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.