Difference between revisions of "Team:Rotterdam HR"

Line 1: Line 1:
{{Rotterdam_HR}}
 
 
<html>
 
<html>
 +
<head>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
<style>
 +
.navbar {
 +
    overflow: hidden;
 +
    background-color: #333;
 +
    font-family: Arial, Helvetica, sans-serif;
 +
}
  
 +
.navbar a {
 +
    float: left;
 +
    font-size: 16px;
 +
    color: white;
 +
    text-align: center;
 +
    padding: 14px 16px;
 +
    text-decoration: none;
 +
}
 +
 +
.dropdown {
 +
    float: left;
 +
    overflow: hidden;
 +
}
 +
 +
.dropdown .dropbtn {
 +
    font-size: 16px;   
 +
    border: none;
 +
    outline: none;
 +
    color: white;
 +
    padding: 14px 16px;
 +
    background-color: inherit;
 +
    font-family: inherit;
 +
    margin: 0;
 +
}
 +
 +
.navbar a:hover, .dropdown:hover .dropbtn {
 +
    background-color: red;
 +
}
 +
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 1;
 +
}
 +
 +
.dropdown-content a {
 +
    float: none;
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
}
 +
 +
.dropdown-content a:hover {
 +
    background-color: #ddd;
 +
}
 +
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
 +
</style>
 +
</head>
 
<body>
 
<body>
  
 +
<div class="navbar">
 +
  <a href="#home">Home</a>
 +
  <a href="#team">Team</a>
 +
  <div class="dropdown">
 +
    <button class="dropbtn">Project
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="#1">Link 1</a>
 +
      <a href="#2">Link 2</a>
 +
      <a href="#3">Link 3</a>
 +
    </div>
 +
  </div>
  
<div class="column full_size" >
+
  <div class="dropdown">
<h1> iGEM team Hogeschool Rotterdam </h1>
+
    <button class="dropbtn">Results
<p>The first team non-University team of the Netherlands! </p>
+
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="#4">Link 4</a>
 +
      <a href="#5">Link 5</a>
 +
      <a href="#6">Link 6</a>
 +
    </div>
 +
  </div>
 +
</div>
  
 +
<head>
 +
<style>
 +
body {
 +
    background-image: url("https://noellesterk.com/wp-content/uploads/herfst.jpg");
 +
}
 +
</style>
 +
</head>
  
<img src="http://placehold.it/1080x320/c4baba/e4dede">
+
<h3>Dropdown Menu inside a Navigation Bar</h3>
+
<p>Hover over the "Dropdown" link to see the dropdown menu.</p>
  
</div>  
+
<div id="content" style="height:650px;overflow:hidden;text-align:justify;line-height:170%;color:#333;">
  
  
<div class="column full_size" >
 
  
<h3>Before you start</h3>
+
<a name="team"></a><div class="page" style="height:570px;padding:40px;overflow:auto;">
<p> Please read the following pages:</p>
+
<center class="page-head" style="margin:0 18% 20px 18%;line-height:200%;">
<ul>
+
<b style="letter-spacing:3px;font-size:20px;color:#39BBBB;">A smile is a girls greatest weapon </b><br>
<li>  <a href="https://2018.igem.org/Competition">Competition Hub</a> </li>
+
<i style="font-family:Palatino Linotype;"></i>
<li> <a href="https://2018.igem.org/Competition/Deliverables/Wiki">Wiki Requirements page</a></li>
+
</center>
<li> <a href="https://2018.igem.org/Resources/Template_Documentation">Template documentation</a></li>
+
</ul>
+
 
</div>
 
</div>
  
 +
<div id="content" style="height:650px;overflow:hidden;text-align:justify;line-height:170%;color:#333;">
  
<div class="clear extra_space"></div>
 
<div class="line_divider"></div>
 
<div class="clear extra_space"></div>
 
  
  
 +
<a name="team"></a><div class="page" style="height:570px;padding:40px;overflow:auto;">
 +
