Line 4: | Line 4: | ||
<head> | <head> | ||
<title>Our Team</title> | <title>Our Team</title> | ||
− | + | ||
+ | <!--Team.css pasted into embedded CSS--> | ||
+ | <style> | ||
+ | html { | ||
+ | color: white; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | .team { | ||
+ | display: flex; | ||
+ | flex-direction: row; | ||
+ | flex-wrap: wrap; | ||
+ | justify-content: center; | ||
+ | margin-bottom: 1em; | ||
+ | } | ||
+ | h1 { | ||
+ | font-weight: normal; | ||
+ | padding: 1.25em 0 0.625em 0; | ||
+ | } | ||
+ | #headline { | ||
+ | font-size: 2em; | ||
+ | text-align: center; | ||
+ | margin-top: 2.25em; | ||
+ | color: var(--primary-color); | ||
+ | } | ||
+ | #tagline { | ||
+ | font-size: 0.625em; | ||
+ | } | ||
+ | #description { | ||
+ | font-size: 1em; | ||
+ | margin-top: 7.1875em; | ||
+ | padding: 0 0.3125em 0 0.3125em; | ||
+ | } | ||
+ | |||
+ | .container | ||
+ | { | ||
+ | margin-top: 0 !important; | ||
+ | } | ||
+ | .card { | ||
+ | transition: 0.3s; | ||
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | height: 21.875em; | ||
+ | width: 18.75em; | ||
+ | margin: 0 1.25em 1.75em 1.25em; | ||
+ | background-color: var(--primary-color); | ||
+ | text-align: center; | ||
+ | } | ||
+ | .img-container { | ||
+ | width: 100%; | ||
+ | height: 14.0625em; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .img-container img { | ||
+ | max-width: 100%; | ||
+ | height:auto; | ||
+ | display: block; | ||
+ | } | ||
+ | .card:hover { | ||
+ | box-shadow: 0 0.5em 1em 0 rgba(0,0,0,0.2); | ||
+ | } | ||
+ | .c-container { | ||
+ | text-align: center; | ||
+ | height: 3.125em; | ||
+ | margin: 1vmax auto; | ||
+ | } | ||
+ | .card-content h4 { | ||
+ | font-weight: bold; | ||
+ | margin-block-start: 0.75em; | ||
+ | margin-block-end: 0.75em; | ||
+ | line-height: 0.75; | ||
+ | } | ||
+ | .card-content { | ||
+ | height: 100%; | ||
+ | } | ||
+ | .card-content p { | ||
+ | font-size: 1em; | ||
+ | margin-block-start: 0.75em; | ||
+ | margin-block-end: 0.75em; | ||
+ | } | ||
+ | .card-content .major { | ||
+ | font-style: italic; | ||
+ | } | ||
+ | .desc-container { | ||
+ | position: absolute; | ||
+ | top: 100%; | ||
+ | height: inherit; | ||
+ | transition: transform 250ms; | ||
+ | background-color: rgba(60,35,132,.9); | ||
+ | } | ||
+ | .team-description { | ||
+ | height: 100%; | ||
+ | display: flex; | ||
+ | flex-direction: row; | ||
+ | align-items: center; | ||
+ | margin: 0 0.4em 0 0.4em; | ||
+ | } | ||
+ | .team-description span { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .card:hover .desc-container { | ||
+ | transform: translateY(-100%); | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
</head> | </head> | ||
<body> | <body> |
Revision as of 00:52, 15 October 2018
2018 WLC iGem Team
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit a nim id est laborum.
Our Team.
LOREM IPSUM DOLOR AMET
Short description of iGem team describing their talents, diversity, etc.
Jack Betchel
Team & Wet Lab Lead
Biochemistry & Marine Biology '19
Laura Sanford
Analytics & Administration Lead
Chemistry '21
Tim Edwards
iGEM Team
Health Sciences '19
Mary Kolell
iGEM Team
Biology '19
Alyssa Leitzke
iGEM Team
Biology '21
Martharoot Malungu
iGEM Team
Biology '19
Emily Palm
iGEM Team
Biology & Psychology '20
Marissa Schmitz
iGEM Team
Biology '20
Erika Yanke
iGEM Team
Graphic Design '21
Dr. John Werner
Advisor
Associate Professor of Biology
Dr. Dan Ebeling
Advisor
Position at WLC
Name Surname
Title
Major '18
Name Surname
Title
Major '18
Name Surname
Title
Major '18