Difference between revisions of "Team:UI Indonesia/Team"

 
(49 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{Template:UI_Indonesia/css}}
 
{{Template:UI_Indonesia/css}}
−
 
 
<html lang="en">
 
<html lang="en">
  
Line 10: Line 9:
 
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
 
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
</head>
 
</head>
−
 
 
<style>
 
<style>
−
   body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
+
 
 +
/* Start general reset ================================================== */
 +
 
 +
body {
 +
    background-color: #ffffff;
 +
    color: #000000;
 +
    padding: 0;
 +
}
 +
 
 +
div#globalWrapper {
 +
    margin: 0;
 +
    padding: 0;
 +
    position: static;
 +
    width: auto;
 +
    background-color: #ffffff;
 +
}
 +
 
 +
#everything {
 +
    background-color: #ffffff
 +
}
 +
 
 +
.circle {
 +
    position: absolute;
 +
    top: 500px;
 +
    left: 900px;
 +
    height: 50px;
 +
    width: 50px;
 +
    background-color: #4CAF50;
 +
    border-radius: 50%;
 +
}
 +
 
 +
 
 +
 
 +
#content{
 +
   width: 100%;
 +
    padding: 0px;
 +
    margin-left: 0px;
 +
    margin-top:0px;
 +
}
 +
#top_title{
 +
  overflow: hidden;
 +
  display: none;
 +
}
 +
#top_menu_14{
 +
  height: 20px;
 +
}
 +
#top_menu_under{
 +
  height: 0px;
 +
}
 +
#globalWrapper{
 +
    padding-bottom: 20px;
 +
}
 +
#HQ_page p {
 +
    font-size: 16px;
 +
}
 +
 
 +
.fa {
 +
  padding: 20px;
 +
  font-size: 20px;
 +
  width: 12px;
 +
  text-align: center;
 +
}
 +
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
 
   body, html {
 
   body, html {
 
       height: 100%;
 
       height: 100%;
Line 22: Line 83:
 
     color: white;
 
     color: white;
 
   }
 
   }
−
 
−
  .mySlides {display: none}
 
  
 
   .bgimg-6 {
 
   .bgimg-6 {
Line 43: Line 102:
 
   }
 
   }
  
−
   .navbar {
+
   <!---- MT NAVBAR --->
−
    background-color: #4CAF50;
+
.sidebar-nav {
−
    position: fixed;
+
  padding: 9px 0;
−
    top: 10px ;
+
}
−
    width: 100%;
+
−
    z-index:50;
+
−
  }
+
  
−
  .navbar a {
+
.dropdown-menu .sub-menu {
−
    float: left;
+
  left: 100%;
−
    color: white;
+
  position: absolute;
−
    text-align: center;
+
  top: 0;
−
    padding-top: 20px;
+
  visibility: hidden;
−
    padding-bottom: 10px;
+
  margin-top: -1px;
−
    padding-right: 10px;
+
}
−
    padding-left: 10px;
+
−
    text-decoration: none;
+
−
    font-size: 16px;
+
−
  }
+
  
−
  .dropdown {
+
.dropdown-menu li:hover .sub-menu {
−
    float: left;
+
  visibility: visible;
−
    overflow: hidden;
+
}
−
  }
+
  
−
  .dropdown .dropbtn {
+
.dropdown:hover .dropdown-menu {
−
    font-size: 8px;  
+
  display: block;
−
    border: none;
+
}
−
    outline: none;
+
−
    color: #f9c89b;
+
−
    padding: 15px 10px;
+
−
    background-color: inherit;
+
−
  }
+
  
−
  .navbar a:hover, .dropdown:hover .dropbtn {
+
.nav-tabs .dropdown-menu,
−
    background-color: #8bc34a;
+
.nav-pills .dropdown-menu,
−
  }
+
.navbar .dropdown-menu {
 +
  margin-top: 0;
 +
}
  
−
  .dropdown-content {
+
.navbar .sub-menu:before {
−
    display: none;
+
  border-bottom: 7px solid transparent;
−
    position: absolute;
+
  border-left: none;
−
    background-color: #ddffdd;
+
  border-right: 7px solid rgba(0, 0, 0, 0.2);
−
    min-width: 160px;
+
  border-top: 7px solid transparent;
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
  left: -7px;
−
    z-index: 100;
+
  top: 10px;
−
    top: 60px;
+
}
−
    font-size: 8 px;
+
−
  }
+
  
−
  .dropdown-content a {
+
.navbar .sub-menu:after {
−
    float: none;
+
  border-top: 6px solid transparent;
−
    color: black;
+
  border-left: none;
−
    padding: 12px 18px;
+
  border-right: 6px solid #fff;
−
    text-decoration: none;
+
  border-bottom: 6px solid transparent;
−
    display: block;
+
  left: 10px;
−
    text-align: left;
+
  top: 11px;
−
   }
+
   left: -6px;
 +
}  
  
−
  .dropdown-content a:hover {
+
.dropdown>ul{
−
    background-color: #8bc34a;
+
background-color:#ddffdd;
−
  }
+
}
  
−
  .dropdown:hover .dropdown-content {
+
.dropdown:hover{
−
    display: block;
+
background-color:#9ff99f;
−
    position: fixed;
+
}
−
   }
+
.navbar-header:hover{
 +
background-color:#4CAF50;
 +
}
 +
.dropdown-menu>li>a:hover{
 +
background-color:#4CAF50;  
 +
}
 +
.navbar-nav>li:hover{
 +
background-color:#4CAF50;
 +
}
 +
.navbar{
 +
margin:0px}
 +
.navbar-default{
 +
background-color:#1F2421}
 +
border-color:none;
 +
margin:0px;
 +
}
 +
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{
 +
color:white;}
 +
.navbar-default .navbar-brand{
 +
color:white;}
 +
.navbar-default .navbar-nav>li>a{
 +
color:white;
 +
}
 +
 
 +
