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

 
(58 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{UM_Macau}}{{UM_Macau/WikiStripDown}}{{UM_Macau/Bootstrap}}{{UM_Macau/Navbar}}
+
{{UM_Macau/WikiStripDown}}{{UM_Macau/Bootstrap}}{{UM_Macau/Navbar}}
 +
 
  
 
<html>
 
<html>
 
<head>
 
<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=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">
 
   <link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,700,700i,900,900i&display=swap" rel="stylesheet">
 +
 +
</head>
  
 
<style>
 
<style>
  
  /*Round Pic*/
+
#globalWrapper{
  .members{
+
padding-bottom: 0px;
    cursor: pointer;
+
}
    transition: 0.3s;
+
  }
+
  
  .members:hover{opacity:0.75;}
+
/*footer styling*/
  
  /*grid*/
+
.footerall{
  .teamcontainer{
+
padding-right:20px;
  padding-right:5%;
+
padding-left: 20px;
  padding-left:5%;
+
 
}
 
}
  .row{
 
    padding-bottom:30px;
 
  }
 
  section{
 
    padding-bottom: 70px;
 
  }
 
  
  h5{
+
footer{
    font-family:"Poppins";
+
width: 100%;
    font-size:1rem
+
background-color:#131111;
    font-weight: 300
+
padding-top: 50px;
    font-color:#ffffff;
+
padding-bottom: 50px;
  }
+
padding-left: 5%;
 +
padding-right: 5%;
 +
color: #fff;
 +
bottom: 0;
 +
left: 0;
 +
}
  
  span{
+
footer h4{
  font-size:0.98rem;
+
font-size: 1.3rem;
 +
font-family: "Lato";
 +
font-weight: 400;
 +
color: #fff;
 +
}
 +
 
 +
footer h5{
 +
font-size: 1.2rem;
 +
font-family:"Lato";
 +
font-weight: 300;
 +
color: #fff;
 +
}
 +
 
 +
footer h6{
 +
font-size: 1rem;
 +
font-family:"Lato";
 +
font-weight: 300;
 +
color: #fff;
 +
}
 +
 
 +
.logo{
 +
text-align: center;
 +
}
 +
 
 +
.contact{
 +
border-right: 0.8px solid #fff;
 +
border-left: 0.8px solid #fff;
 +
padding-left: 25px;
 +
height: 220px;
 +
}
 +
 
 +
.social{
 +
padding-right: 10px;
 +
width: 32px;
 +
cursor: pointer;
 +
transition: 0.4s;
 +
}
 +
 
 +
.social:hover{
 +
opacity: 0.4;
 +
}
 +
 
 +
.sponsor{
 +
padding-left: 50px;
 +
padding-right: 50px;
 +
}
 +
 
 +
.sponsor img{
 +
vertical-align: middle;
 +
margin-top: 8px;
 +
}
 +
 
 +
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;
 
   font-weight: 500;
   font-family:"Lato";
+
  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";
 +
}
  
  /*The Modal (background)*/
+
#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{
 
   .modal{
 
     display:none; /*hidden by default*/
 
     display:none; /*hidden by default*/
Line 68: Line 221:
 
     background-color:transparent;
 
     background-color:transparent;
 
     border: 1px solid transparent;
 
     border: 1px solid transparent;
 +
    text-align: center;
 
   }
 
   }
 +
  
 
