Difference between revisions of "Team:UM Macau/Team"

 
(110 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{UM Macau/WikiStripDown}}{{UM Macau/Bootstrap}}
+
{{UM_Macau/WikiStripDown}}{{UM_Macau/Bootstrap}}{{UM_Macau/Navbar}}
 +
 
  
 
<html>
 
<html>
 +
<head>
 +
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <link href="https://fonts.googleapis.com/css?family=Poppins:300,300i,400,700,800&display=swap" rel="stylesheet">
 +
  <link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,700,700i,900,900i&display=swap" rel="stylesheet">
 +
 +
</head>
  
 
<style>
 
<style>
−
.dropdown:hover .dropdown-menu {
+
 
−
display: block;
+
#globalWrapper{
 +
padding-bottom: 0px;
 
}
 
}
  
−
.dropdown-backdrop {position: static;}
+
/*footer styling*/
  
−
#navbar {top: 0px;}
+
.footerall{
 +
padding-right:20px;
 +
padding-left: 20px;
 +
}
  
−
#header h1 {margin: 0px;}
+
footer{
 +
width: 100%;
 +
background-color:#131111;
 +
padding-top: 50px;
 +
padding-bottom: 50px;
 +
padding-left: 5%;
 +
padding-right: 5%;
 +
color: #fff;
 +
bottom: 0;
 +
left: 0;
 +
}
  
−
body {margin: 0;}
+
footer h4{
 +
font-size: 1.3rem;
 +
font-family: "Lato";
 +
font-weight: 400;
 +
color: #fff;
 +
}
  
−
nav.navbar {padding-bottom: 10px;}
+
footer h5{
 +
font-size: 1.2rem;
 +
font-family:"Lato";
 +
font-weight: 300;
 +
color: #fff;
 +
}
  
−
.navbar {z-index: 100; top: 0px; position: fixed; width: 100%;}
+
footer h6{
 +
font-size: 1rem;
 +
font-family:"Lato";
 +
font-weight: 300;
 +
color: #fff;
 +
}
  
−
.nav-link {font-family: Raleway, Montserrat, Ariel, sans-serif !important;color: #001438;}
+
.logo{
 +
text-align: center;
 +
}
  
−
a:visited {font-family: Raleway, Montserrat, Ariel, sans-serif !important;color: #001438;}
+
.contact{
 +
border-right: 0.8px solid #fff;
 +
border-left: 0.8px solid #fff;
 +
padding-left: 25px;
 +
height: 220px;
 +
}
  
−
.dropdown-toggle::after {display:none;}
+
.social{
 +
padding-right: 10px;
 +
width: 32px;
 +
cursor: pointer;
 +
transition: 0.4s;
 +
}
  
−
.navbar-toggler:not(:disabled):not(.disabled) {position: relative;}
+
.social:hover{
 +
opacity: 0.4;
 +
}
  
−
#navbarDropdownMenuLink {font-family: Raleway, Montserrat, Ariel, sans-serif !important; color: #FFF;}
+
.sponsor{
 +
padding-left: 50px;
 +
padding-right: 50px;
 +
}
  
−
#navbarDropdown {font-family: Raleway, Montserrat, Ariel, sans-serif !important;color: #FFF;}
+
.sponsor img{
 +
vertical-align: middle;
 +
margin-top: 8px;
 +
}
  
−
#navbar-brand {height: 60px;}
+
hr{
 +
    border: 0;
 +
    height: 0.8px;
 +
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
 +
}
 +
 
 +
 
 +
/* Text Syling*/
 +
#HQ_page .landing-text h1{
 +
  font-size: 650%;
 +
  font-weight: 500;
 +
  color: white;
 +
  font-family:"Poppins";
 +
}
 +
 
 +
#HQ_page .teamcontainer h1{
 +
  padding-bottom: 2%;
 +
  font-size: 2.3rem;
 +
  font-family:"Poppins";
 +
  font-weight: 600;
 +
}
 +
 
 +
#HQ_page .teamcontainer h5{
 +
font-size: 1.3rem;
 +
font-weight: 500;
 +
font-family: "Poppins";
 +
}
 +
 
 +
#HQ_page .teamcontainer h6{
 +
font-size: 1.2rem;
 +
font-family: "Lato";
 +
}
 +
 
 +
 
 +
