Line 1: | Line 1: | ||
− | |||
<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=" | + | <div class="dropdown"> |
− | < | + | <button class="dropbtn">Results |
− | < | + | <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> | ||
− | < | + | <h3>Dropdown Menu inside a Navigation Bar</h3> |
− | + | <p>Hover over the "Dropdown" link to see the dropdown menu.</p> | |
− | < | + | <div id="content" style="height:650px;overflow:hidden;text-align:justify;line-height:170%;color:#333;"> |
− | |||
− | < | + | <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> | </div> | ||
+ | <div id="content" style="height:650px;overflow:hidden;text-align:justify;line-height:170%;color:#333;"> | ||
− | |||
− | |||
− | |||
+ | <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 | + | <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;"> |
− | < | + | <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> |
− | < | + | <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> |
− | < | + | <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 | + | </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="1b"></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;">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/> | ||
− | < | + | <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=" | + | <b>Leerjaar 3 ~</b></br></br/> |
− | <a href="https:// | + | |
− | + | 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 | + | </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=" | + | <a name="1d"></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;">PAST</b><br> |
− | < | + | <i style="font-family:Palatino Linotype;">the only man a girl needs in her life is her daddy</i> |
− | + | </center> | |
− | <div class=" | + | <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;">FAMILY TREE</b><br> | |
− | </ | + | <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 | + | <div id="connections" style="display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;text-align:center;"> |
− | + | ||
− | + | ||
+ | <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> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | <div class=" | + | |
− | < | + | |
− | < | + | <a name="4"></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;">PLAYLIST</b><br> |
− | < | + | <i style="font-family:Palatino Linotype;">PLAYLISTSUBTITLE</i> |
− | + | </center> | |
− | < | + | |
− | < | + | |
− | < | + | <div id="songs" style="font-size:10px;letter-spacing:3px;text-transform:uppercase;line-height:130%;"> |
− | < | + | |
− | </ | + | |
+ | <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> | ||
− | |||
+ | |||
+ | |||
+ | <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.
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
WEAKNESSES Temperamentvol, wantrouwend
NEUTRAL
Liefdevol, nieuwsgierig,
druk
NAME Ayda Chase
AGE 28
DOB 17 mei
HEIGHT 1'64"
BUILD Slank
HAIR Donkerblond/bruin
EYES Bruin
KARAKTER
STRENGTHS Zelfstandig, Beschermend, Oplettend Temperamentvol
Jaloers
Energievol
Aanhankelijk
Beschermend
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.
If you can't have the world, take the universe
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.
HOME
''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.''
the only man a girl needs in her life is her daddy
FAMILY TREE
MOTHERYuna Temple†
FATHERCiaran Rafferty
ROADMAP
BIRTHPLACE County Galway, Ireland
HOME Dublin
TIMELINE
2005
MOTHERYuna Temple†
FATHERCiaran Rafferty
COUSIN Jean DippetSON-EVANGELIENVince
DADDY'S GIRLFRIEND Evangelien Borghesius
ROADMAP
BIRTHPLACE County Galway, Ireland
HOME Dublin
TIMELINE
2005
Birth2005
Mother died †2015
Ciaran's accident2016
Lola goes to Hogwarts
HIER TEKST PLAATSEN
HIER TEKST PLAATSEN
HIER TEKST PLAATSEN
HIER TEKST PLAATSEN
FRIENDS ARE THE FAMILY YOU CHOOSE
PLAYLISTSUBTITLE