<center class="page-head" style="margin:0 18% 20px 18%;line-height:200%;">
 +
<b style="letter-spacing:3px;font-size:20px;color:#39BBBB;">A smile is a girls greatest weapon </b><br>
 +
<i style="font-family:Palatino Linotype;"></i>
 +
</center>
  
<div class="column full_size" >
+
<div id="about-nav" style="display:flex;flex-wrap:wrap;justify-content:center;text-align:center;font-family:Palatino Linotype;font-size:25px;font-style:italic;font-weight:bold;letter-spacing:3px;text-transform:uppercase;">
<h3> Styling your wiki </h3>
+
<a href="#1a" style="display:block;width:200px;height:220px;background:#ddd url(http://us.jimmychoo.com/on/demandware.static/-/Library-Sites-jch-shared-general/default/dwfa8026c5/images/2015/choo-world/edit/leightonmeester/leightonmeester-landscape3.jpg);background-size:cover;line-height:220px;margin:10px;text-decoration:none;color:#fff;">ABOUT</a>
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
<a href="#1b" style="display:block;width:200px;height:220px;background:#ddd url(http://images4.fanpop.com/image/photos/15500000/Leighton-Meester-Seventeen-gossip-girl-15557312-359-480.jpg);background-size:cover;line-height:220px;margin:10px;text-decoration:none;color:#060000;">PRESENT</a>
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>  
+
<a href="#1c" style="display:block;width:200px;height:220px;background:#ddd url(http://images5.fanpop.com/image/photos/30600000/-Leighton-Meester-Glamour-Italy-dair-lovers-30609354-362-500.jpg);background-size:cover;line-height:260px;margin:10px;text-decoration:none;color:#060000;">LOOKBOOK</a>
 +
<a href="#1d" style="display:block;width:200px;height:220px;background:#ddd url(http://images4.fanpop.com/image/polls/824000/824615_1315248473656_full.jpg);background-size:cover;line-height:260px;margin:10px;text-decoration:none;color:#fff;">PAST</a>
 +
</div>
 +
</div>
  
 +
 +
 +
 +
<a name="1a"></a><div class="page" style="height:570px;padding:40px;overflow:auto;">
 +
<center class="page-head" style="margin:0 18% 20px 18%;line-height:200%;">
 +
<b style="letter-spacing:3px;font-size:20px;color:#BDBDBD;">ABOUT AYDA</b><br>
 +
<i style="font-family:Palatino Linotype;">I am not good, the rest just needs practice</i>
 +
</center>
 +
 +
<div class="page-col" style="display:flex;">
 +
<div class="page-side" style="width:30%;margin-right:3%;"><img src="https://zippy.gfycat.com/MajesticGrizzledGreatdane.gif" style="width:140px;height:150px;margin-bottom:20px;padding:10px;background:#eee;" /> <b style="color:#062D39;text-transform:uppercase;letter-spacing:3px;">Algemene info</b><br />
 +
<b style="letter-spacing:3px;font-size:8px;">NAME</b> Ayda Chase<br>
 +
<b style="letter-spacing:3px;font-size:8px;">AGE</b> 28<br>
 +
<b style="letter-spacing:3px;font-size:8px;">DOB</b> 17 mei<br><br>
 +
 +
<b style="letter-spacing:3px;font-size:8px;">HEIGHT</b> 1'64"<br>
 +
<b style="letter-spacing:3px;font-size:8px;">BUILD</b> Slank<br>
 +
<b style="letter-spacing:3px;font-size:8px;">HAIR</b> Donkerblond/bruin<br>
 +
<b style="letter-spacing:3px;font-size:8px;">EYES</b> Bruin<br><br>
 +
<img src="https://78.media.tumblr.com/ee284c163f238dc3d3f7c2cb882eb5cf/tumblr_npr4imOJlY1rqsqdho1_250.gif" style="width:120px;height:120px;margin-bottom:20px;padding:10px;background:#eee;" />
 +