.dropdown-menu{
 +
background-color:#ddffdd;
 +
}
 +
.current{
 +
    background-color:#4CAF50;    
 +
}
 +
.navbar-default .navbar-nav>.open>a{
 +
background-color:1F2421;color:white;}
  
 
   .w3-image {
 
   .w3-image {
Line 114: Line 192:
 
     height:auto
 
     height:auto
 
   }
 
   }
 +
.navbar{
 +
margin:0px;border:0px;}
 +
#myBtn {
 +
  display: none;
 +
  position: fixed;
 +
  bottom: 20px;
 +
  right: 30px;
 +
  z-index: 99;
 +
  font-size: 18px;
 +
  border: none;
 +
  outline: none;
 +
  background-color:transparent;
 +
  color: white;
 +
  cursor: pointer;
 +
  padding: 15px;
 +
  border-radius: 4px;
 +
}
 +
 +
#myBtn:hover {
 +
  background-color: #555;
 +
}
  
 
</style>
 
</style>
  
 
<body>
 
<body>
 +
<button onclick="topFunction()" id="myBtn" title="Go to top"><img src="https://image.flaticon.com/icons/png/512/14/14747.png" style="width:50px;height:50px;"></button>
 
<!-- Navbar -->
 
<!-- Navbar -->
−
<div class="navbar">
+
<nav class="navbar navbar-default">
−
   <a href="https://2018.igem.org/Team:UI_Indonesia">Home</a>
+
  <div class="navbar-inner">
−
     <div class="dropdown">
+
   <div class="container-fluid">
−
       <a href="https://2018.igem.org/Team:UI_Indonesia/Project">Project ⯆</a>
+
    <div class="navbar-header">
−
           <div class="dropdown-content">
+
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
−
              <a href="https://2018.igem.org/Team:UI_Indonesia/Project#overview">Overview</a>
+
        <span class="icon-bar"></span>
−
              <a href="https://2018.igem.org/Team:UI_Indonesia/Project#ourproject">Our Project</a>
+
        <span class="icon-bar"></span>
−
              <a href="https://2018.igem.org/Team:UI_Indonesia/Project#resultsanddiscuccions">Results and Discussions</a>
+
        <span class="icon-bar"></span>                       
−
           </div>
+
      </button>
−
  </div>
+
      <a class="navbar-brand" href="https://2018.igem.org/Team:UI_Indonesia">Home</a>
−
  <a href="https://2018.igem.org/Team:UI_Indonesia/Modeling">Modeling</a>
+
    </div>
−
  <a href="https://2018.igem.org/Team:UI_Indonesia/InterlabStudies">Interlab Studies</a>
+
     <div class="collapse navbar-collapse" id="myNavbar">
−
  <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices">Human Practices</a>
+
       <ul class="nav navbar-nav navbar-right">
−
  <a href="https://2018.igem.org/Team:UI_Indonesia/Collaborations">Collaborations</a>
+
        <li class="dropdown navbar-project">
−
  <a class="w3-bar-item w3-light-green" href="https://2018.igem.org/Team:UI_Indonesia/Team">Team</a>
+
          <a href="https://2018.igem.org/Team:UI_Indonesia/Project">Project<span class="caret"></span></a>
−
  <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions">Attributions</a>
+
           <ul class="dropdown-menu">
−
</div>
+
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Project#">Overview</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Project#ourproject">Our Project</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Project#resultsanddiscuccions">Results and Discussions</a></li>
 +
           </ul>
 +
        </li>
 +
        <li class="navbar-parts"><a href="https://2018.igem.org/Team:UI_Indonesia/Parts">Parts</a></li>
 +
<li class="navbar-safety"><a href="https://2018.igem.org/Team:UI_Indonesia/Safety">Safety</a></li>
 +
<li class="dropdown navbar-interlab">
 +
          <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab">InterLab<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#intro">Introduction</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#materials">Materials and Equipment</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#methods">Methods</a></li>
 +
<li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#results">Results and Discussions</a></li>
 +
<li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#conclusions">Conclusions</a></li>
 +
          </ul>
 +
        </li>
 +
<li class="navbar-model"><a href="https://2018.igem.org/Team:UI_Indonesia/Model">Model</a></li>
 +
    <li class="dropdown navbar-humanpractice">
 +
          <a href="https://2018.igem.org/Team:UI_Indonesia/Human_Practices">Human Practices<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Human_Practices">Integrated Human Practice</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Public_Engagement">Education and Public Engagement</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Human_Practices#catalogue">Human Practice Catalogue</a></li>
 +
          </ul>
 +
    </li>
 +
<li class="navbar-improve"><a href="https://2018.igem.org/Team:UI_Indonesia/Improve">Improve</a></li>
 +
<li class="current navbar-team"><a href="https://2018.igem.org/Team:UI_Indonesia/Team">Team</a></li>
 +
<li class="navbar-collaborations"><a href="https://2018.igem.org/Team:UI_Indonesia/Collaborations">Collaborations</a></li>
 +
<li class="dropdown navbar-attributions">
 +
          <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions">Attributions<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/MedalCriteria">Medal Criteria</a></li>
 +
          </ul>
 +
        </li>
 +
      </ul>
 +
    </div>
 +
  </div>
 +
  </div>
 +
</nav>
  
 
<!-- Container (Team Section) -->
 
<!-- Container (Team Section) -->
Line 143: Line 282:
 
</div>
 
</div>
  
−
<div class="w3-content w3-container w3-padding-64">
 
−
  <h5 class="w3-center">Driven by kindred spirit and compassion, these fourteen undergraduate students from University of Indonesia (UI) are solemnly pledged to make their mutual dreams into reality. Let’s get to know closer with them.<br><br>
 
−
  <em>Click on the images to see details.</em></h5>
 
  
