Difference between revisions of "Team:NUS Singapore-A/Team"

Line 1: Line 1:
 
{{NUS_Singapore-A}}
 
{{NUS_Singapore-A}}
 
<html>
 
<html>
 +
<head>
 +
<link href="https://fonts.googleapis.com/css?family=Patua+One" rel="stylesheet">
 +
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
 +
 +
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
 +
<script type="text/javascript" src="//use.typekit.net/kei2cfp.js"></script>
 +
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
 +
 +
 +
 +
</head>
 +
 +
 +
 +
<style>
 +
 +
body{
 +
  font-family: 'Patua One', cursive;
 +
  background-color: #EDC700;
 +
}
 +
.profile-wrapper{
 +
  height: 600px;
 +
  max-width: 2100px;
 +
  width: 100%;
 +
  position: relative;
 +
  /*overflow: hidden;*/
 +
  margin: 50px auto;
 +
}
 +
.carousel{
 +
  height: 500px;
 +
  max-width: 1050px;
 +
  width: 100%;
 +
  background-color: #EDC;
 +
  margin: auto;
 +
  border-radius: 25px;
 +
  border: 2px solid #123C69;
 +
  padding-left: 70px;
 +
}
 +
.carousel-content{
 +
 
 +
}
 +
.pic-and-name{
 +
  width: 250px;
 +
  display: inline-block;
 +
}
 +
.portrait1{
 +
  height: 250px;
 +
  width: 250px;
 +
  border: 5px solid #BAB2B5;
 +
  border-radius: 50%;
 +
  background-size:cover;
 +
  background-position: center;
 +
  background-image: url("http://www.uni-regensburg.de/Fakultaeten/phil_Fak_II/Psychologie/Psy_II/beautycheck/english/durchschnittsgesichter/w(01-64)_gr.jpg");
 +
  float: left;
 +
  margin-top: 60px;
 +
  transition: 0.7s ease !important;
 +
}
 +
.portrait1:hover{
 +
  background-image: url("http://www.uni-regensburg.de/Fakultaeten/phil_Fak_II/Psychologie/Psy_II/beautycheck/english/durchschnittsgesichter/m(01-32)_gr.jpg");
 +
}
 +
.name-tag{
 +
  float: left;
 +
  text-align: center;
 +
  width: 250px;
 +
  font-size: 2.5em;
 +
  margin-top: 10px;
 +
}
 +
.info-wrapper{
 +
  float: right;
 +
  text-align: left !important;
 +
  width: 735px;
 +
  height: 400px;
 +
  margin: 15px;
 +
  padding: 10px;
 +
  font-size: 1.75em;
 +
  color: #123C69;
 +
  /*border: 2px solid #123C69;*/
 +
}
 +
.info-wrapper h2{
 +
  margin: 0;
 +
  font-size: 1.5em;
 +
  text-align: left !important;
 +
  border-bottom: 3px solid black;
 +
}
 +
.info-wrapper p{
 +
  font-family: 'Open Sans', sans-serif;
 +
  font-weight: 800;
 +
  float: left;
 +
  margin-top: 5px;
 +
  font-size: .70em;
 +
}
 +
.tablewrapper{
 +
text-align: center;
 +
  width: 100%;
 +
}
 +
table, tr, td{
 +
  text-align: center;
 +
  border-collapse: collapse;
 +
  color: #123C69;
 +
  padding: 10px 10px;
 +
}
 +
table{
 +
  background-color: #EDC7B7;
 +
  width: 88%;
 +
  margin-bottom: 50px;
 +
}
 +
th h1{
 +
  border-bottom: 5px solid;
 +
}
 +
td{
 +
  width: 8%;
 +
  font-size: 0.75em;
 +
}
 +
.dot{
 +
  width: 7.5em;
 +
  height: 7.5em;
 +
  border-radius: 50%;
 +
  border: 2px solid #BAB2B5 ;
 +
  background-color: #EEE2DC;
 +
  display: inline-block;
 +
}
 +
 +
 +
 +
</style>
 +
  
 
<div>
 