<div id="traits" style="font-size:10px;letter-spacing:3px;color:#fff;margin:15px 0;">
 +
 +
<b style="letter-spacing:3px;font-size:17px;color:#BDBDBD;">KARAKTER</b><br>
 +
<div class="trait" style="background:#eee;margin:8px 0;"><div style="background:#BDBDBD;width:70%;"> Temperamentvol</div></div>
 +
<div class="trait" style="background:#eee;margin:8px 0;"><div style="background:#BDBDBD;width:45%;"> Jaloers</div></div>
 +
<div class="trait" style="background:#eee;margin:8px 0;"><div style="background:#BDBDBD;width:90%;"> Energievol</div></div>
 +
<div class="trait" style="background:#eee;margin:8px 0;"><div style="background:#BDBDBD;width:20%;">Aanhankelijk</div></div>
 +
<div class="trait" style="background:#eee;margin:8px 0;"><div style="background:#BDBDBD;width:95%;"> Beschermend</div></div>
 +
<br>
 +
<img src="https://secure.static.tumblr.com/a244a46b334ad831bc75cb32a419a5a4/lorrkbx/LUUne9au7/tumblr_static_tumblr_static_ayb5wglec2og4ogcg04ss0k0s_640.gif" style="width:140px;height:120px;margin-bottom:20px;padding:10px;background:#eee;" />
 
</div>
 
</div>
  
 +
<b style="letter-spacing:3px;font-size:8px;">STRENGTHS</b> Zelfstandig, Beschermend, Oplettend <br>
 +
<b style="letter-spacing:3px;font-size:8px;">WEAKNESSES</b> Temperamentvol, wantrouwend <br>
 +
<b style="letter-spacing:3px;font-size:8px;">NEUTRAL</b> <br>Liefdevol, nieuwsgierig, <br>druk <br>
  
 +
</div>
  
 +
<div class="page-side" style="width:67%;">
 +
Ayda is de officier Beveiliging in Beacon Hills. Dit doet ze al 3 jaar met heel veel plezier en vooral met alle mensen met wie ze samenwerkt. Haar team is geweldig en ze doet er dan ook alles aan om dit zo te houden. Samen met de liefde van haar leven Erin kan ze alles aan. Het geluk lacht haar eindelijk toe.
 +
</div>
  
<div class="clear extra_space"></div>
+
</div><a href="#1" style="display:block;width:120px;padding:8px 0 8px 3px;margin:25px auto 0 auto;border:2px solid #BDBDBD;color:#BDBDBD;letter-spacing:3px;text-align:center;text-decoration:none;font-weight:bold;font-size:18px;">HOME</a></div>
  
  
  
<div class="column third_size" >
 
  
<h3> Uploading pictures and files </h3>
+
<a name="1b"></a><div class="page" style="height:570px;padding:40px;overflow:auto;">
<p> You must upload any pictures and files to the iGEM 2018 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. </p>
+
<center class="page-head" style="margin:0 18% 20px 18%;line-height:200%;">
 +
<b style="letter-spacing:3px;font-size:20px;color:#BDBDBD;">PERSONALITY</b><br>
 +
<i style="font-family:Palatino Linotype;">If you can't have the world, take the universe</i>
 +
</center><b>Liefde.</b>
 +
<br>
 +
<br>
 +
Met de liefde zit het goed, een betere partner dan Erin kan Ayda zich niet wensen. Nouja, een beetje minder flirt... Ach iedereen zijn gebreken toch? Maar ayda is blij met een partner die haar volledig steunt. Vooral omdat Ayda als Banshee niet altijd controle heeft over de situaties waar ze in terecht komt. Maar door dik en dun, Erin zal er altijd staan voor een arm om Ayda heen. <3
 +
<br> <br/>
  
 +