−
  <!-- Responsive Grid. Four columns on tablets, laptops and desktops. Will stack on mobile devices/small screens (100% width) -->
+
<!-------------------------------------------------------------------------------------->
−
   <div class="w3-row-padding w3-center">
+
 
−
     <div class="w3-col m3">
+
<style>
−
       <img src="https://static.igem.org/mediawiki/2018/1/1e/T--UI_Indonesia--memberniki.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Nuikita Wachid (Niki)</b><br><em>Team Manager</em><br>Niki is a senior year nursing student who is managing team funding on this project and helping Valdi to manage team. Her hobby is to make creative content through Instagram, Twitter and Youtube. Her future dream is to enroll postgraduate degree on Ivy League.">
+
 
 +
* {box-sizing: border-box}
 +
body {font-family: Verdana, sans-serif; margin:0}
 +
 
 +
img {vertical-align: middle;}
 +
 
 +
/* Slideshow container */
 +
.slideshow-container {
 +
  max-width: 1000px;
 +
  position: relative;
 +
  margin: auto;
 +
}
 +
 
 +
/* Next & previous buttons */
 +
.prev, .next {
 +
  cursor: pointer;
 +
  position: absolute;
 +
  top: 50%;
 +
  width: auto;
 +
  padding: 16px;
 +
  margin-top: -22px;
 +
  color: white;
 +
  font-weight: bold;
 +
  font-size: 18px;
 +
  transition: 0.6s ease;
 +
  border-radius: 0 3px 3px 0;
 +
}
 +
 
 +
/* Position the "next button" to the right */
 +
.next {
 +
  right: 0;
 +
  border-radius: 3px 0 0 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.8);
 +
}
 +
 
 +
/* Caption text */
 +
.text {
 +
  color: #f2f2f2;
 +
  font-size: 15px;
 +
  padding: 8px 12px;
 +
  position: absolute;
 +
  bottom: 8px;
 +
  width: 100%;
 +
  text-align: center;
 +
}
 +
 
 +
/* Number text (1/3 etc) */
 +
.numbertext {
 +
  color: #f2f2f2;
 +
  font-size: 12px;
 +
  padding: 8px 12px;
 +
  position: absolute;
 +
  top: 0;
 +
}
 +
 
 +
/* The dots/bullets/indicators */
 +
.dot {
 +
  cursor: pointer;
 +
  height: 15px;
 +
  width: 15px;
 +
  margin: 0 2px;
 +
  background-color: #bbb;
 +
  border-radius: 50%;
 +
  display: inline-block;
 +
  transition: background-color 0.6s ease;
 +
}
 +
 
 +
.active, .dot:hover {
 +
  background-color: #717171;
 +
}
 +
 
 +
/* Fading animation */
 +
.fade {
 +
  -webkit-animation-name: fade;
 +
  -webkit-animation-duration: 1.5s;
 +
  animation-name: fade;
 +
  animation-duration: 1.5s;
 +
  opacity: 1;
 +
}
 +
 
 +
@-webkit-keyframes fade {
 +
  from {opacity: .4}
 +
  to {opacity: 1}
 +
}
 +
 
 +
@keyframes fade {
 +
  from {opacity: .4}
 +
  to {opacity: 1}
 +
}
 +
 
 +
/* On smaller screens, decrease text size */
 +
@media only screen and (max-width: 300px) {
 +
  .prev, .next,.text {font-size: 11px}
 +
}
 +
 
 +
.col-container {
 +
    display: table;
 +
    width: 100%;
 +
}
 +
.col {
 +
    display: table-cell;
 +
    padding: 16px;
 +
}
 +
.headerTest{
 +
    font-size: 100px !important;
 +
    line-height: 100px !important;
 +
    text-transform: uppercase;
 +
    font-family: sans-serif !important;
 +
    font-weight: 700 !important;
 +
color:#4CAF50;
 +
}
 +
@media only screen and (max-width: 600px) and (min-width: 100px){
 +
.headerTest{
 +
    font-size: 50px !important;
 +
    line-height: 50px !important;
 +
}
 +
}
 +
.memberSlide{width:300px;}
 +
.memberSlideImg{width:inherit;}
 +
.memberCircle{width:100%;border-radius:50%;}
 +
 
 +
@media only screen and (max-wdith:600px) and (min-width:100ox){
 +
.memberSlide{width:150px}
 +
.memberCircle{width:60%;}
 +
}
 +
</style>
 +
<div class="w3-content w3-container">
 +
 
 +
<div align="center"><h1 class="headerTest" style="color:green;font-size:100px;">MEET THE TEAM</h1></div>
 +
 
 +
    <div><h3 class="w3-center">Driven by kindred spirit and compassion, these fourteen undergraduate students from University of Indonesia (UI) are solemnly pledged to turn their mutual dreams into reality. Get to know them better, shall we?<br><br></div>
 +
 
 +
   <div class="w3-content w3-container w3-padding-64">
 +
 
 +
 
 +
 
 +
<div class="w3-row-padding w3-center">
 +
  <div class="w3-col m1"><p style="color:white;">asd</p></div>
 +
     <div class="w3-col m2">
 +
       <img class="memberCircle" src="https://static.igem.org/mediawiki/2018/1/1e/T--UI_Indonesia--memberniki.jpg" onclick="currentSlide(1)">
 
     </div>
 
     </div>
  
−
     <div class="w3-col m3">
+
     <div class="w3-col m2">
−
       <img src="https://static.igem.org/mediawiki/2018/e/e8/T--UI_Indonesia--membervaldi.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Valdi Ven Japranata</b><br><em>Team Leader</em><br>Valdi is a third-year student currently majoring in medicine. As a team leader, he is responsible for supervising other divisions’ progress as well as keeping his team members’ enthusiasm. He likes to spend his spare time doing handcrafts, playing his little guitar, and listening to music. Lana Del Rey, Ed Sheeran, and Selena Gomez are some artists in his playlist. He aspires to be dermatologist in the future and start developing his own skincare products.">
