Difference between revisions of "Team:Harvard/Team"

 
(11 intermediate revisions by 3 users not shown)
Line 7: Line 7:
 
<style>
 
<style>
 
#banner {
 
#banner {
−
    /* The image used */
+
  margin-bottom: 50px;
−
    background-image: url("https://static.igem.org/mediawiki/2017/d/d1/Harvard--BannerLow.jpeg");
+
  margin-top: 0px;
 +
 
 +
width: 100%;
 +
       
 +
height: 100vh; !important
 +
position: fixed;
 +
clear: both;
 +
background: transparent url("https://static.igem.org/mediawiki/2017/1/12/T--Harvard--TeamPhotoSans.jpg") center center no-repeat fixed;
 +
-webkit-background-size: cover;
 +
-moz-background-size: cover;
 +
-o-background-size: cover;
 +
background-size: cover;
 +
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2017/1/12/T--Harvard--TeamPhotoSans.jpg',sizingMethod='scale');
 +
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2017/1/12/T--Harvard--TeamPhotoSans.jpg',sizingMethod='scale')";
 +
}
  
−
 
−
    /* Set a specific height */
 
−
    min-width: 100%;
 
−
    min-height: 50%; 
 
−
    height: 500px;
 
−
    width: 100%;
 
−
   
 
−
 
−
 
−
   
 
−
 
−
    /* Create the parallax scrolling effect */
 
−
    background-attachment: fixed;
 
−
    background-position: center;
 
−
    background-repeat: no-repeat;
 
−
    background-size: cover;
 
−
}
 
  
  
Line 76: Line 73:
  
 
/* Profile */
 
/* Profile */
−
 
 
.caption {
 
.caption {
 
font-size: 15px;
 
font-size: 15px;
Line 175: Line 171:
  
 
<body>
 
<body>
−
 
−
<!-- make the above container -->
 
−
<div class="parallax column full_size" style="background-color:white;"></div>
 
  
 
<div id="banner">
 
<div id="banner">
Line 187: Line 180:
 
</div>
 
</div>
  
−
<div class="column full_size" style="background-color: black;">
+
<div class = "content">
 
<div class="container">
 
<div class="container">
 
<div class="row">
 
<div class="row">
Line 209: Line 202:
 
       <div class="caption description">
 
       <div class="caption description">
 
         <h4>Lien Tran</h4>
 
         <h4>Lien Tran</h4>
−
         <p class="title" style="text-align: center;">Human Resources</p>
+
         <p class="title" style="text-align: center;">Hardware Dreamer</p>
 
         <p style="text-align: center;">Rice cooker chef. </p>
 
         <p style="text-align: center;">Rice cooker chef. </p>
 
       </div>
 
       </div>
Line 249: Line 242:
 
         <h4>Hyeon-Jae Seo</h4>
 
         <h4>Hyeon-Jae Seo</h4>
 
         <p class="title" style="text-align: center;">DEADCAT</p>
 
         <p class="title" style="text-align: center;">DEADCAT</p>
−
         <p style="text-align: center;">Models things?</p>
+
         <p style="text-align: center;">Models things</p>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 284: Line 277:
 
   <div class="column">
 
   <div class="column">
 
     <div class="card">
 
     <div class="card">
−
       <img id="picture" src="https://static.igem.org/mediawiki/2017/5/56/Harvard--joshi.jpg" alt="Neel Joshi" style="width:100%">
+
       <img id="picture" src="https://static.igem.org/mediawiki/2017/archive/5/56/20171030153138%21Harvard--joshi.jpg" alt="Neel Joshi" style="width:100%">
 
       <div class="caption description">
 
       <div class="caption description">
 
         <h4>Neel Joshi</h4>
 
         <h4>Neel Joshi</h4>
Line 300: Line 293:
 
         <h4>Miguel Suastegui</h4>
 
         <h4>Miguel Suastegui</h4>
 
         <p class="title" style="text-align: center;">Foster Mentor</p>
 
         <p class="title" style="text-align: center;">Foster Mentor</p>
−
         <p style="text-align: center;">Curli expert. Lurks in the dark.</p>
+
         <p style="text-align: center;">Source of sequencing help.</p>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 313: Line 306:
 
         <h4>Anton Kan</h4>
 
         <h4>Anton Kan</h4>
 
         <p class="title" style="text-align: center;">Foster Mentor</p>
 
         <p class="title" style="text-align: center;">Foster Mentor</p>
−
         <p style="text-align: center;">Curli expert. Lurks in the dark.</p>
+
         <p style="text-align: center;">Competent cell magician. Wicked cool accent.</p>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 340: Line 333:
 
       <div class="caption description">
 
       <div class="caption description">
 
         <h4>Bom Praveschotinunt</h4>
 
         <h4>Bom Praveschotinunt</h4>
−
        <p class="title" style="text-align: center;">Insert Description</p>
 
−
        <p style="text-align: center;">Insert Description</p>
 
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 352: Line 343:
 
       <div class="caption description">
 
       <div class="caption description">
 
         <h4>Harvard University</h4>
 
         <h4>Harvard University</h4>
−
        <p class="title" style="text-align: center;">Insert</p>
 
−
        <p style="text-align: center;">Insert Description</p>
 
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 364: Line 353:
 
       <div class="caption description">
 
       <div class="caption description">
 
         <h4>Harvard SEAS</h4>
 
         <h4>Harvard SEAS</h4>
−
        <p class="title" style="text-align: center;">Insert</p>
 
−
        <p style="text-align: center;">Insert Description</p>
 
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 377: Line 364:
 
       <div class="caption description">
 
       <div class="caption description">
 
         <h4>Wyss Institute</h4>
 
         <h4>Wyss Institute</h4>
−
        <p class="title" style="text-align: center;">Wyss Institute</p>
 
−
        <p style="text-align: center;">Insert Description</p>
 
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 386: Line 371:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
<br><br><br>
 
</div>
 
</div>
  
Line 391: Line 378:
 
</body>
 
</body>
 
</html>
 
</html>
 +
 +
{{Team:Harvard/Footer}}

Latest revision as of 02:48, 2 November 2017

Harvard OPTI POLY
Adriano

Adriano Borsa

DNA Hacker

Plate pourer. Angsty teen.

Lien

Lien Tran

Hardware Dreamer

Rice cooker chef.

Reggie

Reggie St. Louis

Lead Engineer

Curli hair. The only adult on our team.

Erin

Erin Kim

Webmaster

Black Knight. Always hungry. Wiki master.

Hyeon-Jae

Hyeon-Jae Seo

DEADCAT

Models things

Neel Joshi

Neel Joshi

Ruler of the land

Curli expert. Lurks in the dark.

Miguel Suastegui

Foster Mentor

Source of sequencing help.

Anton Kan

Foster Mentor

Competent cell magician. Wicked cool accent.

Bom Praveschotinunt

Harvard University

Harvard SEAS

Wyss Institute