<img src="https://78.media.tumblr.com/82742387ec87d971b145967dc81ee119/tumblr_mv537edbrJ1shaj4ao1_500.gif" style="width:480px;height:280px;margin-bottom:20px;padding:10px;background:#eee;" />
 +
<b>Werk.</b>
 +
<br>
 +
<br>
 +
Als Beveiliger weet Ayda dat ze sterk in haar schoenen moet staan. Maar als Officier moet ze ook daadkrachtig handelen naar anderen en voor anderen sterk zijn. Dat maakt haar baan een stuk lastiger, maar daardoor wordt ze zelf passievoller. Ayda laat haar niet kisten en gaat er vol voor, onder welke druk ze ook geplaatst word. Ze regeert met een krachtige wil binnen haar team en dat is soms maar goed ook.
 +
<br> <br/>
  
<p>When you upload, set the "Destination Filename" to <b> T--YourOfficialTeamName--NameOfFile.jpg</b>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
<center><img src="https://78.media.tumblr.com/tumblr_m4yr087khR1qjda95o6_r1_250.gif" style="width:269;height:294;margin-bottom:20px;padding:10px;background:#eee;" /><br/></center>
  
<div class="button_link">
+
<b>Leerjaar 3 ~</b></br></br/>
<a href="https://2018.igem.org/Special:Upload">
+
 
UPLOAD FILES
+
HIER TEKST PLAATSEN
</a>
+
<br>
 +
<br>
 +
 
 +
 
 +
<center><img src="https://i2.wp.com/www.society19.com/wp-content/uploads/2016/05/3-24.jpg?resize=1161%2C1161&ssl=1" style="width:285;height:285;margin-bottom:20px;padding:10px;background:#eee;" /><br/></center>
 +
 
 +
<b>Leerjaar 4 ~</b></br></br/>
 +
 
 +
Tekst leerjaar 4 hier.
 +
 
 +
<br> <br/>
 +
 
 +
 
 +
<a href="#1" style="display:block;width:120px;padding:8px 0 8px 3px;margin:25px auto 0 auto;border:2px solid #BDBDBD;color:#ADD7C9;letter-spacing:3px;text-align:center;text-decoration:none;font-weight:bold;font-size:18px;">HOME</a></div>
 +
 
 +
 
 +
 
 +
 
 +
<a name="1c"></a><div class="page" style="height:570px;padding:40px;overflow:auto;">
 +
<center class="page-head" style="margin:0 18% 20px 18%;line-height:200%;">
 +
<b style="letter-spacing:3px;font-size:20px;color:#BDBDBD;">LOOKBOOK</b><br>
 +
<i style="font-family:Palatino Linotype;">''I realize everybody wants what they don't have. <br>But at the end of the day, what you have inside is much more beautiful than what's on the outside.''</i>
 +
</center>
 +
 
 +
<div class="page-col" style="display:flex;">
 +
<div class="page-side" style="width:30%;margin-right:3%;">
 +
<b style="color:#BDBDBD;text-transform:uppercase;letter-spacing:3px;">FOTO'S LOLA</b><br>
 +
 
 +
<a href="FULLSIZE" target="_blank"><img src="https://i.pinimg.com/736x/e6/7c/36/e67c3697ab0dbb9fa730c41812aee8be--selena-gomez-and-the-weekend--selena-gomez-style-.jpg" style="width:100%"></a>
 +
<a href="FULLSIZE" target="_blank"><img src="https://cdn.cliqueinc.com/posts/225996/selena-gomez-it-bag-225996-1496672670344-image.640x0c.jpg" style="width:100%"></a>
 +
<a href="FULLSIZE" target="_blank"><img src="https://hips.hearstapps.com/hbz.h-cdn.co/assets/16/04/1454174542-screen-shot-2016-01-30-at-92318-am.png" style="width:100%"></a>
 +
<a href="FULLSIZE" target="_blank"><img src="http://www3.pictures.zimbio.com/bg/Selena+Gomez+pictured+arriving+ITV+studios+8avlsBquFFCl.jpg" style="width:100%"></a>
 +