/*Team Cover*/
 +
html,body{
 +
  height: 100%;
 +
  width: 100%;
 +
  scroll-behavior: smooth;
 +
  overflow-x:visible;
 +
}
 +
 
 +
#teamcover{
 +
background: url(https://static.igem.org/mediawiki/2019/5/5e/T--UM_Macau--coverphoto20.jpeg) no-repeat top fixed;
 +
display: table;
 +
height: 100vh;
 +
position: relative;
 +
width: 100%;
 +
background-size: cover;
 +
text-align: center;
 +
}
 +
 
 +
.landing-text{
 +
display: table-cell;
 +
text-align: center;
 +
vertical-align: middle;
 +
}
 +
 
 +
/*for scroll down arrow*/
 +
.arrow{
 +
  position: absolute;
 +
  bottom: 10%;
 +
  width: 100%;
 +
  cursor: pointer;
 +
  transition: 0.4s;
 +
  text-align: center;
 +
}
 +
 
 +
.arrow img{
 +
  width: 7%;
 +
}
 +
 
 +
.arrow:hover{
 +
  padding-bottom: 18px;
 +
}
 +
 
 +
/*Team Container Styling*/
 +
.teamcontainer{
 +
padding: 10%;
 +
padding-bottom: 5%;
 +
}
 +
 
 +
 
 +
 
 +
.sectionpadding{
 +
padding-left: 5%;
 +
padding-right: 5%;
 +
padding-bottom: 12%;
 +
}
 +
 
 +
.teamrow{
 +
padding-bottom: 3%;
 +
}
 +
 
 +
 
 +
/*Images Styling*/
 +
.members{
 +
cursor: pointer;
 +
transition: 0.3s;
 +
}
 +
 
 +
.members:hover{
 +
opacity: 0.75;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
/*The Modal (background)*/
 +
  .modal{
 +
    display:none; /*hidden by default*/
 +
    position:fixed; /*stay in place*/
 +
    z-index:8888;
 +
    padding-top:10px ; /*location of the box*/
 +
    left:0;
 +
    top:0;
 +
    width:100%; /*full width*/
 +
    height: 100%; /*full height*/
 +
    overflow:visible;
 +
    background-color: rgb(0,0,0); /*fallback color*/
 +
    background-color: rgba(0,0,0,0.6); /*black with opacity*/
 +
  }
 +
 
 +
  /* Modal Content (image) */
 +
  .modal-content{
 +
    position:relative;
 +
    margin: 10vh auto;
 +
    padding-bottom:100px;
 +
    width: 90%;
 +
    max-width: 1200px;
 +
    background-color:transparent;
 +
    border: 1px solid transparent;
 +
    text-align: center;
 +
  }
 +
 
 +
 
 +
@media(min-width:1366px){
 +
  .modal-content{
 +
    background-color:transparent;
 +
    margin:10vh auto;
 +
    padding-bottom:100px
 +
    border: 1px solid transparent
 +
    width:30%;
 +
  }
 +
}
 +
 
 +
 
 +
 
 +
 
 +
  /*Close Button*/
 +
#MembersModal .close{
 +
    position: absolute;
 +
    top: 15px;
 +
    right: 35px;
 +
    color: #f1f1f1;
 +
    font-size: 60px;
 +
    font-weight: bold;
 +
    transition: 0.3s;
 +
    padding-left: 10px;
 +
    padding-right: 10px;
 +
    padding-bottom: 6px;
 +
    border-radius: 10px;
 +
    background-color: red;
 +
  }
 +
 
 +
#MembersModal .close:hover, .close:focus{
 +
    color: #ffffff;
 +
    text-decoration: none;
 +
    cursor: pointer;
 +
  }
 +
 
 +
/* Hide the slides by default*/
 +
.MembersSlides{
 +
  display:none;
 +
}
 +
 
 +
/* Next and previous button*/
 +
.prev,
 +
.next{
 +
  cursor: pointer;
 +
  position: absolute;
 +
  top: 50%;
 +
  width: auto;
 +
  padding: 16px;
 +
  margin-top: -83px;
 +
  color: white;
 +
  font-weight: bold;
 +
  font-size: 40px;
 +
  transition: 0.6s ease;
 +
  border-radius: 3px 3px 3px 3px;
 +
  user-select: none;
 +
  -webkit-user-select: none;
 +
}
 +
 
 +