<div>
−
<h1> Welcome to NUSGEM's team page!<h1>
+
<h1> Welcome to NUSGEM's team page!</h1>
 
<br>
 
<br>
 
<h2>Here, you can find out more about our team members!</h2>
 
<h2>Here, you can find out more about our team members!</h2>
 
<br>
 
<br>
 +
</div>
 +
 +
<div class="tablewrapper">
 +
<table style="margin: auto auto">
 +
  <tr class="R1">
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
    <th colspan="5"><h1>Student Leaders</h1></th>
 +
    </tr>
 +
 
 +
  <tr class="R2">
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
    <td colspan="2">
 +
      <a href=""><span class="dot"></span></a>
 +
      <span style="display:block">Nanda Wang Nuo'en</span>
 +
    </td>
 +
    <td></td>
 +
      <td colspan="2">
 +
        <a href=""><span class="dot"></span></a>
 +
        <span style="display:block">Nur Liyana Binte</span>
 +
        <span>Ayub Ow Yong</span>
 +
    </td>
 +
  </tr>
 +
  <tr class="R3">
 +
    <td></td>
 +
    <th colspan="9"><h1>Members</h1></th> 
 +
  </tr>
 +
 
 +
  <tr class="R4">
 +
    <td></td>
 +
    <td>
 +
      <a href=""><span class="dot"></span></a>
 +
      <span style="display:block">Marcus Chan</span>
 +
    </td>
 +
    <td></td>
 +
    <td>
 +
      <a href=""><span class="dot"></span></a>
 +
      <span style="display:block">Zhu Tingting</span>
 +
    </td>
 +
    <td></td>
 +
    <td>
 +
      <a href=""><span class="dot"></span></a>
 +
      <span style="display:block">Lam Sze Tung Walter</span>
 +
    </td>
 +
    <td></td>
 +
    <td>
 +
      <a href=""><span class="dot"></span></a>
 +
      <span style="display:block">Yang Hao Yuan</span>
 +
    </td>
 +
    <td></td>
 +
    <td>
 +
      <a href=""><span class="dot"></span></a>
 +
      <span style="display:block">Russell Ngo</span>
 +
    </td>
 +
  </tr>
 +
 
 +
  <tr class="R5">
 +
    <td>
 +
      <a href=""><span class="dot"></span></a>
 +
      <span style="display:block">Beatrix Tung Xue Lin</span>
 +
    </td>
 +
    <td></td>
 +
    <td>
 +
      <a href=""><span class="dot"></span></a>
 +
      <span style="display:block">Aaron Ramzeen</span>
 +
    </td>
 +
    <td></td>
 +
    <td>
 +
      <a href=""><span class="dot"></span></a>
 +
      <span style="display:block">Ryan Leong Wei Ren</span>
 +
    </td>
 +
    <td></td>
 +
    <td>
 +
      <a href=""><span class="dot"></span></a>
 +
      <span style="display:block">Wu Jiacheng</span>
 +
    </td>
 +
    <td></td>
 +
    <td>
 +
      <a href=""><span class="dot"></span></a>
 +
      <span style="display:block">Leow Chung Yong Aaron</span>
 +
    </td>
 +
    <td></td>
 +
    <td>
 +
      <a href=""><span class="dot"></span></a>
 +
      <span style="display:block">Tvarita Shivakumar Iyer</span>
 +
    </td>
 +
  </tr>
 +
 
 +
  <tr class="R6">
 +
    <th colspan="11"><h1>Mentors and Advisors</h1></th>
 +
  </tr>
 +
 
 +
  <tr class="R7">
 +
    <td colspan="2">
 +
      <a href=""><span class="dot"></span></a>
 +
      <span style="display:block">Associate Professor</span>
 +
      <span style="display:block">Poh Chueh Loo</span>
 +
    </td>
 +
    <td></td>
 +
    <td colspan="2">
 +
      <a href=""><span class="dot"></span></a>
 +
      <span style="display:block">Associate Professor</span>
 +
      <span style="display:block">Yew Wen Shan</span>
 +
    </td>
 +
    <td></td>
 +
    <td colspan="2">
 +
      <a href=""><span class="dot"></span></a>
 +
      <span style="display:block">Associate Professor</span>
 +
      <span style="display:block">Matthew Chang</span> 
 +
    </td>
 +
    <td></td>
 +
    <td colspan="2">
 +
      <a href=""><span class="dot"></span></a>
 +
      <span style="display:block">Assistant Professor</span>
 +
      <span style="display:block">Jimmy Chih-Hsien Peng</span>
 +
    </td>
 +
  </tr>
 +
 
 +
  <tr class="R8">
 +
    <td colspan="2">
 +
      <a href=""><span class="dot"></span></a>
 +
      <span style="display:block">Zhang Jingyun</span>
 +
    </td>
 +
    <td></td>
 +
    <td colspan="2">
 +
      <a href=""><span class="dot"></span></a>
 +
      <span style="display:block">Lim Yan Ping</span>
 +
    </td>
 +
    <td></td>
 +
    <td colspan="2">
 +
      <a href=""><span class="dot"></span></a>
 +
      <span style="display:block">Jingwei Li</span>
 +
    </td>
 +
    <td></td>
 +
    <td colspan="2">
 +
      <a href=""><span class="dot"></span></a>
 +
      <span style="display:block">Prabhu Nadaranjan</span>
 +
    </td>
 +
   
 +
  </tr>
 +