<a href="FULLSIZE" target="_blank"><img src="https://pbs.twimg.com/media/BwIiTEwIgAMZPtI.jpg" style="width:100%"></a>
 
</div>
 
</div>
  
 +
<div class="page-side" style="width:67%;">
 +
TEKST HIER
 
</div>
 
</div>
  
<div class="column third_size" >
+
</div><a href="#1" style="display:block;width:120px;padding:8px 0 8px 3px;margin:25px auto 0 auto;border:2px solid #BDBDBD;color:#BDBDBD;letter-spacing:3px;text-align:center;text-decoration:none;font-weight:bold;font-size:18px;">HOME</a></div>
<h3> Wiki template information </h3>
+
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2018.igem.org/Judging/Pages_for_Awards">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
  
</div>
 
  
  
  
<div class="column third_size" >
+
<a name="1d"></a><div class="page" style="height:570px;padding:40px;overflow:auto;">
<div class="highlight decoration_B_full">
+
<center class="page-head" style="margin:0 18% 20px 18%;line-height:200%;">
<h3> Editing your wiki </h3>
+
<b style="letter-spacing:3px;font-size:20px;color:#BDBDBD;">PAST</b><br>
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>  
+
<i style="font-family:Palatino Linotype;">the only man a girl needs in her life is her daddy</i>
<p>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
</center>
  
<div class="button_link">
+
<div class="page-col" style="display:flex;">
<a href="https://2018.igem.org/wiki/index.php?title=Team:Rotterdam_HR&action=edit">  
+
<div class="page-side" style="width:30%;margin-right:3%;">
EDIT PAGE
+
<b style="color:#BDBDBD;text-transform:uppercase;letter-spacing:3px;">FAMILY TREE</b><br>
</a>
+
<b style="letter-spacing:3px;font-size:8px;">MOTHER</b>Yuna Temple† <br>
 +
<b style="letter-spacing:3px;font-size:8px;">FATHER</b>Ciaran Rafferty
 +
 
 +
<blockquote style="border-left:2px solid #CDC3CC;padding-left:15px;margin-left:15px;">
 +
<b style="letter-spacing:3px;font-size:8px;">COUSIN</b> Jean Dippet<br>
 +
<b style="letter-spacing:3px;font-size:8px;">DADDY'S GIRLFRIEND</b> Evangelien Borghesius<br></blockquote>
 +
 
 +
<b style="letter-spacing:3px;font-size:8px;">SON-EVANGELIEN</b>Vince<br><br>
 +
 
 +
<b style="color:#BDBDBD;text-transform:uppercase;letter-spacing:3px;">ROADMAP</b><br>
 +
<b style="letter-spacing:3px;font-size:8px;">BIRTHPLACE</b> County Galway, Ireland<br>
 +
<b style="letter-spacing:3px;font-size:8px;">HOME</b> Dublin<br><br>
 +
 
 +
<b style="color:#BDBDBD;text-transform:uppercase;letter-spacing:3px;">TIMELINE</b><br>
 +
<b style="letter-spacing:3px;font-size:8px;">2005</b>
 +
<blockquote style="border-left:2px solid #CDC3CC;padding-left:5px;margin-left:15px;">Birth</blockquote>
 +
<b style="letter-spacing:3px;font-size:8px;">2005</b>
 +
<blockquote style="border-left:2px solid #CDC3CC;padding-left:5px;margin-left:15px;">Mother died † </blockquote>
 +
<b style="letter-spacing:3px;font-size:8px;">2015</b>
 +
<blockquote style="border-left:2px solid #CDC3CC;padding-left:5px;margin-left:15px;">Ciaran's accident</blockquote>
 +
<b style="letter-spacing:3px;font-size:8px;">2016</b>
 +
<blockquote style="border-left:2px solid #CDC3CC;padding-left:5px;margin-left:15px;">Lola goes to Hogwarts</blockquote>
 
