|
|
Line 3: |
Line 3: |
| | | |
| <html> | | <html> |
− | <head> | + | <head><title></title></head> |
| <style> | | <style> |
− | <link href="https://fonts.googleapis.com/css?family=Baloo+Bhaijaan" rel="stylesheet">
| + | |
| + | .animate-right |
| + | {position: relative; |
| + | animation:animateright 0.4s; |
| + | }@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} |
| .text-wrapper | | .text-wrapper |
| { | | { |
Line 16: |
Line 20: |
| border-style:solid; | | border-style:solid; |
| border-color: #6E7B8B; | | border-color: #6E7B8B; |
− | }
| |
− | .sub-title
| |
− | {
| |
− | border:5px solid white;
| |
− | padding:20px;
| |
− | color: white;
| |
− | font-size:43px;
| |
− | }
| |
− |
| |
− | .Lab-team {
| |
− | border: white solid 4px;
| |
− | padding:50px;
| |
− | position: relative;
| |
− | top:50px;
| |
− | left:25px;
| |
− | display: inline-block;
| |
− | font-size:15px;
| |
− | height:250px;
| |
− | border-radius:100%;
| |
− | }
| |
| | | |
− | .Website-team {
| |
− | border: white solid 4px;
| |
− | padding:50px;
| |
− | position: relative;
| |
− | top:25px;
| |
− | left:100px;
| |
− | display: inline-block;
| |
− | font-size:15px;
| |
− | height:250px;
| |
− | border-radius:100%;
| |
| | | |
| } | | } |
| | | |
− | .Poster-team { | + | .subtitle |
− | border: white solid 4px;
| + | { |
− | position: relative;
| + | width: 300px; |
− | top:50px;
| + | margin-left: auto; |
− | left:175px;
| + | margin-right: auto; |
− | display: inline-block;
| + | font-size: 20; |
− | padding:50px;
| + | color: black; |
− | font-size:15px;
| + | text-decoration: underline; |
− | height:250px;
| + | text-align: center; |
− | border-radius:100%;
| + | |
− | | + | |
| } | | } |
| | | |
− | .Human-practices { | + | .sub-title |
− | border: white solid 4px; | + | { |
− | padding: 50px; | + | border:5px solid white; |
− | position: relative; | + | padding:20px; |
− | bottom:25px;
| + | color: white; |
− | left:250px;
| + | font-size:43px; |
− | display: inline-block;
| + | |
− | font-size:15px; | + | |
− | height:250px;
| + | |
− | border-radius:100%;
| + | |
− | | + | |
| } | | } |
− |
| |
− |
| |
− | p {
| |
− |
| |
− | color: black;
| |
− | font-size: 55px;
| |
− |
| |
− | }
| |
− |
| |
| | | |
| | | |
| </style> | | </style> |
| </head> | | </head> |
− |
| |
| <body> | | <body> |
− |
| |
| <h2 class = "main-title"> Attributions </h2> | | <h2 class = "main-title"> Attributions </h2> |
| + | <h3 class = "sub-title"> Team </h2> |
| | | |
− | <h3 class = "sub-title"> Teams </h3>
| |
| <div class = "text-wrapper"> | | <div class = "text-wrapper"> |
− | <div class ="Lab-team">
| |
− | <p> <b> Lab Team: </b> </p>
| |
− | <ol>
| |
− | <li> Clare Gao </li>
| |
− | <li> Annam Tran </li>
| |
− | <li> Julia Situ </li>
| |
− | <li> Nicohlas Laqua </li>
| |
− | <li> Kishan Shah </li>
| |
− | </ol>
| |
− | </div>
| |
| | | |
− | <div class = "Website-team">
| |
− | <p> <b> Website Team: </b> </p>
| |
− | <ol>
| |
− | <li> Rohith Kodukula </li>
| |
− | <li> Jodie Hoh</li>
| |
− | <li> Ryan Heo </li>
| |
− | <li> Annam Tran </li>
| |
− | </ol>
| |
| </div> | | </div> |
| | | |
− | <div class = "Poster-team">
| |
− | <p> <b> Poster Team: </b> </p>
| |
− | <ol>
| |
− | <li> Stella Chung </li>
| |
− | <li> Alina Ho </li>
| |
− | <li> Elliot Kim </li>
| |
− | <li> Rebecca Shin </li>
| |
− | <li> Jacey Yang</li>
| |
| | | |
− | </ol>
| |
− | </div>
| |
| | | |
− | <div class = "Human-practices">
| |
− | <p> <b> Human Practices Team: </b> </p>
| |
− | <ol>
| |
− | <li> Karishma Shah </li>
| |
− | <li> Rachel Lian </li>
| |
− | </ol>
| |
− | </div>
| |
− | </div>
| |
| | | |
| | | |
| </body> | | </body> |
− |
| |
| </html> | | </html> |