+
       <img class="memberCircle" src="https://static.igem.org/mediawiki/2018/e/e8/T--UI_Indonesia--membervaldi.jpg" onclick="currentSlide(2)">
 
     </div>
 
     </div>
  
−
     <div class="w3-col m3">
+
     <div class="w3-col m2">
−
       <img src="https://static.igem.org/mediawiki/2018/3/34/T--UI_Indonesia--memberandre.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Andrea Laurentius (Andre)</b><br><em>Wetlab Division</em><br>Andre is a second-year medical student in UI. Molecular engineering and surgery is his whole new level of ambitions. He loves to spend time in gyms and laboratories, and he is eagerly looking forward to the Giant Jamboree!">
+
       <img class="memberCircle" src="https://static.igem.org/mediawiki/2018/3/34/T--UI_Indonesia--memberandre.jpg" onclick="currentSlide(3)">
 
     </div>
 
     </div>
  
−
     <div class="w3-col m3">
+
     <div class="w3-col m2">
−
       <img src="https://static.igem.org/mediawiki/2018/0/07/T--UI_Indonesia--memberaby.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Luthfian Aby Nurachman (Aby)</b><br><em>Wetlab Division</em><br>Aby is a second-year undergraduate medical student in UI. He seems to enjoy sleeping and relaxing in his spare time. He also enjoys melon so much.">
+
       <img class="memberCircle" src="https://static.igem.org/mediawiki/2018/0/07/T--UI_Indonesia--memberaby.jpg" onclick="currentSlide(4)">
 
     </div>
 
     </div>
 +
  <div class="w3-col m2">
 +
      <img class="memberCircle" src="https://static.igem.org/mediawiki/2018/0/08/T--UI_Indonesia--memberiqbal.jpg"  onclick="currentSlide(5)">
 +
    </div>
 +
    <div class="w3-col m1"><p style="color:white;">asd</p></div>
 
   </div>
 
   </div>
  
 
   <div class="w3-row-padding w3-center w3-section">
 
   <div class="w3-row-padding w3-center w3-section">
−
     <div class="w3-col m3">
+
     <div class="w3-col m1"><p style="color:white;">asd</p></div>   
−
       <img src="https://static.igem.org/mediawiki/2018/0/08/T--UI_Indonesia--memberiqbal.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Muhammad Iqbal Adi Pratama (Iqbal)</b><br><em>Wetlab Division</em><br>Iqbal is a second-year medical student in UI. Besides his main interest in biology, he likes to watch random Youtube videos about history whenever he’s bored.">
+
    <div class="w3-col m2">
 +
       <img class="memberCircle" src="https://static.igem.org/mediawiki/2018/d/d9/T--UI_Indonesia--memberreysa.jpg" onclick="currentSlide(6)">
 
     </div>
 
     </div>
−
 
+
     <div class="w3-col m2">
−
     <div class="w3-col m3">
+
       <img class="memberCircle" src="https://static.igem.org/mediawiki/2018/2/29/T--UI_Indonesia--memberihya.jpg" onclick="currentSlide(7)">
−
       <img src="https://static.igem.org/mediawiki/2018/d/d9/T--UI_Indonesia--memberreysa.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Reysa Anggraini Vestiana Putri</b><br><em>Wetlab Division</em><br>Reysa is a third-year bioprocess engineering student in UI. She loves to eat spicy Indonesian foods such as rendang and “ayam geprek”, but still have a thin body. She believes that is because she does workouts in the morning. In her spare time, she usually does some crafts and watches videos on Youtube to fulfill her curiosities.">
+
 
     </div>
 
     </div>
  
−
     <div class="w3-col m3">
+
     <div class="w3-col m2">
−
       <img src="https://static.igem.org/mediawiki/2018/2/29/T--UI_Indonesia--memberihya.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Ihya Fakhrurizal Amin</b><br><em>Modeling Division</em><br>Ihya is a second-year medical student in UI. He loves playing role playing games, drawing weird creatures, and read a lot of manga (i.e. Japanese comics) during spare time.">
+
       <img class="memberCircle" src="https://static.igem.org/mediawiki/2018/9/91/T--UI_Indonesia--memberjesfar.jpg" onclick="currentSlide(8)">
 
     </div>
 
     </div>
−
 
+
 
−
    <div class="w3-col m3">
+
  <div class="w3-col m2">
−
       <img src="https://static.igem.org/mediawiki/2018/9/91/T--UI_Indonesia--memberjesfar.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Jessica Farah</b><br><em>Modeling Division</em><br>Jessica is a third-year student majoring in chemical engineering. She just discovered onion rings at age of 20 and currently, it’s her food obsession! She is now waiting for the localized version of Dragon Quest XI and Kingdom Hearts III, and she cannot wait to play them.">
+
       <img class="memberCircle" src="https://static.igem.org/mediawiki/2018/8/8e/T--UI_Indonesia--memberikhsan.jpg" onclick="currentSlide(9)">
 
     </div>
 
     </div>
 +
 +
    <div class="w3-col m2">
 +
      <img class="memberCircle" src="https://static.igem.org/mediawiki/2018/1/15/T--UI_Indonesia--memberainun.jpg"  onclick="currentSlide(10)">
 +
    </div> 
 +
<div class="w3-col m1"><p style="color:white;">asd</p></div>
 
   </div>
 
   </div>
  
 
   <div class="w3-row-padding w3-center w3-section">
 
   <div class="w3-row-padding w3-center w3-section">
−
     <div class="w3-col m3">
+
  <div class="w3-col m2"><p style="color:white;">asd</p></div>
