|
|
| (67 intermediate revisions by one other user not shown) |
| Line 1: |
Line 1: |
| − | {{CSS_UCL5}}
| |
| | | | |
| − | <html>
| |
| − | <head>
| |
| − |
| |
| − | <script src="https://cferdinandi.github.io/smooth-scroll/dist/js/smooth-scroll.js"></script>
| |
| − | <script>
| |
| − | smoothScroll.init({
| |
| − | speed: 1000,
| |
| − | easing: 'easeInOutCubic',
| |
| − | offset: 0,
| |
| − | updateURL: true,
| |
| − | callbackBefore: function ( toggle, anchor ) {},
| |
| − | callbackAfter: function ( toggle, anchor ) {}
| |
| − | });
| |
| − | </script>
| |
| − | <style>
| |
| − |
| |
| − |
| |
| − | .mainmenu {background-color: #fff !important;}
| |
| − | .menu-items a {color: #493C54;}
| |
| − | .buttonblack {background-color: #22343C; border-color: #22343C; }
| |
| − | a.buttonblack { color: #fff !important; font-size: 12px;}
| |
| − | .buttonblack:hover {border-color: #22343C; color: #22343C !important;}
| |
| − |
| |
| − | #header2 {background-image: url('https://static.igem.org/mediawiki/2015/9/94/UCL_MG_0797.jpg');
| |
| − | width: 100%;
| |
| − | position: relative;
| |
| − | display: block !important;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | top: 0;
| |
| − | bottom: 0;
| |
| − | background-repeat: no-repeat;
| |
| − | background-attachment: fixed;
| |
| − | -webkit-background-size: cover;
| |
| − | -moz-background-size: cover;
| |
| − | -o-background-size: cover;
| |
| − | background-size: cover;
| |
| − | -webkit-box-sizing: border-box;
| |
| − | -moz-box-sizing: border-box;
| |
| − | box-sizing: border-box;
| |
| − |
| |
| − | vertical-align: middle;
| |
| − | font-family: Raleway;
| |
| − | letter-spacing: 1.1px; font-size: 13px;
| |
| − | }
| |
| − |
| |
| − | #wrapper {width: 80%; height: 80%; background: none; margin: 0 auto; position: relative; top: 60px; }
| |
| − |
| |
| − | #submenu {width: 100%; margin-top: 20px; text-align: center; position: relative;}
| |
| − |
| |
| − |
| |
| − | .bigtitle {width: 42%; top: 0; margin: 0 auto; font-size: 16px; background-image: url('https://static.igem.org/mediawiki/2015/2/22/UCL_headercircle2.png'); text-align: center; line-height: 2;
| |
| − | background-position: top center; background-repeat: no-repeat; background-size: contain; padding: 9%; position: relative; margin-bottom: 100px; color: #22343C;}
| |
| − |
| |
| − | .bigtitle a {color: #22343C; text-decoration: none;}
| |
| − |
| |
| − |
| |
| − | #members { width: 100%; position: relative;}
| |
| − |
| |
| − | .memberwrapper {
| |
| − | margin: 0 auto;
| |
| − | min-height:300px;
| |
| − | width: 100%;
| |
| − | background: #fff;
| |
| − | border-radius: 4px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .memberwrapper h2 {font-size: 20px; text-decoration: none; border-bottom: 0px; display: block; background-color: #493C54; color: #fff; font-weight: bold; border-radius: 4px; padding: 10px; opacity: 0.8; margin: 4px; margin-top: 10px;}
| |
| − |
| |
| − |
| |
| − | .portraitL {
| |
| − | left:0px;
| |
| − | float:left;
| |
| − | }
| |
| − |
| |
| − | .portraitL img{
| |
| − | width:300px;
| |
| − | height:200px;
| |
| − | padding: 10px;}
| |
| − |
| |
| − | .memberdescriptionL {
| |
| − | float:left;
| |
| − | margin-left:30px;
| |
| − | }
| |
| − |
| |
| − | .portraitR {
| |
| − | float:right;
| |
| − | }
| |
| − |
| |
| − | .portraitR img{
| |
| − | width:300px;
| |
| − | height:200px;
| |
| − | padding: 10px;}
| |
| − |
| |
| − | .memberdescriptionR {
| |
| − | float:left;
| |
| − | }
| |
| − |
| |
| − | p {
| |
| − | text-align:justify;
| |
| − | }
| |
| − |
| |
| − | @media (max-width:740px) {
| |
| − | .portraitR img, .portraitL img {
| |
| − | width:70%;
| |
| − | height:70%;
| |
| − | margin-bottom:15px;
| |
| − | }
| |
| − | .memberdescriptionR, .memberdescriptionL {
| |
| − | width:100%;
| |
| − | height:100%;
| |
| − | float:none;
| |
| − | margin-left:0px;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @media (max-width:520px) {
| |
| − | .portraitR img, .portraitL img {
| |
| − | width:100%;
| |
| − | height:100%;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | </style>
| |
| − | </head>
| |
| − |
| |
| − | <div id="header2">
| |
| − |
| |
| − | <div id="wrapper">
| |
| − |
| |
| − | <div class="bigtitle">
| |
| − | <div style="width: 85%; margin: 0 auto; padding-top: 15%;">
| |
| − |
| |
| − |
| |
| − |
| |
| − | Our team consists of a lively mix of UCL students that come from variety of backgrounds but share the passion for synthetic biology. Scroll down to see who stands behind the success of this iGEM project.
| |
| − |
| |
| − |
| |
| − | <br><span style="font-size: 50px;"> <a data-scroll data-options='{ "easing": "linear" }' href="#members" >▼ </a></span></div> </div>
| |
| − |
| |
| − | <div id="members">
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Marta Napiorkowska</h2>
| |
| − | <div class="portraitL">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/8/80/MG_0417.jpg" alt="Marta Napiorkowska"></div>
| |
| − | <div class="memberdescriptionL"><p></p></div>
| |
| − | </div>
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Jack Ho</h2>
| |
| − | <div class="portraitR">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/f/f6/Jack.jpg" alt="Jack Ho"></div>
| |
| − | <div class="memberdescriptionR"><p><!--I'm a 3<sup>rd</sup> year Molecular Biology student--></p></div>
| |
| − | </div>
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Lucas Von Chamier</h2>
| |
| − | <div class="portraitL">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/1/14/Team_UCL_Lucas.jpg" alt="Lucas Von Chamier">
| |
| − | </div>
| |
| − | <div class="memberdescriptionL"><p></p></div>
| |
| − | </div>
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Paloma Portela Torres</h2>
| |
| − | <div class="portraitR">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/6/68/Paloma.jpg" alt="Paloma Portela Torres"></div>
| |
| − | <div class="memberdescriptionR"><p></p></div>
| |
| − | </div>
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Francisco Guimaraes</h2>
| |
| − | <div class="portraitL">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/5/58/Francisco.jpg" alt="Francisco Guimaraes"></div>
| |
| − | <div class="memberdescriptionL"><p></p></div>
| |
| − | </div>
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Mariola Sebastián</h2>
| |
| − | <div class="portraitR">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/4/4e/Mariola.jpg" alt="Mariola Sebastián"></div>
| |
| − | <div class="memberdescriptionR"><p></p></div>
| |
| − | </div>
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Marta de Lebrusant Fernández</h2>
| |
| − | <div class="portraitL">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/9/9c/MG_0410.jpg" alt="Marta de Lebrusant Fernández"></div>
| |
| − | <div class="memberdescriptionL"><p></p></div>
| |
| − | </div>
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Yash Mishra</h2>
| |
| − | <div class="portraitR">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/5/5a/Yash.jpg" alt="Yash Mishra"></div>
| |
| − | <div class="memberdescriptionR"><p></p></div>
| |
| − | </div>
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Tika Malla</h2>
| |
| − | <div class="portraitL">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/b/b9/Tika.jpg" alt="Tika Malla"></div>
| |
| − | <div class="memberdescriptionL"><p></p></div>
| |
| − | </div>
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Safwân Anjum-James</h2>
| |
| − | <div class="portraitR">
| |
| − | <img src="----" alt="Safwân Anjum-James"></div>
| |
| − | <div class="memberdescriptionR"><p></p></div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | </div> </div>
| |
| − |
| |
| − | </body>
| |
| − |
| |
| − | </html>
| |