</div>
 
</div>
  
 +
<div class="page-side" style="width:67%;">
 +
HIER TEKST PLAATSEN
 +
 +
<br>
 +
<br>
 +
<center><img src="https://scontent-ams3-1.xx.fbcdn.net/v/t1.0-9/18622417_115319619048527_4198325316576116505_n.jpg?oh=2a5dca7fbaf2c1f58f7bc2341c13fcfc&oe=5A687A13" style="width:269;height:354;margin-bottom:20px;padding:10px;background:#eee;" /><br/></center>
 +
 +
HIER TEKST PLAATSEN
 +
<br>
 +
<br>
 +
<center><img src="https://scontent-ams3-1.xx.fbcdn.net/v/t1.0-9/19400085_123080521619745_882653253537787434_n.jpg?oh=dda14d2633fe6cfa86856d4ac19711f0&oe=5A877705" style="width:285;height:285;margin-bottom:20px;padding:10px;background:#eee;" /><br/></center>
 +
 +
HIER TEKST PLAATSEN
 +
 +
<br>
 +
<br>
 +
<center><img src="https://scontent-ams3-1.xx.fbcdn.net/v/t1.0-9/18620446_115322732381549_3861977528482664652_n.jpg?oh=2b718583e9d16be47dfa60cac309eb83&oe=5A820125" style="width:185;height:285;margin-bottom:20px;padding:10px;background:#eee;" /><br/></center>
 +
 +
HIER TEKST PLAATSEN
 +
 +
</div>
 +
 +
</div><a href="#1" style="display:block;width:120px;padding:8px 0 8px 3px;margin:25px auto 0 auto;border:2px solid #BDBDBD;color:#BDBDBD;letter-spacing:3px;text-align:center;text-decoration:none;font-weight:bold;font-size:18px;">HOME</a></div>
 +
 +
 +
 +
 +
<a name="2"></a><div class="page" style="height:570px;padding:40px;overflow:auto;">
 +
<center class="page-head" style="margin:0 18% 20px 18%;line-height:200%;">
 +
<b style="letter-spacing:3px;font-size:20px;color:#BDBDBD;">RELATIONS</b><br>
 +
<i style="font-family:Palatino Linotype;">FRIENDS ARE THE FAMILY YOU CHOOSE</i>
 +
</center>
 +
 +
<div id="images" style="-webkit-column-count:3;-webkit-column-gap:0;-moz-column-count:3;-moz-column-gap:0;column-count:3;column-gap:0;">
 +
 +
<img src="http://www.hawtcelebs.com/wp-content/uploads/2015/05/zendaya-coleman-in-harper-s-bazaar-my-life-in-3-looks-april-2015-issue-_1.jpg" style="width:100%!important;height:auto!important;">
 +
<img src="https://i.pinimg.com/736x/40/17/88/4017885498e35637f8f2b6e19ac95c4b--celebs-celebrities.jpg" style="width:100%!important;height:auto!important;">
 +
<img src="https://i.pinimg.com/736x/af/f8/47/aff8479a4d9dcf02d672f1c05f549aca--hbo-game-of-thrones-sophie-turner.jpg" style="width:100%!important;height:auto!important;">
 +
<img src="https://vignette4.wikia.nocookie.net/teenwolf/images/2/27/Teen_Wolf_News_Cody_Christian_Joins_Cast_021015.jpg/revision/latest?cb=20150211011355" style="width:100%!important;height:auto!important;">
 +
<img src="https://i.pinimg.com/736x/5d/df/5b/5ddf5b7fe61b1959cd945d7b594c9437--friendship-quotes-short-friendship-quotes-inspirational.jpg" style="width:100%!important;height:auto!important;">
 +
<img src="https://i.pinimg.com/originals/43/4a/dc/434adc9d6f3709e3f9807ca010eed671.jpg" style="width:100%!important;height:auto!important;">
 +
