Difference between revisions of "Team:Melbourne/Team"

 
(69 intermediate revisions by the same user not shown)
Line 6: Line 6:
 
/* Three columns side by side */
 
/* Three columns side by side */
 
.column {
 
.column {
−
    float: left;
+
display:inline-block;
−
padding-top:180px;
+
−
    width: 32%;
+
−
    margin-bottom: 16px;
+
 
     padding: 0 8px;
 
     padding: 0 8px;
−
padding-top:130px;
+
padding-top:50px;
 +
}
 +
 
 +
p{
 +
color: #CACACA;
 +
}
 +
 
 +
.row{
 +
padding-top:150px;
 +
padding-bottom:150px;
 +
text-align:center;
 +
 
 +
/*background-image:url(https://cdn140.picsart.com/236732937035201.gif);*/
 +
background-image:url(http://45.media.tumblr.com/b9a1e94fda926661e595b6d07f223093/tumblr_nz0l8uXXqE1s2t3cto1_1280.gif);
 +
background-color:#282828;
 +
 
 
}
 
}
  
Line 24: Line 36:
 
/* Add some shadows to create a card effect */
 
/* Add some shadows to create a card effect */
 
.card {
 
.card {
−
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+
padding-top:20px;
 +
     box-shadow: 0 4px 8px 0;
 +
background-color:#2D2D2D;
 +
width:220px;
 +
}
 +
 
 +
#bodyContent h2{
 +
color: #6B76A7;
 
}
 
}
  
Line 57: Line 76:
 
.button:hover {
 
.button:hover {
 
     background-color: #555;
 
     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);
 
}
 
}
  
Line 67: Line 92:
 
<body>
 
<body>
 
<div class="row">
 
<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="column">
 
     <div class="card">
 
     <div class="card">
−
       <img src="img1.jpg" alt="Jane" style="width:100%">
+
       <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">
 
       <div class="container">
−
         <h2>Jane Doe</h2>
+
         <h2>Carl Xing</h2>
−
         <p class="title">CEO &amp; Founder</p>
+
         <p class="title">Design Team &amp; Wet Lab Team</p>
−
        <p>Some text that describes me lorem ipsum ipsum lorem.</p>
+
−
        <p>example@example.com</p>
+
−
        <p><button class="button">Contact</button></p>
+
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 82: Line 119:
 
   <div class="column">
 
   <div class="column">
 
     <div class="card">
 
     <div class="card">
−
       <img src="img2.jpg" alt="Mike" style="width:100%">
+
       <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">
 
       <div class="container">
−
         <h2>Mike Ross</h2>
+
         <h2>Naushad Talati</h2>
−
         <p class="title">Art Director</p>
+
         <p class="title">Design Team & Wet Lab Team</p>
−
        <p>Some text that describes me lorem ipsum ipsum lorem.</p>
+
−
        <p>example@example.com</p>
+
−
        <p><button class="button">Contact</button></p>
+
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 95: Line 129:
 
   <div class="column">
 
   <div class="column">
 
     <div class="card">
 
     <div class="card">
−
       <img src="img3.jpg" alt="John" style="width:100%">
+
       <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">
 
       <div class="container">
−
         <h2>John Doe</h2>
+
         <h2>Vlad Lungu</h2>
−
         <p class="title">Designer</p>
+
         <p class="title">Design Team & Wet Lab Team</p>
−
        <p>Some text that describes me lorem ipsum ipsum lorem.</p>
+
−
        <p>example@example.com</p>
+
−
        <p><button class="button">Contact</button></p>
+
 
       </div>
 
       </div>
 
     </div>
 
     </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>
 
</div>
 +
 +
 
</body>
 
</body>
  

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