|
|
Line 3: |
Line 3: |
| <div class="titleWrapper"><div class="titleBackground" style="background-image:none"></div><div class="title">Team</div></div> | | <div class="titleWrapper"><div class="titleBackground" style="background-image:none"></div><div class="title">Team</div></div> |
| <article> | | <article> |
− | <style>
| + | <style> |
− | article figure {
| + | article figure { |
− | display: inline-block;
| + | display: inline-block; |
− | position: relative;
| + | position: relative; |
− | width: 40%;
| + | width: 40%; |
− | margin: 0;
| + | margin: 0; |
− | }
| + | } |
− | article figure img {
| + | article figure img { |
− | width: 100%;
| + | width: 100%; |
− | }
| + | } |
− | article figure img:nth-child(2) {
| + | article figure img:nth-child(2) { |
− | position: absolute;
| + | position: absolute; |
− | top:0;
| + | top:0; |
− | left:0;
| + | left:0; |
− | opacity: 0;
| + | opacity: 0; |
− | transition: opacity 0.3s ease-in-out;
| + | transition: opacity 0.3s ease-in-out; |
− | }
| + | } |
− | article figure img:nth-child(2):hover {
| + | article figure img:nth-child(2):hover { |
− | opacity: 1;
| + | opacity: 1; |
− | }
| + | } |
− | article figure figcaption {}
| + | article figure figcaption {} |
− | article aside {
| + | article aside { |
− | float: right;
| + | float: right; |
− | width: 60%;
| + | width: 60%; |
− | display: inline-block;
| + | display: inline-block; |
− | padding: 0 1% 0 1%;
| + | padding: 0 1% 0 1%; |
− | box-sizing: border-box;
| + | box-sizing: border-box; |
− | }
| + | } |
− | article ul li {
| + | article ul li { |
− | list-style: none;
| + | list-style: none; |
− | padding: 1%;
| + | padding: 1%; |
− | margin: 3% 0 3% 0;
| + | margin: 3% 0 3% 0; |
− | box-sizing: border-box;
| + | box-sizing: border-box; |
− | background-color: rgb(245,245,245);
| + | background-color: rgb(245,245,245); |
− | }
| + | } |
− | article ul {
| + | article ul { |
− | margin-bottom: 2% !important;
| + | margin-bottom: 2% !important; |
− | }
| + | } |
− | article>div {
| + | article>div { |
− | margin-bottom: 2%;
| + | margin-bottom: 2%; |
− | }
| + | } |
− | </style>
| + | </style> |
− | <div>
| + | <div> |
− | <h1>Meet the Team</h1> We as iGEM Team Marburg 2018 are very proud to present this years team.
| + | <h1>Meet the Team</h1> We as iGEM Team Marburg 2018 are very proud to present this years team. |
| The team consists of 15 team members from various different fields ranging from traditional biology, Molecular and Cellular Biology, chemistry, physics to computer science and this made it possible to work in a very interdisciplinary environment. | | The team consists of 15 team members from various different fields ranging from traditional biology, Molecular and Cellular Biology, chemistry, physics to computer science and this made it possible to work in a very interdisciplinary environment. |
| It was only possible to do this project thanks to our two team leaders, our instructor, and our two PIs. | | It was only possible to do this project thanks to our two team leaders, our instructor, and our two PIs. |
| Last but not least we want to thank our amazing board of 8 advisors because of their continuous support the project became what it is today.</div> | | Last but not least we want to thank our amazing board of 8 advisors because of their continuous support the project became what it is today.</div> |
− |
| + | |
− |
| + | |
− | <ul>
| + | <ul> |
| | | |
| <h2>Team Leaders</h2> | | <h2>Team Leaders</h2> |
Line 134: |
Line 134: |
| </figure> | | </figure> |
| <aside> | | <aside> |
− | <ul style="list-style:none; font-size: 13pt">
| + | <ul style="list-style:none; font-size: 13pt"> |
− | <li><b>Field of Study:</b> Master's student Molecular and Cellular Biology </li>
| + | <li><b>Field of Study:</b> Master's student Molecular and Cellular Biology </li> |
− | <li><b>Subgroup:</b> Strain Engineering
| + | <li><b>Subgroup:</b> Strain Engineering |
| </li> | | </li> |
− | <li><b>Favorite Bacterium:</b> <i>Treponema pallidum </i></li>
| + | <li><b>Favorite Bacterium:</b> <i>Treponema pallidum </i></li> |
− | <li><b>The moment I loved working with <i>V. natriegens</i>:
| + | <li><b>The moment I loved working with <i>V. natriegens</i>: |
| </b> After we created the first growth curve and showed how f***ing incredible fast it grows. </li> | | </b> After we created the first growth curve and showed how f***ing incredible fast it grows. </li> |
− | <li><b>The moment I hated working with <i>V. natriegens</i>:
| + | <li><b>The moment I hated working with <i>V. natriegens</i>: |
| </b> Almost everyday, work sucks!</li> | | </b> Almost everyday, work sucks!</li> |
− | <li><b>Social Media:</b>
| + | <li><b>Social Media:</b> |
| <a href=""><abbr title=""> Placeholder </abbr></a></li> | | <a href=""><abbr title=""> Placeholder </abbr></a></li> |
− | <li><b>Email:</b> danielbauersachs@gmx.de</li>
| + | <li><b>Email:</b> danielbauersachs@gmx.de</li> |
| </ul> | | </ul> |
| </aside> | | </aside> |
Line 562: |
Line 562: |
| | | |
| | | |
− | </ul>
| + | </ul> |
| + | |
| + | <h2>Advisor</h2> |
| + | <style> |
| + | .team_grid { |
| + | display: flex; |
| + | flex-wrap: wrap; |
| + | justify-content: space-around; |
| + | width: 100%; |
| + | } |
| + | .team_grid>figure { |
| + | width: 25%; |
| + | margin: 3%; |
| + | } |
| + | .team_grid>figure>img { |
| + | width: 100%; |
| + | } |
| + | </style> |
| + | <div class="team_grid"> |
| + | <figure style="text-align: center;"> |
| + | <img src="https://2018.igem.org/Special:UploadStash/thumb/163sxu53ebzg.aivg7m.2480.jpg/120px-163sxu53ebzg.aivg7m.2480.jpg"> |
| + | <figcaption> Hendrik Cooper </figcaption> |
| + | </figure> |
| + | <figure style="text-align: center;"> |
| + | <img src="https://static.igem.org/mediawiki/2018/5/52/T--Marburg--advisor_stefano.jpg"> |
| + | <figcaption> Stefano Vecchione </figcaption> |
| + | </figure> |
| + | <figure style="text-align: center;"> |
| + | <img src="https://static.igem.org/mediawiki/2018/thumb/9/9b/T--Marburg--advisor_pascal.jpg/900px-T--Marburg--advisor_pascal.jpg"> |
| + | <figcaption> Pascal Pfister </figcaption> |
| + | </figure> |
| + | <figure style="text-align: center;"> |
| + | <img src="https://static.igem.org/mediawiki/2018/thumb/2/29/T--Marburg--advisor_doreen.jpg/900px-T--Marburg--advisor_doreen.jpg"> |
| + | <figcaption> Dr. Dorreen Meier </figcaption> |
| + | </figure> |
| + | <figure style="text-align: center;"> |
| + | <img src="https://static.igem.org/mediawiki/2018/thumb/2/20/T--Marburg--advisor_tobias.jpg/900px-T--Marburg--advisor_tobias.jpg" alt="Vielen Dank Tobias!"> |
| + | <figcaption> Tobias Wulsdorf </figcaption> |
| + | </figure> |
| + | <figure style="text-align: center;"> |
| + | <img src="https://www.rivet-expert.com/wp-content/uploads/2018/03/Placeholder.png"> |
| + | <figcaption> Dr. Alex Lepak </figcaption> |
| + | </figure> |
| + | <figure style="text-align: center;"> |
| + | <img src="https://static.igem.org/mediawiki/2018/thumb/8/89/T--Marburg--advisor_daniel.jpg/900px-T--Marburg--advisor_daniel.jpg"> |
| + | <figcaption> Daniel Rotter </figcaption> |
| + | </figure> |
| + | <figure style="text-align: center;"> |
| + | <img src="https://static.igem.org/mediawiki/2018/thumb/2/27/T--Marburg--advisor_carlo.jpg/89px-T--Marburg--advisor_carlo.jpg"> |
| + | <figcaption> Carlo Klein </figcaption> |
| + | </figure> |
| + | </div> |
| + | |
| + | |
| </article> | | </article> |
| </html> | | </html> |
| {{Marburg/footer}} | | {{Marburg/footer}} |