</table>
 +
 +
<div class="profile-wrapper">
 +
  <div class="carousel">
 +
  <div class ="carousel-content">
 +
    <div class="item">
 +
    <div class="pic-and-name">
 +
    <span class="portrait1"></span>
 +
    <span class="name-tag">Wu Jiacheng</span>
 +
    </div>
 +
    <div class="info-wrapper">
 +
      <span>
 +
        <h2>Role</h2>
 +
        <p>Head of Wiki, Head of Hardware, Member of Modelling Team, Science Team, and Wet Lab Team</p>
 +
      </span>
 +
      <span>
 +
        <h2>Ambition</h2>
 +
        <p> Jiacheng’s dream is uncomplicated. He just wants to travel around the world. </p>
 +
      </span> 
 +
      <span>
 +
        <h2>Interesting fact</h2>
 +
        <p>He loves philosophy. Thankfully, the kind of philosophy he’s inclined towards is not Sartre’s “Hell is other people”, but more Lao Tzu’s “Simplicity, patience, compassion.”</p>
 +
      </span>
 +
        </div>
 +
      </div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<!--
 
<h1><u> Team Roster </u></h1>  
 
<h1><u> Team Roster </u></h1>  
 
<br>
 
<br>
Line 84: Line 390:
 
</div>
 
</div>
 
</div>
 
</div>
 +
-->
 
</html>
 
</html>

Revision as of 19:43, 17 June 2018

CONNECT WITH US

Welcome to NUSGEM's team page!


Here, you can find out more about our team members!


Student Leaders
Nanda Wang Nuo'en Nur Liyana Binte Ayub Ow Yong

Members
Marcus Chan Zhu Tingting Lam Sze Tung Walter Yang Hao Yuan Russell Ngo
Beatrix Tung Xue Lin Aaron Ramzeen Ryan Leong Wei Ren Wu Jiacheng Leow Chung Yong Aaron Tvarita Shivakumar Iyer

Mentors and Advisors
Associate Professor Poh Chueh Loo Associate Professor Yew Wen Shan Associate Professor Matthew Chang Assistant Professor Jimmy Chih-Hsien Peng
Zhang Jingyun Lim Yan Ping Jingwei Li Prabhu Nadaranjan
Wu Jiacheng

Role

Head of Wiki, Head of Hardware, Member of Modelling Team, Science Team, and Wet Lab Team

Ambition

Jiacheng’s dream is uncomplicated. He just wants to travel around the world.

Interesting fact

He loves philosophy. Thankfully, the kind of philosophy he’s inclined towards is not Sartre’s “Hell is other people”, but more Lao Tzu’s “Simplicity, patience, compassion.”