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

(Prototype team page)
 
Line 1: Line 1:
−
{{UI_Indonesia}}
+
{{Template:UI_Indonesia/css}}
−
<html>
+
  
−
<div class="column two_thirds_size" >
+
<html lang="en">
  
−
<h1>Team</h1>
+
<head>
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
  <meta charset="UTF-8">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 +
  <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 +
  <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">
 +
</head>
  
 +
<style>
 +
  body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
 +
  body, html {
 +
      height: 100%;
 +
      color: #777;
 +
      line-height: 1.5;
 +
  }
 +
  a {
 +
    color: white;
 +
  }
  
−
<h3>What should this page contain?</h3>
+
  .mySlides {display: none}
−
<ul>
+
 
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
  .bgimg-6 {
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
      background-attachment: fixed;
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
      background-position: center;
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
      background-repeat: no-repeat;
−
</ul>
+
      background-size: cover;
 +
  }
 +
 
 +
  .bgimg-6 {
 +
      background-image: url("https://static.igem.org/mediawiki/2018/b/b0/T--UI_Indonesia--team.jpg");
 +
      min-height: 500px;
 +
  }
 +
 
 +
  @media only screen and (max-device-width: 1024px) {
 +
      .bgimg-6 {
 +
          background-attachment: scroll;
 +
      }
 +
  }
 +
 
 +
  .navbar {
 +
    background-color: #4CAF50;
 +
    position: fixed;
 +
    top: 10px ;
 +
    width: 100%;
 +
    z-index:50;
 +
  }
 +
 
 +
  .navbar a {
 +
    float: left;
 +
    color: white;
 +
    text-align: center;
 +
    padding-top: 20px;
 +
    padding-bottom: 10px;
 +
    padding-right: 10px;
 +
    padding-left: 10px;
 +
    text-decoration: none;
 +
    font-size: 16px;
 +
  }
 +
 
 +
  .dropdown {
 +
    float: left;
 +
    overflow: hidden;
 +
  }
 +
 
 +
  .dropdown .dropbtn {
 +
    font-size: 8px;   
 +
    border: none;
 +
    outline: none;
 +
    color: #f9c89b;
 +
    padding: 15px 10px;
 +
    background-color: inherit;
 +
  }
 +
 
 +
  .navbar a:hover, .dropdown:hover .dropbtn {
 +
    background-color: #8bc34a;
 +
  }
 +
 
 +
  .dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #ddffdd;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 100;
 +
    top: 60px;
 +
    font-size: 8 px;
 +
  }
 +
 
 +
  .dropdown-content a {
 +
    float: none;
 +
    color: black;
 +
    padding: 12px 18px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
  }
 +
 
 +
  .dropdown-content a:hover {
 +
    background-color: #8bc34a;
 +
  }
 +
 
 +
  .dropdown:hover .dropdown-content {
 +
    display: block;
 +
    position: fixed;
 +
  }
 +
 
 +
  .w3-image {
 +
    max-width:40%;
 +
    height:auto
 +
  }
 +
 
 +
</style>
 +
 
 +
<body>
 +
<!-- Navbar -->
 +
<div class="navbar">
 +
  <a href="https://2018.igem.org/Team:UI_Indonesia">Home</a>
 +
    <div class="dropdown">
 +
      <a href="https://2018.igem.org/Team:UI_Indonesia/Project">Project ⯆</a>
 +
          <div class="dropdown-content">
 +
              <a href="https://2018.igem.org/Team:UI_Indonesia/Project#overview">Overview</a>
 +
              <a href="https://2018.igem.org/Team:UI_Indonesia/Project#ourproject">Our Project</a>
 +
              <a href="https://2018.igem.org/Team:UI_Indonesia/Project#resultsanddiscuccions">Results and Discussions</a>
 +
          </div>
 +
  </div>
 +
  <a href="https://2018.igem.org/Team:UI_Indonesia/Modeling">Modeling</a>
 +
  <a href="https://2018.igem.org/Team:UI_Indonesia/InterlabStudies">Interlab Studies</a>
 +
  <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices">Human Practices</a>
 +
  <a href="https://2018.igem.org/Team:UI_Indonesia/Collaborations">Collaborations</a>
 +
  <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/Attributions">Attributions</a>
 