<img src="https://www.gannett-cdn.com/-mm-/f980f9659c44912f666dbc71c68db4da71e8cf06/c=0-59-1594-2184&r=537&c=0-0-534-712/local/-/media/Cincinnati/Cincinnati/2014/11/20/635520988690437372-JoshHutcherson-3671-flat-.jpg" style="width:100%!important;height:auto!important;">
 +
<img src="https://i.pinimg.com/736x/c7/56/b5/c756b5e3194d8d22e05d0ba9808bef1b--chlo%C3%AB-moretz-chlo%C3%AB-grace-moretz.jpg" style="width:100%!important;height:auto!important;">
 +
<img src="https://vignette2.wikia.nocookie.net/vampirediaries/images/0/05/Daniel-sharman.jpg/revision/latest?cb=20140511082456" style="width:100%!important;height:auto!important;">
  
 
</div>
 
</div>
Line 91: Line 331:
  
  
 +
<a name="3"></a><div class="page" style="height:570px;padding:40px;overflow:auto;">
 +
<center class="page-head" style="margin:0 18% 20px 18%;line-height:200%;">
 +
<b style="letter-spacing:3px;font-size:20px;color:#39BBBB;">My love </b><br>
 +
<i style="font-family:Palatino Linotype;">Till death do us part</i>
 +
</center>
  
<div class="clear extra_space"></div>
+
<div id="connections" style="display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;text-align:center;">
<div class="line_divider"></div>
+
<div class="clear extra_space"></div>
+
  
  
 +
<div class="connect" style="width:160px;">
 +
<a href="FRIENDURL" target="_blank"><img src="FRIENDICON" style="width:120px;height:120px;margin-bottom:20px;padding:10px;background:#eee;"></a>
 +
<b style="letter-spacing:3px;font-size:17px;color:#BDBDBD;">Erin Whitfort</b><br>
 +
<i style="font-family:Palatino Linotype;">CONNECTION TYPE</i><br>
 +
CONNECTION INFO
 +
</div>
  
<div class="column two_thirds_size" >
+
 
<h3>Tips</h3>
+
</div>
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
<ul>
+
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
<li>Be clear about what you are doing and how you plan to do this.</li>
+
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2018.igem.org/Calendar">iGEM 2018 calendar</a> </li>
+
<li>Have lots of fun! </li>
+
</ul>  
+
 
</div>
 
</div>
  
  
<div class="column third_size">
+
 
<div class="highlight decoration_A_full">
+
 
<h3>Inspiration</h3>
+
<a name="4"></a><div class="page" style="height:570px;padding:40px;overflow:auto;">
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
<center class="page-head" style="margin:0 18% 20px 18%;line-height:200%;">
<ul>
+
<b style="letter-spacing:3px;font-size:20px;color:#BDBDBD;">PLAYLIST</b><br>
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
<i style="font-family:Palatino Linotype;">PLAYLISTSUBTITLE</i>
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
</center>
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
 
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
 
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
<div id="songs" style="font-size:10px;letter-spacing:3px;text-transform:uppercase;line-height:130%;">
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
 
</ul>
+
 
 +
<a href="SONGURL" style="text-decoration:none;color:#333;">
 +
<div style="height:45px;padding-top:19px;border-top:1px solid #ddd;border-bottom:1px solid #eee;">
 +
<img src="ALBUMURL" style="float:left;height:66px;margin-right:20px;margin-top:-20px;">
 +
<b>SONGTITLE</b><br>
 +
<span style="opacity:0.5;">SONGARTIST</span>
 +
<span style="float:right;margin-top:-5px;"><b>0:00</b></span>
 +
</div>
 +
</a>
 +
 
 +
 
 
</div>
 
</div>
 
</div>
 
</div>
  
 +
</div>
  
</body>
 
  
 +
 +
 +
<div id="footer" style="padding:40px;background:#BDBDBD;text-align:center;color:#fff;font-size:17px;">
 +