−
       <img src="https://static.igem.org/mediawiki/2018/8/8e/T--UI_Indonesia--memberikhsan.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Muhammad Ikhsan (Ikhsan)</b><br><em>Modeling Division</em><br>Ikhsan is currently a first-year student in biology department. He admits that he is kind of person that doesn’t enjoy sports and arts that much, though he often watches film and listens to music in his spare time. He enjoys eating durian and “lele” (i.e. catfish). In general, his favorite moodboster is to see colorful flowers around him!">
+
     <div class="w3-col m2">
 +
       <img class="memberCircle" src="https://static.igem.org/mediawiki/2018/1/14/T--UI_Indonesia--membergaluh.jpg" onclick="currentSlide(11)">
 
     </div>
 
     </div>
  
−
     <div class="w3-col m3">
+
     <div class="w3-col m2">
−
       <img src="https://static.igem.org/mediawiki/2018/1/15/T--UI_Indonesia--memberainun.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Ainun Rahmania</b><br><em>Policy & Practice Division</em><br>Ainun is a third-year student currently majoring in chemical engineering at UI. One of her dreams is to travel around the world because she likes to meet new people. Besides, she also likes to play futsal, shown with three gold medals she earned in various futsal competitions.">
+
       <img class="memberCircle" src="https://static.igem.org/mediawiki/2018/d/d9/T--UI_Indonesia--memberglory.jpg" onclick="currentSlide(12)">
 
     </div>
 
     </div>
−
 
+
     <div class="w3-col m2">
−
     <div class="w3-col m3">
+
       <img class="memberCircle" src="https://static.igem.org/mediawiki/2018/4/47/T--UI_Indonesia--memberedwin.jpg" onclick="currentSlide(13)">
−
       <img src="https://static.igem.org/mediawiki/2018/1/14/T--UI_Indonesia--membergaluh.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Galuh Widyastuti</b><br><em>Policy & Practice Division</em><br>Galuh is a second-year undergraduate student currently majoring in environmental health. She is keen on traveling (check #galdoestravel on Instagram) and she has even learnt six foreign languages for that. She would refuse coffee and tea as she cannot consume caffeine.">
+
 
     </div>
 
     </div>
  
−
     <div class="w3-col m3">
+
     <div class="w3-col m2">
−
       <img src="https://static.igem.org/mediawiki/2018/d/d9/T--UI_Indonesia--memberglory.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Glory Lamria</b><br><em>Policy & Practice Division</em><br>Glory is an energetic third-year student majoring bioprocess engineering with powerful combination of organizational, public speaking, and management skills. She is highly concerned on global issues and loves to discuss topic related to Sustainable Development Goals (SDGs) 2030. In her spare time, she loves reading new book, traveling, dancing, and acting in theatre.">
+
       <img class="memberCircle" src="https://static.igem.org/mediawiki/2018/5/5a/T--UI_Indonesia--membermitta.jpg" onclick="currentSlide(14)">
 
     </div>
 
     </div>
 +
  <div class="w3-col m2"><p style="color:white;">asd</p></div>
 
   </div>
 
   </div>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
  <!--slide-->
 +
  <div class="slideshow-container w3-padding-10" height="100%" style="border-top-style:solid;border-top-color:lightgreen;border-left-style:solid;border-left-color:lightgreen">
  
−
   <div class="w3-row-padding w3-center w3-section">
+
   <div class="mySlides fade col-container" height="100%">
−
     <div class="w3-col m3">
+
     <div class="numbertext"></div>
−
      <img src="https://static.igem.org/mediawiki/2018/4/47/T--UI_Indonesia--memberedwin.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Edwin Lawisan</b><br><em>Art & Design Division</em><br>Edwin is a sophomore majoring in Information Systems. He is passionate in Finance, Investment Banking and Business Intelligence. Edwin is an avid non-fiction book peruser. His favourite books include Why The Rich are Getting Richer By Robert Kiyosaki and Thinking, Fast and Slow by Dale Carnegie.">
+
    <div class="col memberSlide"><img class="memberSlideImg" src="https://static.igem.org/mediawiki/2018/1/1e/T--UI_Indonesia--memberniki.jpg"></span></div>
−
    </div>
+
    <div class="col" style="vertical-align:middle"><b>Nuikita Wachid (Niki)</b><br><em>Team Manager</em><br>Niki is a Nursing student in her senior year. She is managing team funding for this project and helping team leader manage team. Her hobby is making creative contents through social media platforms like Instagram, Twitter, and Youtube. Her dream is to enroll into Ivy League's postgraduate program.</div>
 +
  </div>
 +
 
 +
  <div class="mySlides fade col-container" height="100%">
 +
    <div class="numbertext"></div>
 +
    <div class="col"><img  class="memberSlide" src="https://static.igem.org/mediawiki/2018/e/e8/T--UI_Indonesia--membervaldi.jpg"></div>
 +
    <div class="col" style="vertical-align:middle"><b>Valdi Ven Japranata</b><br><em>Team Leader</em><br>Valdi is a third-year student majoring Medicine. As a team leader, he supervises every divisions’ progress and keeps his team members’ enthusiasm. He is also part of the Wet Lab division. He likes to spend his spare time doing handcrafts, playing his little guitar, and listening to music. Lana Del Rey, Ed Sheeran, and Selena Gomez are some artists in his playlist. He aspires to be dermatologist in the future and develop his own skincare products."</div>
 +
  </div>
  
−
    <div class="w3-col m3">
+
  <div class="mySlides fade col-container" height="100%">
−
      <img src="https://static.igem.org/mediawiki/2018/5/5a/T--UI_Indonesia--membermitta.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Hema Mitta Kalyani</b><br><em>Art & Design Division</em><br>Mitta is a second-year student currently majoring in computer science. Her all-time favorite number is 7. She loves being on her own, but that doesn’t mean she feels lonely because she is surrounded by good friends. She could also use a lot of sleep, probably to escape from reality.">
+
    <div class="numbertext"></div>
−
    </div>