@media(min-width:1366px){
 
@media(min-width:1366px){
Line 84: Line 239:
  
 
   /*Close Button*/
 
   /*Close Button*/
  .close{
+
#MembersModal .close{
 
     position: absolute;
 
     position: absolute;
 
     top: 15px;
 
     top: 15px;
 
     right: 35px;
 
     right: 35px;
 
     color: #f1f1f1;
 
     color: #f1f1f1;
     font-size: 40px;
+
     font-size: 60px;
 
     font-weight: bold;
 
     font-weight: bold;
 
     transition: 0.3s;
 
     transition: 0.3s;
 +
    padding-left: 10px;
 +
    padding-right: 10px;
 +
    padding-bottom: 6px;
 +
    border-radius: 10px;
 +
    background-color: red;
 
   }
 
   }
  
  .close:hover, .close:focus{
+
#MembersModal .close:hover, .close:focus{
 
     color: #ffffff;
 
     color: #ffffff;
 
     text-decoration: none;
 
     text-decoration: none;
Line 116: Line 276:
 
   color: white;
 
   color: white;
 
   font-weight: bold;
 
   font-weight: bold;
   font-size: 20px;
+
   font-size: 40px;
 
   transition: 0.6s ease;
 
   transition: 0.6s ease;
   border-radius: 0 3px 3px 0;
+
   border-radius: 3px 3px 3px 3px;
 
   user-select: none;
 
   user-select: none;
 
   -webkit-user-select: none;
 
   -webkit-user-select: none;
Line 126: Line 286:
 
.next {
 
.next {
 
   right: 0;
 
   right: 0;
   border-radius: 3px 0 0 3px;
+
   border-radius: 3px 3px 3px 3px;
 
}
 
}
  
Line 147: Line 307:
 
}
 
}
  
 
+
@media (max-width: 768px) {
#content{
+
#HQ_page .landing-text h1{
   text-align:center;
+
   font-size: 200%;
   padding-top: 10%;
+
   font-weight: 500;
padding-bottom:25%;
+
  color: white;
 +
  font-family:"Poppins";
 
}
 
}
 
+
.arrow img{
 
+
width: 15%;
 
+
 
+
/*footer styling*/
+
 
+
.footerall{
+
padding-right:80px;
+
padding-left: 20px;
+
 
}
 
}
 
footer{
 
width: 100%;
 
background-color:#131111;
 
padding-top: 50px;
 
padding-bottom: 50px;
 
padding-left: 5%;
 
padding-right: 5%;
 
color: #fff;
 
 
}
 
}
 
.logo{
 
border-right: 0.8px solid #fff;
 
text-align: center;
 
}
 
 
.contact{
 
border-right: 0.8px solid #fff;
 
height: 200px;
 
padding-top: 20px;
 
padding-bottom: 20px;
 
}
 
 
.social{
 
padding-right: 10px;
 
width: 32px;
 
cursor: pointer;
 
transition: 0.4s;
 
}
 
 
.social:hover{
 
opacity: 0.4;
 
}
 
 
.sponsor{
 
padding-left: 50px;
 
}
 
 
.sponsor img{
 
vertical-align: middle;
 
margin-top: 8px;
 
}
 
 
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));
 
}
 
 
  
  
  
 
</style>
 
</style>
   
 
 
  
  
Line 224: Line 328:
  
  
<div class="container">
+
<!--Team Cover-->
  <div class="row">
+
<div id="teamcover">
    <div class="col-lg-12">
+
<div class="landing-text">
      <div id="content">
+
<h1>Team Members</h1>
      <h1>TEAM</h1>
+
    <div class="arrow">
      <hr>
+
       <a href="#teamstart"><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/3/36/T--UM_Macau--homepicdownarrow.png"></a>
       <button class="btn btn-default btn-lg">I am an arrow</button>
+
    </div>
      </div>
+
</div>
      </div>
+
  </div>
+
 
</div>
 
</div>
 +
<!--End of Team Cover-->
 +
 +
<div  id="teamstart" class="teamcontainer">
 +
 +
 +
<!--Title-->
 +
<h1>Students</h1>
  
  
 +
<!--Students Section & Lightbox Images-->
 +
  <section class="sectionpadding">
  
<div class="teamcontainer container ">
+
   <!--Students Row 1-->
   <!-- Images used to open the lightbox -->
+
   <div class="teamrow row text-center">
  <section>
+
   <div class="row text-center ">
+
 
     <div class="col-md-4 ">
 
     <div class="col-md-4 ">
 
       <div class="row justify-content-center">
 
       <div class="row justify-content-center">
Line 247: Line 356:
 
           <img class="members img-fluid" onclick="openModal();currentSlide(1)" src="https://static.igem.org/mediawiki/2019/5/50/T--UM_Macau--JYround.png">     
 
           <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>
 
           <h5>Jia Ying NG</h5>
           <span>Captain</span>
+
           <h6>Captain</h6>
 
           </div>  
 
           </div>  
 
       </div>
 
       </div>
Line 257: Line 366:
 
           <img class="members img-fluid" onclick="openModal();currentSlide(2)"src="https://static.igem.org/mediawiki/2019/2/28/T--UM_Macau--PHILIPround.png">
 
           <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>
 
         <h5>Philip Naderev P. LAGNITON</h5>
         <span>Vice-Captain (Internal)</span>
