Difference between revisions of "Team:Auckland MOD/Description.html"
| Line 20: | Line 20: | ||
.nav-mobile-fixed { | .nav-mobile-fixed { | ||
top: 40px !important; | top: 40px !important; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
#HQ_page h1, h2, h3, h4, h5 { | #HQ_page h1, h2, h3, h4, h5 { | ||
font-family: 'Open Sans', sans-serif !important; | font-family: 'Open Sans', sans-serif !important; | ||
margin: 0 0 24px 0 !important; | margin: 0 0 24px 0 !important; | ||
| − | padding: 0; | + | padding: 0 !important; |
text-shadow: none !important; | text-shadow: none !important; | ||
} | } | ||
| Line 84: | Line 81: | ||
font-size: 0.875em; | font-size: 0.875em; | ||
letter-spacing: 0.75px; | letter-spacing: 0.75px; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
#bodyContent .contact-text { | #bodyContent .contact-text { | ||
| Line 282: | Line 272: | ||
} | } | ||
} | } | ||
| − | . | + | .download-cv-button-1 { |
position: fixed; | position: fixed; | ||
top: 0; | top: 0; | ||
| Line 290: | Line 280: | ||
background-color: #408042; | background-color: #408042; | ||
} | } | ||
| − | . | + | .download-cv-button-1:hover { |
background-color: #336635; | background-color: #336635; | ||
} | } | ||
| − | . | + | .download-cv-text { |
line-height: 48px; | line-height: 48px; | ||
padding: 16px 28px; | padding: 16px 28px; | ||
| Line 380: | Line 370: | ||
} | } | ||
@media (max-width: 640px) { | @media (max-width: 640px) { | ||
| − | .content1 { | + | .content1, .content5 { |
margin: 70px 0 0 0 !important; | margin: 70px 0 0 0 !important; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
} | } | ||
| Line 442: | Line 427: | ||
display: inline-block; | display: inline-block; | ||
opacity: 0; | opacity: 0; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.show-image p:hover { | .show-image p:hover { | ||
| Line 576: | Line 558: | ||
} | } | ||
| − | . | + | .tabs { |
| − | + | margin-top: 96px; | |
} | } | ||
| − | + | .tabs-mobile { | |
| − | . | + | display: none; |
| − | + | margin-top: 96px; | |
| − | display: | + | |
| − | + | ||
| − | + | ||
} | } | ||
| − | + | .tabs li { | |
| − | . | + | width: 25%; |
| − | + | padding: 14px 0; | |
| + | color: #e6e3da; | ||
| + | font: 400 1.27em 'Open Sans'; | ||
} | } | ||
| − | + | .tabs-mobile li { | |
| − | . | + | width: 25%; |
| − | width: | + | padding: 14px 0; |
| − | + | color: #e6e3da; | |
| + | font-size: 1.27em; | ||
| + | font-family: 'Open Sans'; | ||
} | } | ||
| − | + | .tabs li:hover, .tabs-mobile li:hover { | |
| − | . | + | background-color: #2e2e2e !important; |
| − | + | text-shadow: none; | |
| − | + | ||
} | } | ||
| − | + | .tab1 { | |
| − | . | + | background-color: #2e2e2e; |
| − | + | font-weight: 400; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | .tab1-mobile { | |
| − | . | + | font-weight: 700; |
| − | + | box-shadow: inset 0 -2px 0 #e6e3da; | |
| − | + | ||
} | } | ||
| − | + | .tab2-mobile, .tab3-mobile, .tab4-mobile { | |
| − | + | font-weight: 300; | |
| − | + | ||
| − | + | ||
} | } | ||
| − | . | + | .tab-content-wrap { |
| − | + | position: relative; | |
| + | line-height: 0; | ||
| + | background-color: #2e2e2e; | ||
| + | overflow: scroll; | ||
} | } | ||
| − | . | + | .tab-content { |
| − | + | width: 150%; | |
| − | + | left: -50%; | |
| − | + | position: relative; | |
| − | + | display: flex; | |
| + | align-items: stretch; | ||
} | } | ||
| − | . | + | .tab-text-wrap, .tab-img-wrap-1, .tab-img-wrap-2 { |
| − | + | position: relative; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
overflow: hidden; | overflow: hidden; | ||
| − | + | flex: 1 1 33.33%; | |
} | } | ||
| − | . | + | .tab-text-wrap { |
| − | + | line-height: 400px; | |
| − | + | ||
| − | + | ||
} | } | ||
| − | + | .tab-img-wrap-1, .tab-img-wrap-2 { | |
| − | + | min-height: 400px; | |
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | .tab-text-2, .tab-text-3, .tab-text-4 { | |
| − | + | display: none; | |
| − | + | opacity: 0; | |
| − | + | vertical-align: middle; | |
| − | + | ||
} | } | ||
| − | + | .tab-text-1 { | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
display: inline-block; | display: inline-block; | ||
| − | + | opacity: 1; | |
| − | + | vertical-align: middle; | |
} | } | ||
| − | . | + | .tab-img-wrap-1 { |
| − | position: | + | background-image: url(https://static.igem.org/mediawiki/2018/f/f3/T--Auckland_MOD--lab.jpg); |
| − | + | background-position: center; | |
| − | + | background-repeat: no-repeat; | |
| + | background-size: cover; | ||
} | } | ||
| − | . | + | .tab-img-wrap-2 { |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
background-image: url(https://static.igem.org/mediawiki/2018/f/f3/T--Auckland_MOD--lab.jpg); | background-image: url(https://static.igem.org/mediawiki/2018/f/f3/T--Auckland_MOD--lab.jpg); | ||
| − | background- | + | background-position: center; |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
| + | background-size: cover; | ||
} | } | ||
| − | . | + | .tab-content img { |
| − | height: | + | max-height: 400px; |
| − | + | ||
} | } | ||
| − | . | + | .tab-content p { |
| − | + | padding: 48px; | |
| − | + | ||
| − | + | ||
| − | padding: | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
@media (max-width: 980px) { | @media (max-width: 980px) { | ||
| − | . | + | .tab-text-wrap { |
| − | + | line-height: 480px; | |
| − | + | ||
} | } | ||
| − | + | .tab-img-wrap-1, .tab-img-wrap-2 { | |
| − | + | min-height: 480px; | |
} | } | ||
} | } | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
| − | + | .tabs { | |
| − | + | display: none; | |
} | } | ||
| − | + | .tabs-mobile { | |
| − | + | display: block; | |
| − | . | + | |
| − | + | ||
} | } | ||
| − | . | + | .tabs-mobile-bottom { |
| − | width: | + | display: none; |
| − | + | } | |
| + | .tab-content { | ||
| + | width: 100%; | ||
| + | left: 0% !important; | ||
| + | background-image: url(https://static.igem.org/mediawiki/2018/f/f3/T--Auckland_MOD--lab.jpg); | ||
| + | background-position: center; | ||
| + | background-repeat: no-repeat; | ||
| + | background-size: cover; | ||
| + | } | ||
| + | .tab-text-wrap { | ||
| + | flex: 1 1 100%; | ||
| + | background-color: rgba(0,0,0,0.7); | ||
| + | } | ||
| + | .tab-text-1, .tab-text-2, .tab-text-3, .tab-text-4 { | ||
| + | padding: 48px 96px !important; | ||
| + | } | ||
| + | .tab-img-wrap-1, .tab-img-wrap-2 { | ||
| + | display: none; | ||
} | } | ||
} | } | ||
| − | @media (max-width: | + | @media (max-width: 540px) { |
| − | . | + | .tab-mobile-top { |
| − | + | display: none; | |
} | } | ||
| − | + | .tabs-mobile-bottom { | |
| − | + | display: block; | |
| + | margin-top: 0; | ||
| + | } | ||
| + | .tabs-mobile li { | ||
| + | width: 50%; | ||
} | } | ||
} | } | ||
| − | + | ||
| − | + | .content2 { | |
| − | display: | + | display: block; |
| − | + | top: 0; | |
| − | + | left: 0; | |
| − | + | width: 100%; | |
| − | + | padding: 0; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| Line 1,139: | Line 1,073: | ||
margin: 0; | margin: 0; | ||
} | } | ||
| + | |||
.menu-dropdown-header-wrap { | .menu-dropdown-header-wrap { | ||
height: 48px; | height: 48px; | ||
| Line 1,413: | Line 1,348: | ||
.content1 { | .content1 { | ||
background-image: url(https://static.igem.org/mediawiki/2018/f/f3/T--Auckland_MOD--lab.jpg); | background-image: url(https://static.igem.org/mediawiki/2018/f/f3/T--Auckland_MOD--lab.jpg); | ||
| − | margin: | + | margin: 98px 0 0 0; |
} | } | ||
} | } | ||
| Line 2,720: | Line 2,655: | ||
<script> | <script> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
| − | $(".copy1").on("mouseup | + | $(".copy1").on("mouseup", function() { |
$(this).css("background", "rgba(0,0,0,0.7)"); | $(this).css("background", "rgba(0,0,0,0.7)"); | ||
$(".copy1 p").css("color", "rgba(230,227,218,1)"); | $(".copy1 p").css("color", "rgba(230,227,218,1)"); | ||
$(".copy1 h1").css("color", "rgba(230,227,218,1)"); | $(".copy1 h1").css("color", "rgba(230,227,218,1)"); | ||
| − | $(".copy1 a").css("color", " | + | $(".copy1 a").css("color", "#408042"); |
$(".copy1 p").css("text-shadow", "0 0 48px rgba(26,25,23,1)"); | $(".copy1 p").css("text-shadow", "0 0 48px rgba(26,25,23,1)"); | ||
$(".copy1 h1").css("text-shadow", "0 0 48px rgba(26,25,23,1)"); | $(".copy1 h1").css("text-shadow", "0 0 48px rgba(26,25,23,1)"); | ||
| Line 2,731: | Line 2,666: | ||
$("form").css("opacity", "1"); | $("form").css("opacity", "1"); | ||
}) | }) | ||
| − | $(".copy1").on("mousedown | + | $(".copy1").on("mousedown", function() { |
$(this).css("background", "rgba(0,0,0,0.15)"); | $(this).css("background", "rgba(0,0,0,0.15)"); | ||
$(".copy1 p").css("color", "rgba(230,227,218,0)"); | $(".copy1 p").css("color", "rgba(230,227,218,0)"); | ||
| Line 2,748: | Line 2,683: | ||
$(".show-image-1").css("opacity", "0"); | $(".show-image-1").css("opacity", "0"); | ||
}) | }) | ||
| − | + | $(".expandable-content-1").on("mouseup", function() { | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | $(".expandable-content-1").on("mouseup | + | |
$(this).css("background", "rgba(0,0,0,0.7)"); | $(this).css("background", "rgba(0,0,0,0.7)"); | ||
$(".expandable-content-1 p").css("color", "rgba(230,227,218,1)"); | $(".expandable-content-1 p").css("color", "rgba(230,227,218,1)"); | ||
$(".expandable-content-1 h4").css("color", "rgba(230,227,218,1)"); | $(".expandable-content-1 h4").css("color", "rgba(230,227,218,1)"); | ||
| − | $(".expandable-content-1 a").css("color", " | + | $(".expandable-content-1 a").css("color", "#408042"); |
$(".expandable-content-1 li").css("color", "rgba(230,227,218,1)"); | $(".expandable-content-1 li").css("color", "rgba(230,227,218,1)"); | ||
$(".expandable-content-1 p").css("text-shadow", "0 0 48px rgba(26,25,23,1)"); | $(".expandable-content-1 p").css("text-shadow", "0 0 48px rgba(26,25,23,1)"); | ||
| Line 2,801: | Line 2,694: | ||
$(".expandable-content-1 img").css("opacity", "1"); | $(".expandable-content-1 img").css("opacity", "1"); | ||
}) | }) | ||
| − | $(".expandable-content-1").on("mousedown | + | $(".expandable-content-1").on("mousedown", function() { |
$(this).css("background", "rgba(0,0,0,0.15)"); | $(this).css("background", "rgba(0,0,0,0.15)"); | ||
$(".expandable-content-1 p").css("color", "rgba(230,227,218,0)"); | $(".expandable-content-1 p").css("color", "rgba(230,227,218,0)"); | ||
| Line 2,818: | Line 2,711: | ||
$(".show-image-2").css("opacity", "0"); | $(".show-image-2").css("opacity", "0"); | ||
}) | }) | ||
| − | $(".expandable-content-2").on("mouseup | + | $(".expandable-content-2").on("mouseup", function() { |
$(this).css("background", "rgba(0,0,0,0.7)"); | $(this).css("background", "rgba(0,0,0,0.7)"); | ||
$(".expandable-content-2 p").css("color", "rgba(230,227,218,1)"); | $(".expandable-content-2 p").css("color", "rgba(230,227,218,1)"); | ||
$(".expandable-content-2 h4").css("color", "rgba(230,227,218,1)"); | $(".expandable-content-2 h4").css("color", "rgba(230,227,218,1)"); | ||
| − | $(".expandable-content-2 a").css("color", " | + | $(".expandable-content-2 a").css("color", "#408042"); |
$(".expandable-content-2 li").css("color", "rgba(230,227,218,1)"); | $(".expandable-content-2 li").css("color", "rgba(230,227,218,1)"); | ||
$(".expandable-content-2 p").css("text-shadow", "0 0 48px rgba(26,25,23,1)"); | $(".expandable-content-2 p").css("text-shadow", "0 0 48px rgba(26,25,23,1)"); | ||
| Line 2,829: | Line 2,722: | ||
$(".expandable-content-2 img").css("opacity", "1"); | $(".expandable-content-2 img").css("opacity", "1"); | ||
}) | }) | ||
| − | $(".expandable-content-2").on("mousedown | + | $(".expandable-content-2").on("mousedown", function() { |
$(this).css("background", "rgba(0,0,0,0.15)"); | $(this).css("background", "rgba(0,0,0,0.15)"); | ||
$(".expandable-content-2 p").css("color", "rgba(230,227,218,0)"); | $(".expandable-content-2 p").css("color", "rgba(230,227,218,0)"); | ||
| Line 2,846: | Line 2,739: | ||
$(".show-image-3").css("opacity", "0"); | $(".show-image-3").css("opacity", "0"); | ||
}) | }) | ||
| − | $(".expandable-content-3").on("mouseup | + | $(".expandable-content-3").on("mouseup", function() { |
$(this).css("background", "rgba(0,0,0,0.7)"); | $(this).css("background", "rgba(0,0,0,0.7)"); | ||
$(".expandable-content-3 p").css("color", "rgba(230,227,218,1)"); | $(".expandable-content-3 p").css("color", "rgba(230,227,218,1)"); | ||
$(".expandable-content-3 h4").css("color", "rgba(230,227,218,1)"); | $(".expandable-content-3 h4").css("color", "rgba(230,227,218,1)"); | ||
| − | $(".expandable-content-3 a").css("color", " | + | $(".expandable-content-3 a").css("color", "#408042"); |
$(".expandable-content-3 li").css("color", "rgba(230,227,218,1)"); | $(".expandable-content-3 li").css("color", "rgba(230,227,218,1)"); | ||
$(".expandable-content-3 p").css("text-shadow", "0 0 48px rgba(26,25,23,1)"); | $(".expandable-content-3 p").css("text-shadow", "0 0 48px rgba(26,25,23,1)"); | ||
| Line 2,857: | Line 2,750: | ||
$(".expandable-content-3 img").css("opacity", "1"); | $(".expandable-content-3 img").css("opacity", "1"); | ||
}) | }) | ||
| − | $(".expandable-content-3").on("mousedown | + | $(".expandable-content-3").on("mousedown", function() { |
$(this).css("background", "rgba(0,0,0,0.15)"); | $(this).css("background", "rgba(0,0,0,0.15)"); | ||
$(".expandable-content-3 p").css("color", "rgba(230,227,218,0)"); | $(".expandable-content-3 p").css("color", "rgba(230,227,218,0)"); | ||
| Line 2,874: | Line 2,767: | ||
$(".show-image-4").css("opacity", "0"); | $(".show-image-4").css("opacity", "0"); | ||
}) | }) | ||
| − | $(".expandable-content-4").on("mouseup | + | $(".expandable-content-4").on("mouseup", function() { |
$(this).css("background", "rgba(0,0,0,0.7)"); | $(this).css("background", "rgba(0,0,0,0.7)"); | ||
$(".expandable-content-4 p").css("color", "rgba(230,227,218,1)"); | $(".expandable-content-4 p").css("color", "rgba(230,227,218,1)"); | ||
$(".expandable-content-4 h4").css("color", "rgba(230,227,218,1)"); | $(".expandable-content-4 h4").css("color", "rgba(230,227,218,1)"); | ||
| − | $(".expandable-content-4 a").css("color", " | + | $(".expandable-content-4 a").css("color", "#408042"); |
$(".expandable-content-4 li").css("color", "rgba(230,227,218,1)"); | $(".expandable-content-4 li").css("color", "rgba(230,227,218,1)"); | ||
$(".expandable-content-4 p").css("text-shadow", "0 0 48px rgba(26,25,23,1)"); | $(".expandable-content-4 p").css("text-shadow", "0 0 48px rgba(26,25,23,1)"); | ||
| Line 2,885: | Line 2,778: | ||
$(".expandable-content-4 img").css("opacity", "1"); | $(".expandable-content-4 img").css("opacity", "1"); | ||
}) | }) | ||
| − | $(".expandable-content-4").on("mousedown | + | $(".expandable-content-4").on("mousedown", function() { |
$(this).css("background", "rgba(0,0,0,0.15)"); | $(this).css("background", "rgba(0,0,0,0.15)"); | ||
$(".expandable-content-4 p").css("color", "rgba(230,227,218,0)"); | $(".expandable-content-4 p").css("color", "rgba(230,227,218,0)"); | ||
| Line 2,902: | Line 2,795: | ||
$(".show-image-5").css("opacity", "0"); | $(".show-image-5").css("opacity", "0"); | ||
}) | }) | ||
| − | $(".expandable-content-5").on("mouseup | + | $(".expandable-content-5").on("mouseup", function() { |
$(this).css("background", "rgba(0,0,0,0.7)"); | $(this).css("background", "rgba(0,0,0,0.7)"); | ||
$(".expandable-content-5 p").css("color", "rgba(230,227,218,1)"); | $(".expandable-content-5 p").css("color", "rgba(230,227,218,1)"); | ||
$(".expandable-content-5 h4").css("color", "rgba(230,227,218,1)"); | $(".expandable-content-5 h4").css("color", "rgba(230,227,218,1)"); | ||
| − | $(".expandable-content-5 a").css("color", " | + | $(".expandable-content-5 a").css("color", "#408042"); |
$(".expandable-content-5 li").css("color", "rgba(230,227,218,1)"); | $(".expandable-content-5 li").css("color", "rgba(230,227,218,1)"); | ||
$(".expandable-content-5 p").css("text-shadow", "0 0 48px rgba(26,25,23,1)"); | $(".expandable-content-5 p").css("text-shadow", "0 0 48px rgba(26,25,23,1)"); | ||
| Line 2,913: | Line 2,806: | ||
$(".expandable-content-5 img").css("opacity", "1"); | $(".expandable-content-5 img").css("opacity", "1"); | ||
}) | }) | ||
| − | $(".expandable-content-5").on("mousedown | + | $(".expandable-content-5").on("mousedown", function() { |
$(this).css("background", "rgba(0,0,0,0.15)"); | $(this).css("background", "rgba(0,0,0,0.15)"); | ||
$(".expandable-content-5 p").css("color", "rgba(230,227,218,0.2)"); | $(".expandable-content-5 p").css("color", "rgba(230,227,218,0.2)"); | ||
| Line 2,930: | Line 2,823: | ||
$(".show-image-6").css("opacity", "0"); | $(".show-image-6").css("opacity", "0"); | ||
}) | }) | ||
| − | $(".testimonial-wrap-1").on("mouseup | + | $(".testimonial-wrap-1").on("mouseup", function() { |
$(".testimonial-wrap-2").css("background", "rgba(0,0,0,0.7)"); | $(".testimonial-wrap-2").css("background", "rgba(0,0,0,0.7)"); | ||
$(".testimonial-wrap-2 p").css("color", "rgba(230,227,218,1)"); | $(".testimonial-wrap-2 p").css("color", "rgba(230,227,218,1)"); | ||
$(".testimonial-wrap-2 h4").css("color", "rgba(230,227,218,1)"); | $(".testimonial-wrap-2 h4").css("color", "rgba(230,227,218,1)"); | ||
| − | $(".testimonial-wrap-2 a").css("color", " | + | $(".testimonial-wrap-2 a").css("color", "#408042"); |
$(".testimonial-wrap-2 li").css("color", "rgba(230,227,218,1)"); | $(".testimonial-wrap-2 li").css("color", "rgba(230,227,218,1)"); | ||
$(".testimonial-wrap-1 p").css("color", "rgba(230,227,218,1)"); | $(".testimonial-wrap-1 p").css("color", "rgba(230,227,218,1)"); | ||
| Line 2,944: | Line 2,837: | ||
$(".quote-icon-2").css("opacity", "0.2"); | $(".quote-icon-2").css("opacity", "0.2"); | ||
}) | }) | ||
| − | $(".testimonial-wrap-1").on("mousedown | + | $(".testimonial-wrap-1").on("mousedown", function() { |
$(".testimonial-wrap-2").css("background", "rgba(0,0,0,0.15)"); | $(".testimonial-wrap-2").css("background", "rgba(0,0,0,0.15)"); | ||
$(".testimonial-wrap-2 p").css("color", "rgba(230,227,218,0)"); | $(".testimonial-wrap-2 p").css("color", "rgba(230,227,218,0)"); | ||
| Line 2,964: | Line 2,857: | ||
$(".show-image-7").css("opacity", "0"); | $(".show-image-7").css("opacity", "0"); | ||
}) | }) | ||
| − | $(". | + | $(".tab1").click(function() { |
| − | $(". | + | $(".tab-text-2").animate({opacity: '0'}, 1000); |
| − | $(". | + | $(".tab-text-3").animate({opacity: '0'}, 1000); |
| − | $(". | + | $(".tab-text-4").animate({opacity: '0'}, 1000); |
| − | $(". | + | $(".tab-text-2").css("display", "none"); |
| − | $(". | + | $(".tab-text-3").css("display", "none"); |
| − | $(". | + | $(".tab-text-4").css("display", "none"); |
| − | $(". | + | $(".tab-text-1").css("display", "inline-block"); |
| + | $(".tab-text-1").animate({opacity: '1'}, 1000); | ||
| + | $(".tab2").css("background-color", "#1a1917"); | ||
| + | $(".tab3").css("background-color", "#1a1917"); | ||
| + | $(".tab4").css("background-color", "#1a1917"); | ||
| + | $(".tab1").css("background-color", "#2e2e2e"); | ||
| + | $(".tab-content").animate({left: '-50%'}); | ||
}) | }) | ||
| − | $(". | + | $(".tab2").click(function() { |
| − | $(". | + | $(".tab-text-1").animate({opacity: '0'}, 1000); |
| − | $(". | + | $(".tab-text-3").animate({opacity: '0'}, 1000); |
| − | $(". | + | $(".tab-text-4").animate({opacity: '0'}, 1000); |
| − | $(". | + | $(".tab-text-1").css("display", "none"); |
| − | $(". | + | $(".tab-text-3").css("display", "none"); |
| − | $(". | + | $(".tab-text-4").css("display", "none"); |
| − | $(". | + | $(".tab-text-2").css("display", "inline-block"); |
| + | $(".tab-text-2").animate({opacity: '1'}, 1000); | ||
| + | $(".tab1").css("background-color", "#1a1917"); | ||
| + | $(".tab3").css("background-color", "#1a1917"); | ||
| + | $(".tab4").css("background-color", "#1a1917"); | ||
| + | $(".tab2").css("background-color", "#2e2e2e"); | ||
| + | $(".tab-content").animate({left: '-50%'}); | ||
}) | }) | ||
| − | $(". | + | $(".tab3").click(function() { |
| − | $(". | + | $(".tab-text-1").animate({opacity: '0'}, 1000); |
| − | $(". | + | $(".tab-text-2").animate({opacity: '0'}, 1000); |
| − | $(". | + | $(".tab-text-4").animate({opacity: '0'}, 1000); |
| − | $(". | + | $(".tab-text-1").css("display", "none"); |
| − | $(". | + | $(".tab-text-2").css("display", "none"); |
| − | $(". | + | $(".tab-text-4").css("display", "none"); |
| − | $(". | + | $(".tab-text-3").css("display", "inline-block"); |
| + | $(".tab-text-3").animate({opacity: '1'}); | ||
| + | $(".tab1").css("background-color", "#1a1917"); | ||
| + | $(".tab2").css("background-color", "#1a1917"); | ||
| + | $(".tab4").css("background-color", "#1a1917"); | ||
| + | $(".tab3").css("background-color", "#2e2e2e"); | ||
| + | $(".tab-content").animate({left: '0%'}); | ||
}) | }) | ||
| − | $(". | + | $(".tab4").click(function() { |
| − | $(". | + | $(".tab-text-1").animate({opacity: '0'}, 1000); |
| − | $(". | + | $(".tab-text-2").animate({opacity: '0'}, 1000); |
| − | $(". | + | $(".tab-text-3").animate({opacity: '0'}, 1000); |
| − | $(". | + | $(".tab-text-1").css("display", "none"); |
| − | $(". | + | $(".tab-text-2").css("display", "none"); |
| − | $(". | + | $(".tab-text-3").css("display", "none"); |
| − | $(". | + | $(".tab-text-4").css("display", "inline-block"); |
| − | $(". | + | $(".tab-text-4").animate({opacity: '1'}); |
| − | $(". | + | $(".tab1").css("background-color", "#1a1917"); |
| + | $(".tab2").css("background-color", "#1a1917"); | ||
| + | $(".tab3").css("background-color", "#1a1917"); | ||
| + | $(".tab4").css("background-color", "#2e2e2e"); | ||
| + | $(".tab-content").animate({left: '0%'}); | ||
| + | }) | ||
| + | $(".tab1-mobile").on("mousedown touchstart", function() { | ||
| + | $(".tab-text-2").animate({opacity: '0'}, 1000); | ||
| + | $(".tab-text-3").animate({opacity: '0'}, 1000); | ||
| + | $(".tab-text-4").animate({opacity: '0'}, 1000); | ||
| + | $(".tab-text-1").animate({opacity: '1'}); | ||
| + | $(".tab2-mobile").css("font-weight","300"); | ||
| + | $(".tab3-mobile").css("font-weight","300"); | ||
| + | $(".tab4-mobile").css("font-weight","300"); | ||
| + | $(".tab1-mobile").css("font-weight","700"); | ||
| + | $(".tab2-mobile").css("box-shadow","none"); | ||
| + | $(".tab3-mobile").css("box-shadow","none"); | ||
| + | $(".tab4-mobile").css("box-shadow","none"); | ||
| + | $(".tab1-mobile").css("box-shadow","inset 0 -2px 0 #e6e3da"); | ||
| + | $(".tab-text-2").css("display", "none"); | ||
| + | $(".tab-text-3").css("display", "none"); | ||
| + | $(".tab-text-4").css("display", "none"); | ||
| + | $(".tab-text-1").css("display", "inline-block"); | ||
| + | }) | ||
| + | $(".tab2-mobile").on("mousedown touchstart", function() { | ||
| + | $(".tab-text-1").animate({opacity: '0'}, 1000); | ||
| + | $(".tab-text-3").animate({opacity: '0'}, 1000); | ||
| + | $(".tab-text-4").animate({opacity: '0'}, 1000); | ||
| + | $(".tab-text-2").animate({opacity: '1'}); | ||
| + | $(".tab1-mobile").css("font-weight","300"); | ||
| + | $(".tab3-mobile").css("font-weight","300"); | ||
| + | $(".tab4-mobile").css("font-weight","300"); | ||
| + | $(".tab2-mobile").css("font-weight","700"); | ||
| + | $(".tab1-mobile").css("box-shadow","none"); | ||
| + | $(".tab3-mobile").css("box-shadow","none"); | ||
| + | $(".tab4-mobile").css("box-shadow","none"); | ||
| + | $(".tab2-mobile").css("box-shadow","inset 0 -2px 0 #e6e3da"); | ||
| + | $(".tab-text-1").css("display", "none"); | ||
| + | $(".tab-text-3").css("display", "none"); | ||
| + | $(".tab-text-4").css("display", "none"); | ||
| + | $(".tab-text-2").css("display", "inline-block"); | ||
| + | }) | ||
| + | $(".tab3-mobile").on("mousedown touchstart", function() { | ||
| + | $(".tab-text-1").animate({opacity: '0'}, 1000); | ||
| + | $(".tab-text-2").animate({opacity: '0'}, 1000); | ||
| + | $(".tab-text-4").animate({opacity: '0'}, 1000); | ||
| + | $(".tab-text-3").animate({opacity: '1'}); | ||
| + | $(".tab1-mobile").css("font-weight","300"); | ||
| + | $(".tab2-mobile").css("font-weight","300"); | ||
| + | $(".tab4-mobile").css("font-weight","300"); | ||
| + | $(".tab3-mobile").css("font-weight","700"); | ||
| + | $(".tab1-mobile").css("box-shadow","none"); | ||
| + | $(".tab2-mobile").css("box-shadow","none"); | ||
| + | $(".tab4-mobile").css("box-shadow","none"); | ||
| + | $(".tab3-mobile").css("box-shadow","inset 0 -2px 0 #e6e3da"); | ||
| + | $(".tab3-mobile-bottom").css("box-shadow","inset 0 2px 0 #e6e3da"); | ||
| + | $(".tab-text-1").css("display", "none"); | ||
| + | $(".tab-text-2").css("display", "none"); | ||
| + | $(".tab-text-4").css("display", "none"); | ||
| + | $(".tab-text-3").css("display", "inline-block"); | ||
| + | }) | ||
| + | $(".tab4-mobile").on("mousedown touchstart", function() { | ||
| + | $(".tab-text-1").animate({opacity: '0'}, 1000); | ||
| + | $(".tab-text-2").animate({opacity: '0'}, 1000); | ||
| + | $(".tab-text-3").animate({opacity: '0'}, 1000); | ||
| + | $(".tab-text-4").animate({opacity: '1'}); | ||
| + | $(".tab1-mobile").css("font-weight","300"); | ||
| + | $(".tab2-mobile").css("font-weight","300"); | ||
| + | $(".tab3-mobile").css("font-weight","300"); | ||
| + | $(".tab4-mobile").css("font-weight","700"); | ||
| + | $(".tab1-mobile").css("box-shadow","none"); | ||
| + | $(".tab2-mobile").css("box-shadow","none"); | ||
| + | $(".tab3-mobile").css("box-shadow","none"); | ||
| + | $(".tab4-mobile").css("box-shadow","inset 0 -2px 0 #e6e3da"); | ||
| + | $(".tab4-mobile-bottom").css("box-shadow","inset 0 2px 0 #e6e3da"); | ||
| + | $(".tab-text-1").css("display", "none"); | ||
| + | $(".tab-text-2").css("display", "none"); | ||
| + | $(".tab-text-3").css("display", "none"); | ||
| + | $(".tab-text-4").css("display", "inline-block"); | ||
}) | }) | ||
}); | }); | ||
| Line 3,092: | Line 3,081: | ||
<ul> | <ul> | ||
<a href="https://2018.igem.org/Team:Auckland_MOD"><img class="logo-text" src="https://static.igem.org/mediawiki/2018/5/50/T--Auckland_MOD--MOD-logo-animated.svg"/></a><!-- | <a href="https://2018.igem.org/Team:Auckland_MOD"><img class="logo-text" src="https://static.igem.org/mediawiki/2018/5/50/T--Auckland_MOD--MOD-logo-animated.svg"/></a><!-- | ||
| − | --><a href="https://2018.igem.org/Team:Auckland_MOD/Description.html"><li>Project</li></a><!-- | + | --><a href="https://2018.igem.org/Team:Auckland_MOD/Description.html"><li class="current-parent disabled">Project</li></a><!-- |
| − | --><a href="https://2018.igem.org/Team:Auckland_MOD/Public_Engagement.html"><li | + | --><a href="https://2018.igem.org/Team:Auckland_MOD/Public_Engagement.html"><li>Community</li></a><!-- |
--><a href="https://2018.igem.org/Team:Auckland_MOD/Team.html"><li>Team</li></a><!-- | --><a href="https://2018.igem.org/Team:Auckland_MOD/Team.html"><li>Team</li></a><!-- | ||
--><a href="https://2018.igem.org/Team:Auckland_MOD/Entrepreneurship.html"><li>Awards</li></a><!-- | --><a href="https://2018.igem.org/Team:Auckland_MOD/Entrepreneurship.html"><li>Awards</li></a><!-- | ||
| Line 3,102: | Line 3,091: | ||
<nav class="nav-desktop-submenu"> | <nav class="nav-desktop-submenu"> | ||
<ul> | <ul> | ||
| − | <a href="https://2018.igem.org/Team:Auckland_MOD/ | + | <a href="https://2018.igem.org/Team:Auckland_MOD/Description.html"><li class="current-page disabled">Description</li></a><!-- |
| − | --><a href="https://2018.igem.org/Team:Auckland_MOD/ | + | --><a href="https://2018.igem.org/Team:Auckland_MOD/Design.html"><li>Design</li></a><!-- |
| + | --><a href="https://2018.igem.org/Team:Auckland_MOD/Experiments.html"><li>Experiments</li></a><!-- | ||
| + | --><a href="https://2018.igem.org/Team:Auckland_MOD/Notebook.html"><li>Notebook</li></a><!-- | ||
| + | --><a href="https://2018.igem.org/Team:Auckland_MOD/Interlab.html"><li>Characterisation</li></a><!-- | ||
| + | --><a href="https://2018.igem.org/Team:Auckland_MOD/Results.html"><li>Results</li></a><!-- | ||
| + | --><a href="https://2018.igem.org/Team:Auckland_MOD/Parts.html"><li>Parts</li></a><!-- | ||
| + | --><a href="https://2018.igem.org/Team:Auckland_MOD/Safety.html"><li>Safety</li></a> | ||
</ul> | </ul> | ||
</nav> | </nav> | ||
| Line 3,110: | Line 3,105: | ||
<div class="copy1"> | <div class="copy1"> | ||
| − | <h1> | + | <h1>Description</h1> |
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Ut maximus, elit quis rutrum interdum, neque diam mattis tortor, ac placerat dolor ipsum aliquet tortor. Etiam viverra neque quis odio consequat consequat. Nulla facilisi. Fusce pharetra augue sit amet est euismod posuere vitae sed purus. Fusce ac orci felis.</p> | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Ut maximus, elit quis rutrum interdum, neque diam mattis tortor, ac placerat dolor ipsum aliquet tortor. Etiam viverra neque quis odio consequat consequat. Nulla facilisi. Fusce pharetra augue sit amet est euismod posuere vitae sed purus. Fusce ac orci felis.</p> | ||
<div class="show-image show-image-1"> | <div class="show-image show-image-1"> | ||
| Line 3,141: | Line 3,136: | ||
<div class="content2"> | <div class="content2"> | ||
| − | |||
<div class="copy2"> | <div class="copy2"> | ||
<h2>Header</h2> | <h2>Header</h2> | ||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus.</p> | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus.</p> | ||
</div> | </div> | ||
| − | |||
</div> | </div> | ||
| − | <div class=" | + | <div class="content4"> |
| − | < | + | |
| − | < | + | <nav class="tabs"> |
| − | < | + | <ul> |
| − | < | + | <li class="tab1">Subheader</li><!-- |
| − | -->< | + | --><li class="tab2">Subheader</li><!-- |
| − | -->< | + | --><li class="tab3">Subheader</li><!-- |
| − | -->< | + | --><li class="tab4">Subheader</li> |
| − | + | </ul> | |
| + | </nav> | ||
| + | |||
| + | <nav class="tabs-mobile"> | ||
| + | <ul> | ||
| + | <li class="tab1-mobile">Subheader</li><!-- | ||
| + | --><li class="tab2-mobile">Subheader</li><!-- | ||
| + | --><li class="tab3-mobile tab-mobile-top">Subheader</li><!-- | ||
| + | --><li class="tab4-mobile tab-mobile-top">Subheader</li> | ||
| + | </ul> | ||
| + | </nav> | ||
| + | |||
| + | <div class="tab-content-wrap"> | ||
| + | <div class="tab-content"> | ||
| + | |||
| + | <div class="tab-img-wrap-1"> | ||
| + | <!--<img src="https://static.igem.org/mediawiki/2018/f/f3/T--Auckland_MOD--lab.jpg">--> | ||
| + | </div> | ||
| + | |||
| + | <div class="tab-text-wrap"> | ||
| + | <p class="tab-text-1">1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Ut maximus, elit quis rutrum interdum, neque diam mattis tortor, ac placerat dolor ipsum aliquet tortor. Etiam viverra neque quis odio consequat consequat. Nulla facilisi. Fusce pharetra augue sit amet est euismod posuere vitae sed purus. Fusce ac orci felis.</p> | ||
| + | <p class="tab-text-2">2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Ut maximus, elit quis rutrum interdum, neque diam mattis tortor, ac placerat dolor ipsum aliquet tortor. Etiam viverra neque quis odio consequat consequat.</p> | ||
| + | <p class="tab-text-3">3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Ut maximus, elit quis rutrum interdum, neque diam mattis tortor, ac placerat dolor ipsum aliquet tortor.</p> | ||
| + | <p class="tab-text-4">4. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Ut maximus, elit quis rutrum interdum, neque diam mattis tortor, ac placerat dolor ipsum aliquet tortor. Etiam viverra neque quis odio consequat consequat. Nulla facilisi. Fusce pharetra augue sit amet est euismod posuere vitae sed purus. Fusce ac orci felis.</p> | ||
| + | </div> | ||
| + | |||
| + | <div class="tab-img-wrap-2"> | ||
| + | <!--<img src="https://static.igem.org/mediawiki/2018/f/f3/T--Auckland_MOD--lab.jpg">--> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
| − | + | </div> | |
| − | < | + | |
| − | -->< | + | <nav class="tabs-mobile tabs-mobile-bottom"> |
| − | + | <ul> | |
| − | + | <li class="tab3-mobile tab3-mobile-bottom">Subheader</li><!-- | |
| + | --><li class="tab4-mobile tab4-mobile-bottom">Subheader</li> | ||
| + | </ul> | ||
| + | </nav> | ||
| + | |||
| + | <!--<div class="tab-content"> | ||
| + | <div class="tab-img-wrap"> | ||
| + | <img src="https://static.igem.org/mediawiki/2018/f/f3/T--Auckland_MOD--lab.jpg"> | ||
</div> | </div> | ||
| − | <div class=" | + | <div class="tab-text-wrap-right"> |
| + | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Ut maximus, elit quis rutrum interdum, neque diam mattis tortor, ac placerat dolor ipsum aliquet tortor. Etiam viverra neque quis odio consequat consequat. Nulla facilisi. Fusce pharetra augue sit amet est euismod posuere vitae sed purus. Fusce ac orci felis.</p> | ||
| + | </div> | ||
| + | </div>--> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <!--<div class="content2">--> | ||
| + | |||
| + | <!--<div class="copy2"> | ||
| + | <h2>About our project or something</h2> | ||
| + | <p>Words can go in here if you want (or not). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque iaculis nibh ut quam pellentesque eleifend. Quisque posuere dolor vitae quam tincidunt placerat.</p> | ||
| + | </div>--> | ||
| + | |||
| + | <div class="content2"> | ||
| + | <div class="copy2"> | ||
| + | <h2>Header</h2> | ||
| + | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus.</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class="testimonial-wrap-1"> | ||
| + | <div class="testimonial-wrap-2"> | ||
| + | <img class="quote-icon-1" src="https://static.igem.org/mediawiki/2018/4/41/T--Auckland_MOD--quote-icon.svg" /> | ||
| + | <p class="testimonial-text">"Competing in iGEM required more strength, endurance, and sacrifice than any other project I have undertaken. But nothing could have prepared me more for the post graduate study I am now pursuing than formulating and completing our project as an independent scienctist."</p> | ||
| + | <img class="quote-icon-2" src="https://static.igem.org/mediawiki/2018/4/41/T--Auckland_MOD--quote-icon.svg" /> | ||
| + | <p class="testimonial-name">Judith Glasson, Alumni</p> | ||
</div> | </div> | ||
| − | <div class="show-image show-image- | + | <a class="testimonial-link disabled" href="testimonials.html">More testimonials</a> |
| + | <div class="show-image show-image-7"> | ||
<p>Hold to view image</p> | <p>Hold to view image</p> | ||
<img src="https://static.igem.org/mediawiki/2018/5/5a/T--Auckland_MOD--show-image.svg"> | <img src="https://static.igem.org/mediawiki/2018/5/5a/T--Auckland_MOD--show-image.svg"> | ||
</div> | </div> | ||
</div> | </div> | ||
| + | |||
| + | </div>--> | ||
<div class="content3"> | <div class="content3"> | ||
Revision as of 09:36, 2 September 2018
Description
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Ut maximus, elit quis rutrum interdum, neque diam mattis tortor, ac placerat dolor ipsum aliquet tortor. Etiam viverra neque quis odio consequat consequat. Nulla facilisi. Fusce pharetra augue sit amet est euismod posuere vitae sed purus. Fusce ac orci felis.
Hold to view image
Header
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus.
1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Ut maximus, elit quis rutrum interdum, neque diam mattis tortor, ac placerat dolor ipsum aliquet tortor. Etiam viverra neque quis odio consequat consequat. Nulla facilisi. Fusce pharetra augue sit amet est euismod posuere vitae sed purus. Fusce ac orci felis.
2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Ut maximus, elit quis rutrum interdum, neque diam mattis tortor, ac placerat dolor ipsum aliquet tortor. Etiam viverra neque quis odio consequat consequat.
3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Ut maximus, elit quis rutrum interdum, neque diam mattis tortor, ac placerat dolor ipsum aliquet tortor.
4. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Ut maximus, elit quis rutrum interdum, neque diam mattis tortor, ac placerat dolor ipsum aliquet tortor. Etiam viverra neque quis odio consequat consequat. Nulla facilisi. Fusce pharetra augue sit amet est euismod posuere vitae sed purus. Fusce ac orci felis.
Header
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus.
"Competing in iGEM required more strength, endurance, and sacrifice than any other project I have undertaken. But nothing could have prepared me more for the post graduate study I am now pursuing than formulating and completing our project as an independent scienctist."
Judith Glasson, Alumni
Hold to view image
Keen to talk?
If you're interested, have questions, or want to know more, don't hesitate to contact us directly.
© MOD 2018
