Difference between revisions of "Team:NYU Shanghai/Team"

Line 1: Line 1:
−
<html>
+
{{NYU_Shanghai}}
−
<title>nyush.igem.2017</title>
+
−
<meta charset="UTF-8">
+
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
−
<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://fonts.googleapis.com/css?family=Montserrat">
+
−
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
−
<style>
+
−
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif}
+
−
.w3-bar,h1,button {font-family: "Montserrat", sans-serif}
+
−
.fa-anchor,.fa-coffee {font-size:200px}
+
−
</style>
+
−
<body>
+
  
−
<!-- Navbar -->
+
<html>
−
<div class="w3-top">
+
−
  <div class="w3-bar w3-purple w3-card-2 w3-left-align w3-large">
+
−
    <a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-gray w3-large w3-purple" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
+
−
    <a href="index.htm" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-gray">Home</a>
+
−
    <a href="project_description.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-gray">Our Project</a>
+
−
    <a href="process.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-gray">Our Process</a>
+
−
    <a href="sponsors.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-gray">Our Sponsors</a>
+
−
    <a href="members.html" class="w3-bar-item w3-button w3-padding-large w3-gray">Team</a>
+
−
  </div>
+
  
−
<!-- Header -->
 
−
<header class="w3-container w3-purple w3-center" style="padding:128px 16px">
 
−
  <h1 class="w3-margin w3-jumbo">NYU Shanghai iGEM Team 2017</h1>
 
−
  <p class="w3-xlarge">Our Wonderful Team Members</p>
 
−
</header>
 
  
−
<!-- First Grid -->
 
−
<div class="w3-row-padding w3-padding-64 w3-container">
 
−
  <div class="w3-content">
 
−
    <div class="w3-twothird">
 
−
      <h1>Agnes Santiano</h1>
 
−
      <h5 class="w3-padding-32">President</h5>
 
  
−
      <p class="w3-text-grey">Major: Neural Science/Biology <br> Year: Junior <br> Interesting Fact:</p>
+
<div class="column full_size" >
−
    </div>
+
  
−
    <div class="w3-third w3-center">
+
<h1>Team</h1>
−
    </div>
+
<p>In this page you can introduce your team members, instructors, and advisors. </p>
−
  </div>
+
 
</div>
 
</div>
  
−
<!-- Second Grid -->
+
<div class="clear"></div>
−
<div class="w3-row-padding w3-light-grey w3-padding-64 w3-container">
+
−
  <div class="w3-content">
+
−
    <div class="w3-third w3-left">
+
−
    <img alt="" height="300px" width="450px" src="images/amy.lam.JPG">
+
−
    </div>
+
  
−
    <div class="w3-third w3-right">
+
<div class="column half_size" >
−
      <h1>Amy Lam</h1>
+
<h5>Inspiration</h5>
−
      <h5 class="w3-padding-32">Vice President</h5>
+
<p>You can look at what other teams did to get some inspiration! <br />
 +
Here are a few examples:</p>
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
 +
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
 +
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
 +
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
 +
</ul>
  
−
      <p class="w3-text-grey">Major: Biology <br> Year: Junior <br> Intersting Fact:</p>
 
−
    </div>
 
−
  </div>
 
 
</div>
 
</div>
  
−
<!-- Third Grid -->
+
<div class="column half_size" >
−
<div class="w3-row-padding w3-padding-64 w3-container">
+
<h5>What should this page contain?</h5>
−
  <div class="w3-content">
+
<ul>
−
    <div class="w3-third w3-left">
+
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
−
      <h1>Zhongling Liang (Julie)</h1>
+
<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>
−
      <h5 class="w3-padding-32">Member</h5>
+
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
−
 
+
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
−
      <p class="w3-text-grey">Major: Chemistry <br> Year: Junior <br> Interesting Fact:</p>
+
</ul>
−
    </div>
+
−
 
+
−
    <div class="w3-third w3-right">
+
−
    <img alt="" height="300px" width="450px" src="images/julie.JPG">
+
−
    </div>
+
−
  </div>
+
 
</div>
 
