Difference between revisions of "Team:UFlorida/Team"

Line 36: Line 36:
 
     }
 
     }
 
}
 
}
−
/* Profile */
+
.column-1 {
−
.caption {
+
    width: 500px;
−
font-size: 15px;
+
    float: left; width: 200px: img src="https://static.igem.org/mediawiki/2017/a/ae/T--UFlorida--Hannah_iGEM.jpeg"
−
font-family: 'Josefin Sans', sans-serif;
+
     float: left; width: 100px: img src="https://static.igem.org/mediawiki/2017/a/ae/T--UFlorida--Hannah_iGEM.jpeg"
−
text-align: center;
+
     float: left; width: 200px: img src="https://static.igem.org/mediawiki/2017/a/ae/T--UFlorida--Hannah_iGEM.jpeg"
−
padding-bottom: 5%;
+
<br style="clear: left;" />
−
}
+
</div>
−
#picture {
+
−
  width: 100%;
+
−
  height: 100%;  
+
−
}
+
−
.row {
+
−
  align: center;
+
−
  margin: auto;
+
−
  display:block;
+
−
}
+
−
/* Three columns side by side */
+
−
.column-2 {
+
−
     float: left;
+
−
    width: 33%;
+
−
    margin-bottom: 200px;
+
−
    padding: 0 8px;
+
−
}
+
−
.title {
+
−
    font-size: 15px;
+
−
    font-family: 'Josefin Sans', sans-serif;
+
−
    text-align: center;
+
−
     position: relative;
+
−
    color: gray;
+
−
}
+
−
/* Display the columns below each other instead of side by side on small screens */
+
−
@media (max-width: 650px) {
+
−
    .column-2 {
+
−
        width: 100%;
+
−
        display: block;
+
−
    }
+
−
}
+
−
 
+
−
/* Add some shadows to create a card effect */
+
−
.card {
+
−
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+
−
}
+
−
 
+
−
/* Trying to make cards equally sized */
+
−
.card {
+
−
  width: auto;
+
−
  height: auto;
+
−
 
+
−
}
+
−
 
+
−
/* Some left and right padding inside the container */
+
−
.container {
+
−
    padding: 0 0;
+
−
 
+
−
    margin:auto;
+
−
    align: center;
+
−
}
+
−
 
+
−
./containertwo {
+
−
    padding: 0 40px;
+
−
    margin:auto;
+
−
    align: center;
+
−
}
+
−
 
+
−
/* Clear floats */
+
−
.container::after, .row::after {
+
−
    content: "";
+
−
    clear: both;
+
−
    display: table;
+
−
}
+
−
 
+
 
</style>
 
</style>
 
</head>
 
</head>
Line 120: Line 56:
 
     <h1>Our Team</h1>       
 
     <h1>Our Team</h1>       
 
   </div>
 
   </div>
 +
 +
<div class = "column-1" ></div>
  
 
<div style="width: 500px;">
 
<div style="width: 500px;">

Revision as of 21:54, 23 September 2017

Our Team

img src="https://static.igem.org/mediawiki/2017/a/ae/T--UFlorida--Hannah_iGEM.jpeg"
img src="https://static.igem.org/mediawiki/2017/a/ae/T--UFlorida--Hannah_iGEM.jpeg"
img src="https://static.igem.org/mediawiki/2017/a/ae/T--UFlorida--Hannah_iGEM.jpeg"

Hannah

Hannah

Lady

Scornful woman

Lien

Hannah

Human Resources

Team leader of the year