diff --git a/wiki/pages/team.html b/wiki/pages/team.html index 1045da132b35c96d85b02701e2f71b74dd6398c1..dfb4ec0632efa694fef65e60c500b2b1b5d3e929 100644 --- a/wiki/pages/team.html +++ b/wiki/pages/team.html @@ -1,10 +1,115 @@ {% extends "layout.html" %} -{% block title %}Team{% endblock %} -{% block lead %}On this page you can introduce your team members, instructors, and advisors.{% endblock %} +{% block title %}Team InfinityF{% endblock %} +{% block lead %}InfinityF – Together!{% endblock %} {% block page_content %} +<style> + .grid-parent { + display: flex; + flex-wrap: wrap; + justify-content:space-evenly; + + } + .grid-child { + display: block; + width:300px; + height:500px; + background-color: white; + border: 2px solid black; + margin: 20px 0; + color: black; + } + .face-image { + width: 80%; + margin: 5% 10%; + } +</style> + +<h1 style="text-align:center">Who are we?</h1> +<div class="row" style="margin-bottom:3vh;"> + <div class="col-4"> + <p>We're <b>InfinityF</b>! We are based in Radboud University in Nijmegen, and we work to...</p> + </div> + <div class="col-8"> + <img src="https://static.igem.wiki/teams/5342/images/team/team-drinks-2.webp" style="max-width:100%" alt="InfinityF - Together!"> + </div> +</div> +<h2 style="text-align:center">Our members:</h2> +<div class="grid-parent"> + <div class="grid-child"> + <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face"> + <h4 style="text-align:center">Firstname Lastname</h4> + <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6> + <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p> + </div> + <div class="grid-child"> + <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face"> + <h4 style="text-align:center">Firstname Lastname</h4> + <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6> + <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p> + </div> + <div class="grid-child"> + <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face"> + <h4 style="text-align:center">Firstname Lastname</h4> + <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6> + <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p> + </div> + <div class="grid-child"> + <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face"> + <h4 style="text-align:center">Firstname Lastname</h4> + <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6> + <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p> + </div> + <div class="grid-child"> + <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face"> + <h4 style="text-align:center">Firstname Lastname</h4> + <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6> + <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p> + </div> + <div class="grid-child"> + <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face"> + <h4 style="text-align:center">Firstname Lastname</h4> + <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6> + <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p> + </div> + <div class="grid-child"> + <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face"> + <h4 style="text-align:center">Firstname Lastname</h4> + <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6> + <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p> + </div> + <div class="grid-child"> + <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face"> + <h4 style="text-align:center">Firstname Lastname</h4> + <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6> + <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p> + </div> + <div class="grid-child"> + <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face"> + <h4 style="text-align:center">Firstname Lastname</h4> + <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6> + <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p> + </div> + <div class="grid-child"> + <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face"> + <h4 style="text-align:center">Firstname Lastname</h4> + <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6> + <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p> + </div> + <div class="grid-child"> + <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="face"> + <h4 style="text-align:center">Firstname Lastname</h4> + <h6 style="text-align:center"> Role 1, Role 2, and Role 3</h6> + <p style="margin: 0 5%;">Hi! I'm a generic member, and I exist for the sole purpose of being a template so that I can eventually get replaced by a REAL member :) My interests are helping the lead programmer :D</p> + </div> +</div> + +<h1 style="text-align:center">Where are we?</h1> +<p>I'm thinking pictures of uni and lab etc. go here?</p> + +<hr> <div class="row"> <div class="col-8"> <h2>What should this page contain?</h2>