+
         <h6>Vice-Captain (Internal)</h6>
 
         </div>  
 
         </div>  
 
       </div>
 
       </div>
Line 267: Line 376:
 
           <img class="members img-fluid" onclick="openModal();currentSlide(3)" src="https://static.igem.org/mediawiki/2019/7/71/T--UM_Macau--CARRIEround.png">
 
           <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>
 
       <h5>Carrie, Yuchen YANG</h5>
       <span>Vice-Captain (External)</span>
+
       <h6>Vice-Captain (External)</h6>
 
         </div>  
 
         </div>  
 
       </div>
 
       </div>
Line 274: Line 383:
  
  
 +
  <!--Students Row 2-->
  
   <div class="row text-center">
+
   <div class="teamrow row text-center">
 
     <div class="col-md-4 ">
 
     <div class="col-md-4 ">
 
       <div class="row justify-content-center">
 
       <div class="row justify-content-center">
Line 281: Line 391:
 
           <img class="members img-fluid" onclick="openModal();currentSlide(4)" src="https://static.igem.org/mediawiki/2019/f/fb/T--UM_Macau--JULIENround.png">   
 
           <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>
 
           <h5>Julien, Rui Lian NYAM</h5>
           <span>Treasurer / Wet Lab / Media</span>
+
           <h6>Treasurer / Wet Lab / Media</h6>
 
           </div>  
 
           </div>  
 
       </div>
 
       </div>
Line 291: Line 401:
 
           <img class="members img-fluid" onclick="openModal();currentSlide(5)" src="https://static.igem.org/mediawiki/2019/4/47/T--UM_Macau--RENEEround.png">
 
           <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>
 
         <h5>Renee, Liyunzi LIANG</h5>
         <span>Wet Lab</span>
+
         <h6>Wet Lab</h6>
 
         </div>  
 
         </div>  
 
       </div>
 
       </div>
Line 301: Line 411:
 
           <img class="members img-fluid" onclick="openModal();currentSlide(6)" src="https://static.igem.org/mediawiki/2019/5/5b/T--UM_Macau--CLEASround.png">
 
           <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>
 
       <h5>Cleas, Junjie HAO</h5>
       <span>Dry Lab</span>
+
       <h6>Dry Lab</h6>
 
         </div>  
 
         </div>  
 
       </div>
 
       </div>
Line 308: Line 418:
  
  
<div class="row text-center">
+
  <!--Student Row 3-->
 +
 
 +
  <div class="teamrow row text-center">
 
     <div class="col-md-4 ">
 
     <div class="col-md-4 ">
 
       <div class="row justify-content-center">
 
       <div class="row justify-content-center">
Line 314: Line 426:
 
           <img class="members img-fluid" onclick="openModal();currentSlide(7)" src="https://static.igem.org/mediawiki/2019/c/c7/T--UM_Macau--PINTOround.png">   
 
           <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>
 
           <h5>Pinto, Zhijun HE</h5>
           <span>Outreach / Wet Lab</span>
+
           <h6>Outreach / Wet Lab</h6>
 
           </div>  
 
           </div>  
 
       </div>
 
       </div>
Line 324: Line 436:
 
           <img class="members img-fluid" onclick="openModal();currentSlide(8)" src="https://static.igem.org/mediawiki/2019/e/e9/T--UM_Macau--KATRINAround.png">
 
           <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>
 
         <h5>Katrina, Jiaqi XIAN</h5>
         <span>Outreach</span>
+
         <h6>Outreach</h6>
 
         </div>  
 
         </div>  
 
       </div>
 
       </div>
Line 334: Line 446:
 
           <img class="members img-fluid" onclick="openModal();currentSlide(9)" src="https://static.igem.org/mediawiki/2019/c/cd/T--UM_Macau--JTround.png">
 
           <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>
 
       <h5>Jing Tong TAN</h5>
       <span>Media / Wiki</span>
+
       <h6>Media / Wiki</h6>
 
         </div>  
 
         </div>  
 
       </div>
 
       </div>
