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

 
(77 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{UM_Macau/Starter}}
+
{{UM_Macau/WikiStripDown}}{{UM_Macau/Bootstrap}}{{UM_Macau/Navbar}}
  
  
Line 5: Line 5:
 
<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{
  .container{
+
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";
 +
}
 +
 
 +
#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)*/
+
/*The Modal (background)*/
 
   .modal{
 
   .modal{
 
     display:none; /*hidden by default*/
 
     display:none; /*hidden by default*/
 
     position:fixed; /*stay in place*/
 
     position:fixed; /*stay in place*/
 
     z-index:8888;
 
     z-index:8888;
     padding-bottom:0px ; /*location of the box*/
+
     padding-top:10px ; /*location of the box*/
 
     left:0;
 
     left:0;
 
     top:0;
 
     top:0;
Line 69: 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 85: 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 117: 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 127: Line 286:
 
.next {
 
.next {
 
   right: 0;
 
   right: 0;
   border-radius: 3px 0 0 3px;
+
   border-radius: 3px 3px 3px 3px;
 
}
 
}
  
Line 148: 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%;
 +
}
 
}
 
}
  
Line 158: Line 322:
  
 
</style>
 
</style>
   
 
 
  
  
Line 166: 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">
  
  
<div class="container ">
+
<!--Title-->
  <!-- Images used to open the lightbox -->
+
<h1>Students</h1>
   <section>
+
 
   <div class="row text-center ">
+
 
 +
<!--Students Section & Lightbox Images-->
 +
   <section class="sectionpadding">
 +
 
 +
  <!--Students Row 1-->
 +
   <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 189: 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 199: 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 209: 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 216: 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 223: 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 233: 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 243: 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 250: 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 256: 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 266: 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 276: 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 283: 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 289: 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 299: 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 306: 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 314: Line 606:
 
     <div class="MembersSlides">
 
     <div class="MembersSlides">
 
       <div class="numbertext"> Image 1 of 11</div>
 
       <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:80%">
+
       <img src="https://static.igem.org/mediawiki/2019/0/0f/T--UM_Macau--JY.png" style="width:85%">
 
     </div>
 
     </div>
  
 
     <div class="MembersSlides">
 
     <div class="MembersSlides">
 
       <div class="numbertext"> Image 2 of 11</div>
 
       <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:80%">
+
       <img src="https://static.igem.org/mediawiki/2019/c/c5/T--UM_Macau--PHILIP.png" style="width:85%">
 
     </div>
 
     </div>
  
 
     <div class="MembersSlides">
 
     <div class="MembersSlides">
 
       <div class="numbertext"> Image 3 of 11</div>
 
       <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:80%">
+
       <img src="https://static.igem.org/mediawiki/2019/1/1b/T--UM_Macau--CARRIE.png" style="width:85%">
 
     </div>
 
     </div>
  
 
     <div class="MembersSlides">
 
     <div class="MembersSlides">
 
       <div class="numbertext"> Image 4 of 11</div>
 
       <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:80%">
+
       <img src="https://static.igem.org/mediawiki/2019/7/7d/T--UM_Macau--JULIEN.png" style="width:85%">
 
     </div>
 
     </div>
  
 
     <div class="MembersSlides">
 
     <div class="MembersSlides">
 
       <div class="numbertext"> Image 5 of 11</div>
 
       <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:80%">
+
       <img src="https://static.igem.org/mediawiki/2019/8/8e/T--UM_Macau--RENEE.png" style="width:85%">
 
     </div>
 
     </div>
  
 
     <div class="MembersSlides">
 
     <div class="MembersSlides">
 
       <div class="numbertext"> Image 6 of 11</div>
 
       <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:80%">
+
       <img src="https://static.igem.org/mediawiki/2019/b/ba/T--UM_Macau--CLEAS.png" style="width:85%">
 
     </div>
 
     </div>
  
 
     <div class="MembersSlides">
 
     <div class="MembersSlides">
 
       <div class="numbertext"> Image 7 of 11</div>
 
       <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:80%">
+
       <img src="https://static.igem.org/mediawiki/2019/1/15/T--UM_Macau--PINTO.png" style="width:85%">
 
     </div>
 
     </div>
  
 
     <div class="MembersSlides">
 
     <div class="MembersSlides">
 
       <div class="numbertext"> Image 8 of 11</div>
 
       <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:80%">
+
       <img src="https://static.igem.org/mediawiki/2019/7/75/T--UM_Macau--KATRINA.png" style="width:85%">
 
     </div>
 
     </div>
  
 
     <div class="MembersSlides">
 
     <div class="MembersSlides">
 
       <div class="numbertext"> Image 9 of 11</div>
 
       <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:80%">
+
       <img src="https://static.igem.org/mediawiki/2019/8/82/T--UM_Macau--JT.png" style="width:85%">
 
     </div>
 
     </div>
  
 
     <div class="MembersSlides">
 
     <div class="MembersSlides">
 
       <div class="numbertext"> Image 10 of 11</div>
 
       <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:80%">
+
       <img src="https://static.igem.org/mediawiki/2019/4/4d/T--UM_Macau--HUGH.png" style="width:85%">
 
     </div>
 
     </div>
  
 
     <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:80%">
+
       <img src="https://static.igem.org/mediawiki/2019/7/73/T--UM_Macau--connienew.png" style="width:85%">
 
     </div>
 
     </div>
  
Line 414: 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">
+
<footer class="footerall container-fluid">
        <div class="col-md-9">
+
<div class="row align-items-center">
          <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/6/69/T--UM_Macau--VIVIANround.png">
+
<div class="logo col-sm-6 col-lg-3">
          <h5>Vivien Ya-Fan WANG</h5>
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2019/9/96/T--UM_Macau--homepicigem.png" style="width:200px">
          <span>Assistant Professor</span>
+
</div>
          </div>  
+
<div class="contact col-sm-6 col-lg-3">
      </div>
+
<h4>CONTACT US</h4>
      </div>
+
<h5>umac.igem@gmail.com</h5>
  </div>
+
<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>
  
</section>
+
<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>
  
<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>
 
  
 
</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