+
    <div class="col memberSlide"><img class="memberSlideImg" src="https://static.igem.org/mediawiki/2018/3/34/T--UI_Indonesia--memberandre.jpg"></span></div>
 +
    <div class="col" style="vertical-align:middle"><b>Andrea Laurentius (Andre)</b><br><em>Wet Lab Division</em><br>Andrea is a second-year Medical student in Universitas Indonesia. Molecular engineering and surgery is his whole new level of ambitions. He loves to spend time in gyms and laboratories, and he is eagerly looking forward to the Giant Jamboree!</div>
 
   </div>
 
   </div>
−
</div>
 
  
−
<!-- Modal for full size images on click-->
+
  <div class="mySlides fade col-container" height="100%">
−
<div id="modal01" class="w3-modal w3-pale-green" onclick="this.style.display='none'">
+
    <div class="numbertext"></div>
−
  <span class="w3-button w3-large w3-pale-green w3-display-topright" title="Close Modal Image"><i class="fa fa-remove"></i></span>
+
    <div class="col memberSlide"><img class="memberSlideImg" src="https://static.igem.org/mediawiki/2018/0/07/T--UI_Indonesia--memberaby.jpg"></span></div>
−
  <div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64">
+
     <div class="col" style="vertical-align:middle"><b>Luthfian Aby Nurachman (Aby)</b><br><em>Wet Lab Division</em><br>Aby is a second-year undergraduate studying Medicine in Universitas Indonesia. He holds great passion and enthusiasm in his path on becoming a great physicist. He enjoys sleeping and relaxing in his spare time. He also enjoys melon so much.</div>
−
    <img id="img01" class="w3-image">
+
−
     <p id="caption" class="w3-opacity w3-large"></p>
