Difference between revisions of "Team:Melbourne/Team"

(Prototype team page)
 
 
(119 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Melbourne}}
 
{{Melbourne}}
 +
 
<html>
 
<html>
  
−
<div class="column two_thirds_size" >
+
<style>
 +
/* Three columns side by side */
 +
.column {
 +
display:inline-block;
 +
    padding: 0 8px;
 +
padding-top:50px;
 +
}
  
−
<h1>Team</h1>
+
p{
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
color: #CACACA;
 +
}
  
 +
.row{
 +
padding-top:150px;
 +
padding-bottom:150px;
 +
text-align:center;
  
−
<h3>What should this page contain?</h3>
+
/*background-image:url(https://cdn140.picsart.com/236732937035201.gif);*/
−
<ul>
+
background-image:url(http://45.media.tumblr.com/b9a1e94fda926661e595b6d07f223093/tumblr_nz0l8uXXqE1s2t3cto1_1280.gif);
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
background-color:#282828;
−
<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>
+
−
<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>
+
−
</ul>
+
−
</div>
+
  
 +
}
 +
 +
/* Display the columns below each other instead of side by side on small screens */
 +
@media screen and (max-width: 650px) {
 +
    .column {
 +
        width: 100%;
 +
        display: block;
 +
    }
 +
}
 +
 +
/* Add some shadows to create a card effect */
 +
.card {
 +
padding-top:20px;
 +
    box-shadow: 0 4px 8px 0;
 +
background-color:#2D2D2D;
 +
width:220px;
 +
}
 +
 +
#bodyContent h2{
 +
color: #6B76A7;
 +
}
 +
 +
/* Some left and right padding inside the container */
 +
.container {
 +
    padding: 0 16px;
 +
}
 +
 +
/* Clear floats */
 +
.container::after, .row::after {
 +
    content: "";
 +
    clear: both;
 +
    display: table;
 +
}
 +
 +
.title {
 +
    color: grey;
 +
}
 +
 +
.button {
 +
    border: none;
 +
    outline: 0;
 +
    display: inline-block;
 +
    padding: 8px;
 +
    color: white;
 +
    background-color: #000;
 +
    text-align: center;
 +
    cursor: pointer;
 +
    width: 100%;
 +
}
 +
 +
.button:hover {
 +
    background-color: #555;
 +
}
 +
 +
.body{
 +
display: flex;
 +
background-color:#282828;
 +
background-image:url(https://www.colourbox.com/preview/18306009-seamless-pattern-with-chemistry-and-biology-elements.jpg);
 +
}
 +
 +
</style>
 +
 +
 +
 +
 +
 +
<body>
 +
<div class="row">
 +
 +
 +
<div class="column">
 +
    <div class="card">
 +
      <img src="https://static.igem.org/mediawiki/2018/b/bd/T--Melbourne--michelle.png" alt="John" style="width:100px; height:120px;">
 +
      <div class="container">
 +
        <h2>Michelle Oeum</h2>
 +
        <p class="title">Team Leader</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
<br>
 +
 +
 +
  <div class="column">
 +
    <div class="card">
 +
      <img src="https://static.igem.org/mediawiki/2018/2/2f/T--Melbourne--carl.png" alt="Carl Xing" style="width:90px; height:120px; ">
 +
      <div class="container">
 +
        <h2>Carl Xing</h2>
 +
        <p class="title">Design Team &amp; Wet Lab Team</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
  <div class="column">
 +
    <div class="card">
 +
      <img src="https://static.igem.org/mediawiki/2018/3/35/T--Melbourne--naushad.png" alt="Naushad Talati" style="width:95px; height:120px;">
 +
      <div class="container">
 +
        <h2>Naushad Talati</h2>
 +
        <p class="title">Design Team & Wet Lab Team</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
  <div class="column">
 +
    <div class="card">
 +
      <img src="https://static.igem.org/mediawiki/2018/b/b0/T--Melbourne--vlad.png" alt="Vlad Lungu" style="width:100px; height:120px;">
 +
      <div class="container">
 +
        <h2>Vlad Lungu</h2>
 +
        <p class="title">Design Team & Wet Lab Team</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
<div class="column">
 +
    <div class="card">
 +
      <img src="https://static.igem.org/mediawiki/2018/a/a4/T--Melbourne--paul.png" alt="Paul - Marie Beau" style="width:100px; height:120px;">
 +
      <div class="container">
 +
        <h2>Paul - Marie Beau</h2>
 +
        <p class="title">Social Media & Wet Lab Team</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
<div class="column">
 +
    <div class="card">
 +
      <img src="https://static.igem.org/mediawiki/2018/d/dd/T--Melbourne--caitlin.png" alt="Caitlin Pizer" style="width:100px; height:120px;">
 +
      <div class="container">
 +
        <h2>Caitlin  Pizer</h2>
 +
        <p class="title">Social Media & Wet Lab Team</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
<div class="column">
 +
    <div class="card">
 +
      <img src="https://static.igem.org/mediawiki/2018/0/04/T--Melbourne--emily.png" alt="Emily Chen" style="width:100px; height:120px;">
 +
      <div class="container">
 +
        <h2>Emily Chen</h2>
 +
        <p class="title">Sponsrship</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
<div class="column">
 +
    <div class="card">
 +
      <img src="https://static.igem.org/mediawiki/2018/9/90/T--Melbourne--gavin_w.png" alt="Gavin Eka Cipta" style="width:100px; height:120px;">
 +
      <div class="container">
 +
        <h2>Gavin Eka Cipta</h2>
 +
        <p class="title">Website Wiki</p>
 +
<p>Leave me a Wiki Feedback on gcwsite@gmail.com</p>
 +
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
<div class="column">
 +
    <div class="card">
 +
      <img src="https://static.igem.org/mediawiki/2018/c/c9/T--Melbourne--chris.png" alt="John" style="width:100px; height:120px;">
 +
      <div class="container">
 +
        <h2>Christian Gioia</h2>
 +
        <p class="title">Website Wiki</p>
 +
      </div>
 +
    </div>
 +
  </div>
  
  
−
<div class="column third_size" >
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<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">2014 METU Turkey </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
 
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
 
−
</ul>
 
−
</div>
 
 
</div>
 
</div>
 +
 +
 +
</body>
 +
 +
 +
 
</html>
 
</html>

Latest revision as of 02:06, 18 October 2018

John

Michelle Oeum

Team Leader


Carl Xing

Carl Xing

Design Team & Wet Lab Team

Naushad Talati

Naushad Talati

Design Team & Wet Lab Team

Vlad Lungu

Vlad Lungu

Design Team & Wet Lab Team

Paul - Marie Beau

Paul - Marie Beau

Social Media & Wet Lab Team

Caitlin Pizer

Caitlin Pizer

Social Media & Wet Lab Team

Emily Chen

Emily Chen

Sponsrship

Gavin Eka Cipta

Gavin Eka Cipta

Website Wiki

Leave me a Wiki Feedback on gcwsite@gmail.com

John

Christian Gioia

Website Wiki