</div>
 
</div>
  
 +
<!-- Container (Team Section) -->
 +
<div class="bgimg-6 w3-display-container" id="team">
 +
  <div class="w3-display-middle" style="white-space:nowrap;">
 +
  </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>
  
−
<div class="column third_size" >
+
  <!-- Responsive Grid. Four columns on tablets, laptops and desktops. Will stack on mobile devices/small screens (100% width) -->
−
<div class="highlight decoration_A_full">
+
  <div class="w3-row-padding w3-center">
−
<h3>Inspiration</h3>
+
    <div class="w3-col m3">
−
<p>You can look at what other teams did to get some inspiration! <br />
+
      <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.">
−
Here are a few examples:</p>
+
    </div>
−
<ul>
+
 
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
    <div class="w3-col m3">
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
      <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.">
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
    </div>
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
 
−
</ul>
+
    <div class="w3-col m3">
 +
      <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!">
 +
    </div>
 +
 
 +
    <div class="w3-col m3">
 +
      <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.">
 +
    </div>
 +
  </div>
 +
 
 +
  <div class="w3-row-padding w3-center w3-section">
 +
    <div class="w3-col m3">
 +
      <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>
 +
 
 +
    <div class="w3-col m3">
 +
      <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 class="w3-col m3">
 +
      <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.">
 +
    </div>
 +
 
 +
    <div class="w3-col m3">
 +
      <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.">
 +
    </div>
 +
  </div>
 +
 
 +
  <div class="w3-row-padding w3-center w3-section">
 +
    <div class="w3-col m3">
 +
      <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>
 +
 
 +
    <div class="w3-col m3">
 +
      <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.">
 +
    </div>
 +
 
 +
    <div class="w3-col m3">
 +
      <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 class="w3-col m3">
 +
      <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.">
 +
    </div>
 +
  </div>
 +
 
 +
  <div class="w3-row-padding w3-center w3-section">
 +
    <div class="w3-col m3">
 +
      <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>
 +
 
 +
    <div class="w3-col m3">
 +
      <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>
 +
  </div>
 
</div>
 
</div>
 +
 +
<!-- Modal for full size images on click-->
 +
<div id="modal01" class="w3-modal w3-pale-green" onclick="this.style.display='none'">
 +
  <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="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64">
 +
    <img id="img01" class="w3-image">
 +
    <p id="caption" class="w3-opacity w3-large"></p>
 +
  </div>
 
</div>
 
</div>
 +
 +
<!-- Footer -->
 +
<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>
 +
    <i class="fa fa-envelope w3-hover-opacity"></i>&ensp; igemui2018@gmail.com
 +
  </div>
 +
</footer>
 +
 +
<script>
 +
// Modal Image Gallery
 +
function onClick(element) {
 +
  document.getElementById("img01").src = element.src;
 +
  document.getElementById("modal01").style.display = "block";
 +
  var captionText = document.getElementById("caption");
 +
  captionText.innerHTML = element.alt;
 +
}
 +
</script>
 +
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBu-916DdpKAjTmJNIgngS6HL_kDIKU0aU&callback=myMap"></script>
 +
 +
</body>
 
</html>
 
</html>

Revision as of 07:07, 27 June 2018

Home
Project ⯆
Overview Our Project Results and Discussions
Modeling Interlab Studies Human Practices Collaborations Team Attributions
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.

Click on the images to see details.
<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.
<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.
<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!
<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.
<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.
<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.
<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.
<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.
<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!
<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.
<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.
<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.
<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.
<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.

Team UI Indonesia
  igemui2018@gmail.com