+
 
   </div>
 
   </div>
 +
 +
  <div class="mySlides fade col-container" height="100%">
 +
    <div class="numbertext"></div>
 +
    <div class="col memberSlide"><img class="memberSlideImg" src="https://static.igem.org/mediawiki/2018/0/08/T--UI_Indonesia--memberiqbal.jpg"></span></div>
 +
    <div class="col" style="vertical-align:middle"><b>Muhammad Iqbal Adi Pratama (Iqbal)</b><br><em>Wet Lab Division</em><br>Iqbal is a second-year Medical undergraduate in Universitas Indonesia. Apart from his main interest in Biology and Medicine, he likes to watch random YouTube videos about history in his spare time.</div>
 +
  </div>
 +
 +
  <div class="mySlides fade col-container" height="100%">
 +
    <div class="numbertext"></div>
 +
    <div class="col memberSlide"><img class="memberSlideImg" src="https://static.igem.org/mediawiki/2018/d/d9/T--UI_Indonesia--memberreysa.jpg"></span></div>
 +
    <div class="col" style="vertical-align:middle"><b>Reysa Anggraini Vestiana Putri</b><br><em>Wet Lab Division</em><br>Reysa is a third-year Bio-Process Engineering student in Universitas Indonesia. She loves to eat spicy Indonesian foods such as rendang and “ayam geprek”. She eats a lot, and yet she still maintains a fairly thin body. She believes that is because of workout routines she does every morning. In her spare time, she usually makes crafts or watches videos on YouTube to fulfill her curiosities.</div>
 +
  </div>
 +
 +
  <div class="mySlides fade col-container" height="100%">
 +
    <div class="numbertext"></div>
 +
    <div class="col memberSlide"><img class="memberSlideImg" src="https://static.igem.org/mediawiki/2018/2/29/T--UI_Indonesia--memberihya.jpg"></span></div>
 +
    <div class="col" style="vertical-align:middle"><b>Ihya Fakhrurizal Amin</b><br><em>Dry Lab Division</em><br>Ihya is a second-year undergraduate majoring Medicine in Universitas Indonesia. He loves playing role-playing games, drawing weird creatures, and reading manga (i.e. Japanese comics) in his leisure time.</div>
 +
  </div>
 +
 +
  <div class="mySlides fade col-container" height="100%">
 +
    <div class="numbertext"></div>
 +
    <div class="col memberSlide"><img class="memberSlideImg" src="https://static.igem.org/mediawiki/2018/9/91/T--UI_Indonesia--memberjesfar.jpg></span></div>
 +
    <div class="col" style="vertical-align:middle"><b>Jessica Farah</b><br><em>Dry Lab Division</em><br>Jessica is a third-year student majoring in Chemical Engineering. She just discovered onion rings by the age of 20 and currently, she is obsessed with it! She loves playing gmaes as she is now waiting for the localized version of Dragon Quest XI and Kingdom Hearts III, and cannot wait to play them.</div>
 +
  </div>
 +
 +
  <div class="mySlides fade col-container" height="100%">
 +
    <div class="numbertext"></div>
 +
    <div class="col memberSlide"><img class="memberSlideImg" src="https://static.igem.org/mediawiki/2018/8/8e/T--UI_Indonesia--memberikhsan.jpg"></span></div>
 +
    <div class="col" style="vertical-align:middle"><b>Muhammad Ikhsan (Ikhsan)</b><br><em>Dry Lab Division</em><br>Ikhsan is a freshman majoring Biology. He admits to be the kind of person that doesn’t enjoy sports and arts that much, though he often watches films and listens to music in his spare time. He enjoys eating durian and “lele” (catfish). In general, his favorite moodboster is seeing colorful flowers around him.</div>
 +
  </div>
 +
 +
  <div class="mySlides fade col-container" height="100%">
 +
    <div class="numbertext"></div>
 +
    <div class="col memberSlide"><img class="memberSlideImg" src="https://static.igem.org/mediawiki/2018/1/15/T--UI_Indonesia--memberainun.jpg"></span></div>
 +
    <div class="col" style="vertical-align:middle"><b>Ainun Rahmania</b><br><em>Policy and Practice Division</em><br>Ainun is a third-year student majoring Chemical Engineering in Universitas Indonesia. One of her dreams is to travel around the world because she likes to meet new people. Moreover, she loves to play futsal, shown with three gold medals she earned in various futsal competitions.</div>
 +
  </div>
 +
 +
  <div class="mySlides fade col-container" height="100%">
 +
    <div class="numbertext"></div>
 +
    <div class="col memberSlide"><img class="memberSlideImg" src="https://static.igem.org/mediawiki/2018/1/14/T--UI_Indonesia--membergaluh.jpg"></span></div>
 +
    <div class="col" style="vertical-align:middle"><b>Galuh Widyastuti</b><br><em>Policy and Practice Division</em><br>Galuh is a second-year undergraduate student majoring Environmental Health. She is keen on traveling (check #galdoestravel on Instagram!) and she has even learnt six foreign languages for that. She would refuse coffee and tea as she cannot consume caffeine.</div>
 +
 +
  </div>
 +
 +
  <div class="mySlides fade col-container" height="100%">
 +
    <div class="numbertext"></div>
 +
    <div class="col memberSlide"><img class="memberSlideImg" src="https://static.igem.org/mediawiki/2018/d/d9/T--UI_Indonesia--memberglory.jpg"></span></div>
 +
    <div class="col" style="vertical-align:middle"><b>Glory Lamria</b><br><em>Policy and Practice Division</em><br>Glory is an energetic third-year student majoring Bio-Process Engineering who has powerful combination of organizational, public speaking, and management skills. She is highly concerned on global issues and loves to discuss topics related to Sustainable Development Goals (SDGs) 2030. In her spare time, she would read books, travel, dance, and act in theatres.</div>
 +
  </div>
 +
 +
  <div class="mySlides fade col-container" height="100%">
 +
    <div class="numbertext"></div>
 +
    <div class="col memberSlide"><img class="memberSlideImg" src="https://static.igem.org/mediawiki/2018/4/47/T--UI_Indonesia--memberedwin.jpg"></span></div>
 +
    <div class="col" style="vertical-align:middle"><b>Edwin Lawisan</b><br><em>Web - Wiki Design and Development</em><br>Edwin is a sophomore majoring Information Systems. He is passionate in Finance, Investment Banking, and Business Intelligence. Edwin is an avid non-fiction book peruser, a bibliophagist, and a historybuff. His favourite books include Why The Rich are Getting Richer By Robert Kiyosaki and Thinking, Fast and Slow by Daniel Kahneman.</div>
 +
  </div>
 +
 +
  <div class="mySlides fade col-container" height="100%">
 +
    <div class="numbertext"></div>
 +
    <div class="col memberSlide"><img class="memberSlideImg" src="https://static.igem.org/mediawiki/2018/5/5a/T--UI_Indonesia--membermitta.jpg"></span></div>
 +
    <div class="col" style="vertical-align:middle"><b>Hema Mitta Kalyani</b><br><em>Web - Wiki Design and Development</em><br>Mitta is a passionate second-year undergraduate majoring Computer Science. Her all-time favorite number is 7. She loves being on her own, but that doesn’t mean she feels lonely because she is surrounded by good friends. She could also use a lot of sleep, probably to escape from reality.</div>
 +
  </div>
 +
 +
 +
  <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
 +
  <a class="next" onclick="plusSlides(1)">&#10095;</a>
 +
 +
  </div>
 +
  <br>
 +
 
 +
  <div style="text-align:center">
 +
    <span class="dot" onclick="currentSlide(1)"></span>
 +
    <span class="dot" onclick="currentSlide(2)"></span>
 +
    <span class="dot" onclick="currentSlide(3)"></span>
 +
    <span class="dot" onclick="currentSlide(4)"></span>
 +
    <span class="dot" onclick="currentSlide(5)"></span>
 +
    <span class="dot" onclick="currentSlide(6)"></span>
 +
    <span class="dot" onclick="currentSlide(7)"></span>
 +
    <span class="dot" onclick="currentSlide(8)"></span>
 +
    <span class="dot" onclick="currentSlide(9)"></span>
 +
    <span class="dot" onclick="currentSlide(10)"></span>
 +
    <span class="dot" onclick="currentSlide(11)"></span>
 +
    <span class="dot" onclick="currentSlide(12)"></span>
 +
    <span class="dot" onclick="currentSlide(13)"></span>
 +
    <span class="dot" onclick="currentSlide(14)"></span>
 +
  </div>
 +
  <br><br><br>
 +
<script>
 +
var slideIndex = 1;
 +
showSlides(slideIndex);
 +
 +
function plusSlides(n) {
 +
  showSlides(slideIndex += n);
 +
}
 +
 +
function currentSlide(n) {
 +
  showSlides(slideIndex = n);
 +
}
 +
 +
function showSlides(n) {
 +
  var i;
 +
  var slides = document.getElementsByClassName("mySlides");
 +
  var dots = document.getElementsByClassName("dot");
 +
  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 = "inline-block";
 +
  dots[slideIndex-1].className += " active";
 +
}
 +
</script>
 
</div>
 
</div>
 +
 +
 +
 +
<!-------------------------------------------------------------------------------------->
 +
 +
 +
  
 
<!-- Footer -->
 
<!-- Footer -->
 
<footer class="w3-center w3-green w3-padding-64 w3-opacity w3-hover-opacity-off">
 
<footer class="w3-center w3-green w3-padding-64 w3-opacity w3-hover-opacity-off">
 
   <div class="w3-xlarge w3-section">Team UI Indonesia<br>
 
   <div class="w3-xlarge w3-section">Team UI Indonesia<br>
−
     <i class="fa fa-envelope w3-hover-opacity"></i>&ensp; igemui2018@gmail.com
+
     <i class="fa fa-envelope w3-hover-opacity"></i>&#8194; igemui2018@gmail.com
 
   </div>
 
   </div>
 
</footer>
 
</footer>
 +
</body>
 +
 +
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
  
 
<script>
 
<script>
−
// Modal Image Gallery
+
// When the user scrolls down 20px from the top of the document, show the button
−
function onClick(element) {
+
window.onscroll = function() {scrollFunction()};
−
  document.getElementById("img01").src = element.src;
+
 
−
  document.getElementById("modal01").style.display = "block";
+
function scrollFunction() {
−
  var captionText = document.getElementById("caption");
+
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
−
  captionText.innerHTML = element.alt;
+
        document.getElementById("myBtn").style.display = "block";
 +
    } else {
 +
        document.getElementById("myBtn").style.display = "none";
 +
    }
 +
}
 +
 
 +
// When the user clicks on the button, scroll to the top of the document
 +
function topFunction() {
 +
    document.body.scrollTop = 0;
 +
    document.documentElement.scrollTop = 0;
 
}
 
}
 