Line 341: Line 453:
  
  
<div class="row text-center">
+
  <!--Students Row 4-->
 +
 
 +
  <div class="row text-center">
 
     <div class="col-md-4 ">
 
     <div class="col-md-4 ">
 
       <div class="row justify-content-center">
 
       <div class="row justify-content-center">
Line 347: Line 461:
 
           <img class="members img-fluid" onclick="openModal();currentSlide(10)" src="https://static.igem.org/mediawiki/2019/2/2b/T--UM_Macau--HUGHround.png">   
 
           <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>
 
           <h5>Hugh, Zhongyu HUANG</h5>
           <span>Media / Wiki</span>
+
           <h6>Media / Wiki</h6>
 
           </div>  
 
           </div>  
 
       </div>
 
       </div>
Line 357: Line 471:
 
           <img class="members img-fluid" onclick="openModal();currentSlide(11)" src="https://static.igem.org/mediawiki/2019/9/9d/T--UM_Macau--CONNIEround.png">
 
           <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>
 
         <h5>Connie, Yixiao WANG</h5>
         <span>Wiki</span>
+
         <h6>Wiki</h6>
 
         </div>  
 
         </div>  
 
       </div>
 
       </div>
Line 364: Line 478:
 
</section>
 
</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-->
 
<!-- The Modal/Lightbox-->
Line 422: Line 656:
 
     <div class="MembersSlides">
 
     <div class="MembersSlides">
 
       <div class="numbertext"> Image 11 of 11</div>
 
       <div class="numbertext"> Image 11 of 11</div>
       <img src="https://static.igem.org/mediawiki/2019/b/b5/T--UM_Macau--CONNIE.png" style="width:85%">
+
       <img src="https://static.igem.org/mediawiki/2019/7/73/T--UM_Macau--connienew.png" style="width:85%">
 
     </div>
 
     </div>
  
Line 472: Line 706:
 
}
 
}
 
</script>
 
</script>
 
 
 
  
 
   </div>
 
   </div>
 
</div>
 
</div>
  
<section>
+
<!-- End of The Modal/Lightbox-->
 
+
  <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>
+
          <span>Assistant Professor</span>
+
          </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>
+
          <span>Assistant Professor</span>
+
          </div>
+
      </div>
+
      </div>
+
  
    <div class="col-md-4 ">
+
<!--Footer-->
      <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>
+
          <span>Assistant Professor</span>
+
          </div>
+
      </div>
+
      </div>
+
  </div>
+
 
+
</section>
+
 
+
<section>
+
  <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>
+
          <span>Assistant Professor</span>
+
          </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>
+
          <span>Assistant Professor</span>
+
          </div>
+
      </div>
+
      </div>
+
 
+
    <div class="col-md-4 ">
+
      <div class="row justify-content-center">
+
        <div class="col-md-9">
+
          </div>
+
      </div>
+
      </div>
+
  </div>
+
</section>
+
 
+
<section>
+
 
+
  <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>
+
          <span>PhD in Biomedical Sciences</span>
+
          </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>
+
          <span>PhD in Biomedical Sciences</span>
+
          </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>
+
          <span>PhD in Biomedical Sciences</span>
+
          </div>
+
      </div>
+
      </div>
+
  </div>
+
 
+
</section>
+
 
+
 
+
</div>
+
 
+
 
+
<!--for Footer-->
+
 
<footer class="footerall container-fluid">
 
<footer class="footerall container-fluid">
 
<div class="row align-items-center">
 
<div class="row align-items-center">
Line 593: Line 719:
 
</div>
 
</div>
 
<div class="contact col-sm-6 col-lg-3">
 
<div class="contact col-sm-6 col-lg-3">
<h5>CONTACT US</h5>
+
<h4>CONTACT US</h4>
<h6>umac.igem@gmail.com</h6>
+
<h5>umac.igem@gmail.com</h5>
 
<br>
 
<br>
<h5>FOLLOW US</h5>
+
<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.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>
 
<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>
Line 623: Line 749:
 
<div class="row">
 
<div class="row">
 
<div class="col-sm-12 text-center">
 
<div class="col-sm-12 text-center">
<h8>iGEM 2019 UM_Macau</h8>
+
<h6>iGEM 2019 UM_Macau</h6>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</footer>
 
</footer>
 +
 +
 +
 +
 +
  
 
</body>
 
</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