/* Position the "next button" to the right */
 +
.next {
 +
  right: 0;
 +
  border-radius: 3px 3px 3px 3px;
 +
}
 +
 
 +
/* On hover, add a black background color with a little bit see-through */
 +
.prev:hover,
 +
.next:hover {
 +
  background-color: rgba(0, 0, 0, 0.5)
 +
  ;
 +
 
 +
}
 +
 
 +
/* Number text (1/3 etc) */
 +
.numbertext {
 +
  color: #959393;
 +
  font-size: 1rem;
 +
  padding: 8px 12px;
 +
  position: absolute;
 +
  top: 0
 +
  font-weight:100;
 +
}
 +
 
 +
@media (max-width: 768px) {
 +
#HQ_page .landing-text h1{
 +
  font-size: 200%;
 +
  font-weight: 500;
 +
  color: white;
 +
  font-family:"Poppins";
 +
}
 +
.arrow img{
 +
width: 15%;
 +
}
 +
}
  
−
.navbar-toggler {font-family: Raleway, Montserrat, Ariel, sans-serif !important;color: #FFF;}
 
  
−
.navbar-nav .nav-link {color: #FFF;}
 
  
 
</style>
 
</style>
  
−
<nav class="navbar navbar-expand-lg navbar-light carroll" style=" background-color: #001438">
 
−
  <a class="navbar-brand" href="https://2019.igem.org/Team:US_AFRL_CarrollHS" style="color: white;">US_AFRL_CarrollHS</a>
 
−
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 
−
    <span class="navbar-toggler-icon"></span>
 
−
  </button>
 
  
−
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+
</head>
−
    <ul class="navbar-nav mr-auto">
+
<body>
  
−
      <li class="nav-item dropdown">
 
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
−
          Team
 
−
        </a>
 
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Team">Team</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Collaborations">Collaborations</a>
 
−
        </div>
 
−
      </li>
 
  
−
    <li class="nav-item dropdown">
+
<!--Team Cover-->
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
<div id="teamcover">
−
          Project
+
<div class="landing-text">
−
        </a>
+
<h1>Team Members</h1>
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
    <div class="arrow">
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Description">Description</a>
+
      <a href="#teamstart"><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/3/36/T--UM_Macau--homepicdownarrow.png"></a>
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Design">Design</a>
+
    </div>
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Experiments">Experiments</a>
+
</div>
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Notebook">Notebook</a>
+
</div>
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Contribution">Contribution</a>
+
<!--End of Team Cover-->
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Results">Results</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Demonstrate">Demonstrate</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Improve">Improve</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Attributions">Attributions</a>
+
−
        </div>
+
−
      </li>
+
  
−
      <li class="nav-item dropdown">
+
<div  id="teamstart" class="teamcontainer">
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
−
          Parts
+
−
        </a>
+
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Parts">Parts Overview</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Basic_Part">Basic Parts</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Composite_Part">Composite Parts</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Part_Collection">Part Collection</a>
+
−
        </div>
+
−
      </li>
+
  
−
      <li class="nav-item">
 
−
        <a class="nav-link" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Safety" style="color: white;">Safety</a>
 
  
−
      <li class="nav-item dropdown">
+
<!--Title-->
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
<h1>Students</h1>
−
          Human Practices
+
−
        </a>
+
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Human_Practices">Human Practices</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Public_Engagement">Education &amp; Engagement</a>
+
−
        </div>
+
−
      </li>
+
  
−
      <li class="nav-item dropdown">
 
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
−
          Awards
 
−
        </a>
 
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Entrepreneurship">Entrepreneurship</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Hardware">Hardware</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Measurement">Measurement</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Model">Model</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Plant">Plant</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Software">Software</a>
 
−
        </div>
 
−
      </li>
 
  
−
      <li class="nav-item">
+
<!--Students Section & Lightbox Images-->
−
<a class="nav-link" href="https://igem.org/2019_Judging_Form?team=US_AFRL_CarrollHS" style="color: white;">Judging Form</a>
+
  <section class="sectionpadding">
−
      </li>
+
  
−
       <li class="nav-item"style=" color: #FFF">
+
  <!--Students Row 1-->
−
         <a class="nav-link" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/WikiGuide" style="color: white;">Wiki Guide</a>
+
  <div class="teamrow row text-center">
−
       </li>
+
    <div class="col-md-4 ">
 +
       <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(1)" src="https://static.igem.org/mediawiki/2019/5/50/T--UM_Macau--JYround.png">   
 +
          <h5>Jia Ying NG</h5>
 +
          <h6>Captain</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
 
 +
    <div class="col-md-4">
 +
      <div class="row justify-content-center">
 +
         <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(2)"src="https://static.igem.org/mediawiki/2019/2/28/T--UM_Macau--PHILIPround.png">
 +
        <h5>Philip Naderev P. LAGNITON</h5>
 +
        <h6>Vice-Captain (Internal)</h6>
 +
        </div>
 +
      </div>
 +
    </div>
 +
 
 +
    <div class="col-md-4">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(3)" src="https://static.igem.org/mediawiki/2019/7/71/T--UM_Macau--CARRIEround.png">
 +
      <h5>Carrie, Yuchen YANG</h5>
 +
       <h6>Vice-Captain (External)</h6>
 +
        </div>
 +
      </div>
 +
    </div>
 
   </div>
 
   </div>
−
</nav>
 
  
 +
 +
  <!--Students Row 2-->
 +
 +
  <div class="teamrow row text-center">
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(4)" src="https://static.igem.org/mediawiki/2019/f/fb/T--UM_Macau--JULIENround.png"> 
 +
          <h5>Julien, Rui Lian NYAM</h5>
 +
          <h6>Treasurer / Wet Lab / Media</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
 
 +
    <div class="col-md-4">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(5)" src="https://static.igem.org/mediawiki/2019/4/47/T--UM_Macau--RENEEround.png">
 +
        <h5>Renee, Liyunzi LIANG</h5>
 +
        <h6>Wet Lab</h6>
 +
        </div>
 +
      </div>
 +
    </div>
 +
 +
    <div class="col-md-4">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(6)" src="https://static.igem.org/mediawiki/2019/5/5b/T--UM_Macau--CLEASround.png">
 +
      <h5>Cleas, Junjie HAO</h5>
 +
      <h6>Dry Lab</h6>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
 +
  <!--Student Row 3-->
 +
 +
  <div class="teamrow row text-center">
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(7)" src="https://static.igem.org/mediawiki/2019/c/c7/T--UM_Macau--PINTOround.png"> 
 +
          <h5>Pinto, Zhijun HE</h5>
 +
          <h6>Outreach / Wet Lab</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
 
 +
    <div class="col-md-4">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(8)" src="https://static.igem.org/mediawiki/2019/e/e9/T--UM_Macau--KATRINAround.png">
 +
        <h5>Katrina, Jiaqi XIAN</h5>
 +
        <h6>Outreach</h6>
 +
        </div>
 +
      </div>
 +
    </div>
 +
 +
    <div class="col-md-4">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(9)" src="https://static.igem.org/mediawiki/2019/c/cd/T--UM_Macau--JTround.png">
 +
      <h5>Jing Tong TAN</h5>
 +
      <h6>Media / Wiki</h6>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
 +
  <!--Students Row 4-->
 +
 +
  <div class="row text-center">
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(10)" src="https://static.igem.org/mediawiki/2019/2/2b/T--UM_Macau--HUGHround.png"> 
 +
          <h5>Hugh, Zhongyu HUANG</h5>
 +
          <h6>Media / Wiki</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
 
 +
    <div class="col-md-4">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(11)" src="https://static.igem.org/mediawiki/2019/9/9d/T--UM_Macau--CONNIEround.png">
 +
        <h5>Connie, Yixiao WANG</h5>
 +
        <h6>Wiki</h6>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</section>
 +
 +
<!--End of Students Section & Lightbox Images-->
 +
 +
<!--Title-->
 +
<h1>Principal Investigators</h1>
 +
 +
 +
<!--PI Sections-->
 +
<section class="sectionpadding">
 +
  <div class="row text-center">
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/e/ee/T--UM_Macau--LEOround.png"> 
 +
          <h5>Leo Tsz On LEE</h5>
 +
          <h6>Assistant Professor</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
 
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/3/39/T--UM_Macau--RUIYUround.png"> 
 +
          <h5>RuiYu XIE</h5>
 +
          <h6>Assistant Professor</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/6/69/T--UM_Macau--VIVIANround.png"> 
 +
          <h5>Vivien Ya-Fan WANG</h5>
 +
          <h6>Assistant Professor</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
  </div>
 +
</section>
 +
 
 +
 +
<!--Title-->
 +
<h1>Advisors</h1>
 +
 +
 +
<!--Advisors Section-->
 +
<section class="sectionpadding">
 +
  <div class="row text-center">
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/1/14/T--UM_Macau--XUANJUNround.png"> 
 +
          <h5>XuanJun ZHANG</h5>
 +
          <h6>Assistant Professor</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
 
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/1/12/T--UM_Macau--ZHENGJUNround.png"> 
 +
          <h5>Jun ZHENG</h5>
 +
          <h6>Assistant Professor</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          </div>
 +
      </div>
 +
      </div>
 +
  </div>
 +
</section>
 +
 +
 +
<!--Title-->
 +
<h1>Instructors</h1>
 +
 +
<!--Instructors Section-->
 +
<section class="sectionpadding">
 +
  <div class="row text-center">
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/f/f7/T--UM_Macau--INS1round.png"> 
 +
          <h5>Hao Weng WU</h5>
 +
          <h6>PhD in Biomedical Sciences</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
 
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/5/59/T--UM_Macau--INS2round.png"> 
 +
          <h5>YunFang XIONG</h5>
 +
          <h6>PhD in Biomedical Sciences</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/6/62/T--UM_Macau--INS3round.png"> 
 +
          <h5>ZiQiang CHI</h5>
 +
          <h6>PhD in Biomedical Sciences</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
  </div>
 +
</section>
 +
 +
 +
</div>
 +
<!--End of Team Container-->
 +
 +
<!-- The Modal/Lightbox-->
 +
<div id="MembersModal" class="modal">
 +
  <span class="close cursor" onclick="closeModal()">&times;</span>
 +
  <div class="modal-content">
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 1 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/0/0f/T--UM_Macau--JY.png" style="width:85%">
 +
    </div>
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 2 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/c/c5/T--UM_Macau--PHILIP.png" style="width:85%">
 +
    </div>
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 3 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/1/1b/T--UM_Macau--CARRIE.png" style="width:85%">
 +
    </div>
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 4 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/7/7d/T--UM_Macau--JULIEN.png" style="width:85%">
 +
    </div>
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 5 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/8/8e/T--UM_Macau--RENEE.png" style="width:85%">
 +
    </div>
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 6 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/b/ba/T--UM_Macau--CLEAS.png" style="width:85%">
 +
    </div>
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 7 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/1/15/T--UM_Macau--PINTO.png" style="width:85%">
 +
    </div>
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 8 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/7/75/T--UM_Macau--KATRINA.png" style="width:85%">
 +
    </div>
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 9 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/8/82/T--UM_Macau--JT.png" style="width:85%">
 +
    </div>
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 10 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/4/4d/T--UM_Macau--HUGH.png" style="width:85%">
 +
    </div>
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 11 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/7/73/T--UM_Macau--connienew.png" style="width:85%">
 +
    </div>
 +
 +
 +
    <!-- Next/previous controls-->
 +
    <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
 +
    <a class="next" onclick="plusSlides(1)">&#10095;</a>
 +
 +
 +
<script>
 +
// Open the Modal
 +
function openModal() {
 +
  document.getElementById("MembersModal").style.display = "block";
 +
}
 +
 +
// Close the Modal
 +
function closeModal() {
 +
  document.getElementById("MembersModal").style.display = "none";
 +
}
 +
 +
var slideIndex = 1;
 +
showSlides(slideIndex);
 +
 +
// Next/previous controls
 +
function plusSlides(n) {
 +
  showSlides(slideIndex += n);
 +
}
 +
 +
// Thumbnail image controls
 +
function currentSlide(n) {
 +
  showSlides(slideIndex = n);
 +
}
 +
 +
function showSlides(n) {
 +
  var i;
 +
  var slides = document.getElementsByClassName("MembersSlides");
 +
  var dots = document.getElementsByClassName("demo");
 +
  if (n > slides.length) {slideIndex = 1}
 +
  if (n < 1) {slideIndex = slides.length}
 +
  for (i = 0; i < slides.length; i++) {
 +
    slides[i].style.display = "none";
 +
  }
 +
  for (i = 0; i < dots.length; i++) {
 +
    dots[i].className = dots[i].className.replace(" active", "");
 +
  }
 +
  slides[slideIndex-1].style.display = "block";
 +
  dots[slideIndex-1].className += " active";
 +
  captionText.innerHTML = dots[slideIndex-1].alt;
 +
}
 +
</script>
 +
 +
  </div>
 +
</div>
 +
 +
<!-- End of The Modal/Lightbox-->
 +
 +
<!--Footer-->
 +
<footer class="footerall container-fluid">
 +
<div class="row align-items-center">
 +
<div class="logo col-sm-6 col-lg-3">
 +
<img class="img-fluid" src="https://static.igem.org/mediawiki/2019/9/96/T--UM_Macau--homepicigem.png" style="width:200px">
 +
</div>
 +
<div class="contact col-sm-6 col-lg-3">
 +
<h4>CONTACT US</h4>
 +
<h5>umac.igem@gmail.com</h5>
 +
<br>
 +
<h4>FOLLOW US</h4>
 +
<a href="https://www.facebook.com/igemumac2019/"><img class="img-fluid social" src="https://static.igem.org/mediawiki/2019/8/80/T--UM_Macau--homepicfb.png"></a>
 +
<a href="https://www.instagram.com/igem_ummacau/"><img class="img-fluid social" src="https://static.igem.org/mediawiki/2019/d/da/T--UM_Macau--homepicinsta.png"></a>
 +
</div>
 +
 +
<div class="sponsor col-sm-12 col-lg-6">
 +
<div class="row align-items-center">
 +
<div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/3/3b/T--UM_Macau--homepicum.png" style="width:100%"></div>
 +
<div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/5/5e/T--UM_Macau--homepicfhs.png" style="width:100%  "></div>
 +
<div class="col-sm-4 "></div>
 +
</div>
 +
<div class="row align-items-center">
 +
<div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/c/c4/T--UM_Macau--homepicidt.png" style="width:100%"></div>
 +
<div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/a/aa/T--UM_Macau--homepictwist.png" style="width:100%"></div>
 +
<div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/8/8a/T--UM_Macau--homepiclumicks.png" style="width:100%"></div>
 +
</div>
 +
<div class="row align-items-center">
 +
<div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/9/9c/T--UM_Macau--homepicdiagon.png" style="width:100%"></div>
 +
<div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/4/43/T--UM_Macau--homepicgjb.png" style="width:100%"></div>
 +
<div class="col-sm-4"></div>
 +
</div>
 +
</div>
 +
</div>
 +
<hr>
 +
<div>
 +
<div class="row">
 +
<div class="col-sm-12 text-center">
 +
<h6>iGEM 2019 UM_Macau</h6>
 +
</div>
 +
</div>
 +
</div>
 +
</footer>
 +
 +
 +
 +
 +
 +
 +
</body>
 
</html>
 
</html>

Latest revision as of 01:24, 22 October 2019


Team Members

Students

Jia Ying NG
Captain
Philip Naderev P. LAGNITON
Vice-Captain (Internal)
Carrie, Yuchen YANG
Vice-Captain (External)
Julien, Rui Lian NYAM
Treasurer / Wet Lab / Media
Renee, Liyunzi LIANG
Wet Lab
Cleas, Junjie HAO
Dry Lab
Pinto, Zhijun HE
Outreach / Wet Lab
Katrina, Jiaqi XIAN
Outreach
Jing Tong TAN
Media / Wiki
Hugh, Zhongyu HUANG
Media / Wiki
Connie, Yixiao WANG
Wiki

Principal Investigators

Leo Tsz On LEE
Assistant Professor
RuiYu XIE
Assistant Professor
Vivien Ya-Fan WANG
Assistant Professor

Advisors

XuanJun ZHANG
Assistant Professor
Jun ZHENG
Assistant Professor

Instructors

Hao Weng WU
PhD in Biomedical Sciences
YunFang XIONG
PhD in Biomedical Sciences
ZiQiang CHI
PhD in Biomedical Sciences

CONTACT US

umac.igem@gmail.com

FOLLOW US

iGEM 2019 UM_Macau