</script>
 
</script>
−
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBu-916DdpKAjTmJNIgngS6HL_kDIKU0aU&callback=myMap"></script>
 
  
−
</body>
+
 
 
</html>
 
</html>
 +
<!---MT--->

Latest revision as of 08:15, 17 October 2018

MEET THE TEAM

Driven by kindred spirit and compassion, these fourteen undergraduate students from University of Indonesia (UI) are solemnly pledged to turn their mutual dreams into reality. Get to know them better, shall we?

asd

asd

asd

asd

asd

asd

Nuikita Wachid (Niki)
Team Manager
Niki is a Nursing student in her senior year. She is managing team funding for this project and helping team leader manage team. Her hobby is making creative contents through social media platforms like Instagram, Twitter, and Youtube. Her dream is to enroll into Ivy League's postgraduate program.
Valdi Ven Japranata
Team Leader
Valdi is a third-year student majoring Medicine. As a team leader, he supervises every divisions’ progress and keeps his team members’ enthusiasm. He is also part of the Wet Lab division. He likes to spend his spare time doing handcrafts, playing his little guitar, and listening to music. Lana Del Rey, Ed Sheeran, and Selena Gomez are some artists in his playlist. He aspires to be dermatologist in the future and develop his own skincare products."
Andrea Laurentius (Andre)
Wet Lab Division
Andrea is a second-year Medical student in Universitas Indonesia. Molecular engineering and surgery is his whole new level of ambitions. He loves to spend time in gyms and laboratories, and he is eagerly looking forward to the Giant Jamboree!
Luthfian Aby Nurachman (Aby)
Wet Lab Division
Aby is a second-year undergraduate studying Medicine in Universitas Indonesia. He holds great passion and enthusiasm in his path on becoming a great physicist. He enjoys sleeping and relaxing in his spare time. He also enjoys melon so much.
Muhammad Iqbal Adi Pratama (Iqbal)
Wet Lab Division
Iqbal is a second-year Medical undergraduate in Universitas Indonesia. Apart from his main interest in Biology and Medicine, he likes to watch random YouTube videos about history in his spare time.
Reysa Anggraini Vestiana Putri
Wet Lab Division
Reysa is a third-year Bio-Process Engineering student in Universitas Indonesia. She loves to eat spicy Indonesian foods such as rendang and “ayam geprek”. She eats a lot, and yet she still maintains a fairly thin body. She believes that is because of workout routines she does every morning. In her spare time, she usually makes crafts or watches videos on YouTube to fulfill her curiosities.
Ihya Fakhrurizal Amin
Dry Lab Division
Ihya is a second-year undergraduate majoring Medicine in Universitas Indonesia. He loves playing role-playing games, drawing weird creatures, and reading manga (i.e. Japanese comics) in his leisure time.
Jessica Farah
Dry Lab Division
Jessica is a third-year student majoring in Chemical Engineering. She just discovered onion rings by the age of 20 and currently, she is obsessed with it! She loves playing gmaes as she is now waiting for the localized version of Dragon Quest XI and Kingdom Hearts III, and cannot wait to play them.
Muhammad Ikhsan (Ikhsan)
Dry Lab Division
Ikhsan is a freshman majoring Biology. He admits to be the kind of person that doesn’t enjoy sports and arts that much, though he often watches films and listens to music in his spare time. He enjoys eating durian and “lele” (catfish). In general, his favorite moodboster is seeing colorful flowers around him.
Ainun Rahmania
Policy and Practice Division
Ainun is a third-year student majoring Chemical Engineering in Universitas Indonesia. One of her dreams is to travel around the world because she likes to meet new people. Moreover, she loves to play futsal, shown with three gold medals she earned in various futsal competitions.
Galuh Widyastuti
Policy and Practice Division
Galuh is a second-year undergraduate student majoring Environmental Health. She is keen on traveling (check #galdoestravel on Instagram!) and she has even learnt six foreign languages for that. She would refuse coffee and tea as she cannot consume caffeine.
Glory Lamria
Policy and Practice Division
Glory is an energetic third-year student majoring Bio-Process Engineering who has powerful combination of organizational, public speaking, and management skills. She is highly concerned on global issues and loves to discuss topics related to Sustainable Development Goals (SDGs) 2030. In her spare time, she would read books, travel, dance, and act in theatres.
Edwin Lawisan
Web - Wiki Design and Development
Edwin is a sophomore majoring Information Systems. He is passionate in Finance, Investment Banking, and Business Intelligence. Edwin is an avid non-fiction book peruser, a bibliophagist, and a historybuff. His favourite books include Why The Rich are Getting Richer By Robert Kiyosaki and Thinking, Fast and Slow by Daniel Kahneman.
Hema Mitta Kalyani
Web - Wiki Design and Development
Mitta is a passionate second-year undergraduate majoring Computer Science. Her all-time favorite number is 7. She loves being on her own, but that doesn’t mean she feels lonely because she is surrounded by good friends. She could also use a lot of sleep, probably to escape from reality.




Team UI Indonesia
  igemui2018@gmail.com