<b style="letter-spacing:3px;font-size:20px;">PLAYER INFO</b><br>
 +
<i style="text-transform:lowercase;font-family:Palatino Linotype;">
 +
 +
Loraine —
 +
20jaar —
 +
Analist to be  —
 +
Skype/Uil<br>
 +
<a href="CONTACTURL" style="color:#fff;text-decoration:none;"> Only a blink away</a>
 +
 +
</i>
 +
</div>
 +
 +
<div>
 +
 +
</body>
 
</html>
 
</html>

Revision as of 12:13, 2 May 2018

Dropdown Menu inside a Navigation Bar

Hover over the "Dropdown" link to see the dropdown menu.

A smile is a girls greatest weapon
A smile is a girls greatest weapon
ABOUT AYDA
I am not good, the rest just needs practice
Algemene info
NAME Ayda Chase
AGE 28
DOB 17 mei

HEIGHT 1'64"
BUILD Slank
HAIR Donkerblond/bruin
EYES Bruin

KARAKTER
Temperamentvol
Jaloers
Energievol
Aanhankelijk
Beschermend

STRENGTHS Zelfstandig, Beschermend, Oplettend
WEAKNESSES Temperamentvol, wantrouwend
NEUTRAL
Liefdevol, nieuwsgierig,
druk
Ayda is de officier Beveiliging in Beacon Hills. Dit doet ze al 3 jaar met heel veel plezier en vooral met alle mensen met wie ze samenwerkt. Haar team is geweldig en ze doet er dan ook alles aan om dit zo te houden. Samen met de liefde van haar leven Erin kan ze alles aan. Het geluk lacht haar eindelijk toe.
HOME
PERSONALITY
If you can't have the world, take the universe
Liefde.

Met de liefde zit het goed, een betere partner dan Erin kan Ayda zich niet wensen. Nouja, een beetje minder flirt... Ach iedereen zijn gebreken toch? Maar ayda is blij met een partner die haar volledig steunt. Vooral omdat Ayda als Banshee niet altijd controle heeft over de situaties waar ze in terecht komt. Maar door dik en dun, Erin zal er altijd staan voor een arm om Ayda heen. <3

Werk.

Als Beveiliger weet Ayda dat ze sterk in haar schoenen moet staan. Maar als Officier moet ze ook daadkrachtig handelen naar anderen en voor anderen sterk zijn. Dat maakt haar baan een stuk lastiger, maar daardoor wordt ze zelf passievoller. Ayda laat haar niet kisten en gaat er vol voor, onder welke druk ze ook geplaatst word. Ze regeert met een krachtige wil binnen haar team en dat is soms maar goed ook.


Leerjaar 3 ~

HIER TEKST PLAATSEN


Leerjaar 4 ~

Tekst leerjaar 4 hier.

HOME
LOOKBOOK
''I realize everybody wants what they don't have.
But at the end of the day, what you have inside is much more beautiful than what's on the outside.''
FOTO'S LOLA
TEKST HIER
HOME
PAST
the only man a girl needs in her life is her daddy
FAMILY TREE
MOTHERYuna Temple†
FATHERCiaran Rafferty
COUSIN Jean Dippet
DADDY'S GIRLFRIEND Evangelien Borghesius
SON-EVANGELIENVince

ROADMAP
BIRTHPLACE County Galway, Ireland
HOME Dublin

TIMELINE
2005
Birth
2005
Mother died †
2015
Ciaran's accident
2016
Lola goes to Hogwarts
HIER TEKST PLAATSEN


HIER TEKST PLAATSEN


HIER TEKST PLAATSEN


HIER TEKST PLAATSEN
HOME
RELATIONS
FRIENDS ARE THE FAMILY YOU CHOOSE
My love
Till death do us part
Erin Whitfort
CONNECTION TYPE
CONNECTION INFO
PLAYLIST
PLAYLISTSUBTITLE