</div>
  
−
<!-- Fourth Grid -->
 
−
<div class="w3-row-padding w3-light-grey w3-padding-64 w3-container">
 
−
  <div class="w3-content">
 
−
    <div class="w3-third w3-left">
 
−
    <img alt="" height="300px" width="450px" src="images/simba.jpg">
 
−
    </div>
 
  
−
    <div class="w3-third w3-right">
 
−
      <h1>Ziyu Zhao</h1>
 
−
      <h5 class="w3-padding-32">Member</h5>
 
  
−
      <p class="w3-text-grey">Major: Chemistry <br> Year: Junior <br> Interesting Fact:</p>
 
−
    </div>
 
−
  </div>
 
 
</div>
 
</div>
−
 
−
<!-- Fifth Grid -->
 
−
<div class="w3-row-padding w3-padding-64 w3-container">
 
−
  <div class="w3-content">
 
−
    <div class="w3-third w3-left">
 
−
      <h1>Yilun Song (Eric)</h1>
 
−
      <h5 class="w3-padding-32">Member</h5>
 
−
 
−
      <p class="w3-text-grey">Major: Physics <br> Year: Sophomore <br> Interesting Fact: Loves memes</p>
 
−
    </div>
 
−
 
−
    <div class="w3-third w3-right">
 
−
    <img alt="" height="300px" width="450px" src="images/eric.song.jpg">
 
−
    </div>
 
−
  </div>
 
−
</div>
 
−
 
−
<!-- Sixth Grid -->
 
−
<div class="w3-row-padding w3-light-grey w3-padding-64 w3-container">
 
−
  <div class="w3-content">
 
−
    <div class="w3-third w3-left">
 
−
    <img alt="" height="300px" width="450px" src="images/">
 
−
    </div>
 
−
 
−
    <div class="w3-third w3-right">
 
−
      <h1>Safia Kariapper</h1>
 
−
      <h5 class="w3-padding-32">Member</h5>
 
−
 
−
      <p class="w3-text-grey">Major: Chemistry <br> Year: Junior <br> Interesting Fact:</p>
 
−
    </div>
 
−
  </div>
 
−
</div>
 
−
 
−
<!-- Fifth Grid -->
 
−
<div class="w3-row-padding w3-padding-64 w3-container">
 
−
  <div class="w3-content">
 
−
    <div class="w3-third w3-left">
 
−
      <h1>Sirus Mrazik</h1>
 
−
      <h5 class="w3-padding-32">Member</h5>
 
−
 
−
      <p class="w3-text-grey">Major: Chemistry <br> Year: Sophomore <br> Interesting Fact: Graphic design is my passion.</p>
 
−
    </div>
 
−
 
−
    <div class="w3-third w3-right">
 
−
    <img alt="" height="300px" width="450px" src="images/sirus.jpg">
 
−
    </div>
 
−
  </div>
 
−
</div>
 
−
 
−
<!-- Quote Bullsh** -->
 
−
<div class="w3-container w3-black w3-center w3-opacity w3-padding-64">
 
−
    <h1 class="w3-margin w3-xlarge">Drink Smart</h1>
 
−
</div>
 
−
 
−
<script>
 
−
// Used to toggle the menu on small screens when clicking on the menu button
 
−
function myFunction() {
 
−
    var x = document.getElementById("navDemo");
 
−
    if (x.className.indexOf("w3-show") == -1) {
 
−
        x.className += " w3-show";
 
−
    } else {
 
−
        x.className = x.className.replace(" w3-show", "");
 
−
    }
 
−
}
 
−
</script>
 
−
 
−
</body>
 
 
</html>
 
</html>

Revision as of 01:45, 29 October 2017

Team

In this page you can introduce your team members, instructors, and advisors.

Inspiration

You can look at what other teams did to get some inspiration!
Here are a few examples:

What should this page contain?
  • Include pictures of your teammates, don’t forget instructors and advisors!
  • 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.
  • Take team pictures! Show us your school, your lab and little bit of your city.
  • Remember that image galleries can help you showcase many pictures while saving space.