Notes
Notes - notes.io |
<head>
<title>Lily's Awesome Profile</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cookie|Vidaloka|Blackout">
<style>
body {background-image:url(https://i2.wp.com/sparkassess.com/wp-content/uploads/2018/01/tumblr-eletragesi-aesthetic-blue-header-background-digital-home-background-purple-flowers-tumblr-digital-home-images-cactus-aesthetic-hashtag-on-cactus-purple-flowers.jpg?fit=1517%2C948); background-repeat:no-repeat; background-size:cover}
.page-slider {height: 100%; width: 800px; position: relative; overflow: hidden; background-color:c4c4c4; color:000; text-align: center; height:410px; margin-top:130px}
header {background: #3e474f; box-shadow: 0 0.5em 1em #111; position: absolute; top: 0; right: 0; z-index:999; width: 100%; display:inline-block; width:25%; height:100%}
header label {color:c4c4c4; cursor: pointer; display: inline-block; line-height:2.5em; font-size: 1em; font-weight: bold; padding: 0 1em; display:block; border-bottom:1px solid black; font-family: 'Vidaloka', serif}
header label:last-child {border-bottom:none}
header label:hover {background:#2e353b}
.slide {height: 100%; width:63%; position: absolute; top: 0; left: 100%; z-index: 10; transition: left 1.5s linear; text-align:justify; text-align:justify; padding:50px}
.homepage {height: 100%; width:65%; position: absolute; top: 0; left: 100%; z-index: 10; transition: left 1.5s linear; text-align:justify; text-align:justify; padding:50px}
input[type=radio]:checked + .slide {left: 0; z-index: 100}
input {display: none; visibility: hidden; opacity: 0}
.plate {width: 500px; margin-top:30px}
.shadow {color:1c224a; font-family: 'Vidaloka', serif; font-weight: bold; letter-spacing:15px; text-shadow: -3px -3px 0 #dedede, 3px -3px 0 #dedede, -3px 3px 0 #dedede, 3px 3px 0 #dedede, 4px 4px 0 #585a65, 5px 5px 0 #585165, 6px 6px 0 #585a65, 7px 7px 0 #595a65; line-height: 0.8em; letter-spacing: 0.1em; transform: scaleY(0.7); -webkit-transform: scaleY(0.7); -moz-transform: scaleY(0.7); margin:0 0 0 10px; text-align: center; text-transform:uppercase}
.shadow2 {color:000; font-family: 'Vidaloka', serif; font-weight: bold; letter-spacing:15px; line-height: 0.8em; letter-spacing: 0.1em; transform: scaleY(0.7); -webkit-transform: scaleY(0.7); -moz-transform: scaleY(0.7); margin:0; text-align: center; text-transform:uppercase}
span {display:block; font-family: 'Cookie', normal; color:000; text-align: center; font-size: 40px; position: relative; margin: 0; text-transform:lowercase}
.text1 {font-size: 30px}
.text2 {font-size: 90px}
.text3 {font-size: 30px}
.name {font-size:20px; text-align:center; font-variant:small-caps; margin-top:10px; letter-spacing:10px}
h1 {text-align:center; margin-top:30px}
img {width:149px; margin-left:172px; margin-top:-80px}
.content {width:100%; height:46%; margin-top:-15px; font-family: 'Blackout', cursive; font-size:28px; line-height:36px; overflow-x:hidden; overflow-y:auto; padding-right:10px}
.quote {width:90%; height:46%; margin-top:-15px; font-family: 'Blackout', cursive; font-size:32px; line-height:38px; padding:0 20px; overflow-x:hidden; overflow-y:auto}
a {text-decoration:none; color:000; font-style:italic; text-align:center}
::-webkit-scrollbar {width:3px}
::-webkit-scrollbar-thumb {background:#2e353b}
::-webkit-scrollbar-track {background:#3e474f}
#credit {color:fff; font-size:7px; text-align:center; letter-spacing:10px; text-transform:lowercase;margin-top:40px; opacity:0.4; -webkit-transform: rotate(-270deg);
-moz-transform: rotate(-270deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-270deg);
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1); position:absolute; right:-105px; top:100px}
</style></head><body>
<div id="credit">Coded by SeerDawn</div>
<center>
<div class="page-slider">
<header>
<label for="page1">The Lily</label>
<label for="page2">My HEX Journey</label>
<label for="page3">Quotes</label>
<label for="page4">Random Rants</label>
<label for="page5">Favorites</label>
<label for="page6">Clubs</label>
<label for="page7">Fan Fiction</label>
<label for="page8">Quidditch</label>
<label for="page9">Conclusion</label>
<label for="homepage">Home</label>
</header>
<input id="page1" type="radio" name="slides">
<section class="slide">
<h1>THE LILY</h1>
<img src= "https://bixbypta.files.wordpress.com/2013/08/decorative-line.png?w=370">
<div class="content">
First of all, I can't think anyone would want to read something long about somebody (ME) Heyo. I'm a tomboy who climbs over fences and speaks in limericks. I have somewhat of a photographic memory. I like to eat walls. Here is an important message. Please read: I LIEK CHOCOLATE MILK. I think Hex is awesome as it brings together all book nerds like me! Blah blah blah! Whenever I'm not reading, I stare at the sky or mark down constellations in my notebook at night. I hunt a lot of memes. I love dumbleburn and rage comics. (Yeah, I'm the kind of person who does rage comics in 2018. Judge on, organic life form) I am definitely very annoying and I am known for singing ALSO the song that never ends. I love Lord of The Rings, Harry Potter, Hunger Games, and much more stuff. I'm probs gonna be a paramedic. I have a saving-people thing. MY REAL NAME WILL NOT BE REVEALED ON HEX~
</div></section>
<input id="page2" type="radio" name="slides">
<section class="slide">
<h1>MY HEX JOURNEY</h1>
<img src= "https://bixbypta.files.wordpress.com/2013/08/decorative-line.png?w=370">
<div class="quote">
I stumbled across Hex on an ad in FB, so yeah....anyway, I know a LOT about coding (as you see, this is a purdy profile for Lucifer's sake), and I have about 138 hogfriends. I have won one contest, a RP one, and earned 1500 house points for my house. I am definitely going to graduate for 2nd year too, so to keep up. I made... THE QUIDDITCH CLUB. A LEGEND. And have been sent spam marriage roses, CSS missing from HEX, midnight HEX parties, and more adventures like that on HEX.
</div></section>
<input id="page3" type="radio" name="slides">
<section class="slide">
<h1>QUOTES</h1>
<img src= "https://bixbypta.files.wordpress.com/2013/08/decorative-line.png?w=370">
<div class="content">
"I like to punch bees in the face." "Anything's possible if you've got enough nerve." "Idiots are going to idiot." "We can't eat the bald eagle, it's endangered." "Do you know how to sneak into the zoo? I need to meet with some penguins, like, right now" "Uncle Rupert is making soup." "You sir, are a sick excuse for a bulldog." "Don't freak out but my neighbor lives next to me." "Once I saw a purple flying cow and I named it Phillip." "You're a lizard, Harry." "A potato flew around my room before you came."
</div></section>
<input id="page4" type="radio" name="slides">
<section class="slide">
<h1>RANDOM RANTS</h1>
<img src= "https://bixbypta.files.wordpress.com/2013/08/decorative-line.png?w=370">
<div class="quote">
Packing kills people. LEAVING to go back home kills people and saves people at the same time. To look at my house, does it look like we have been cleaning non-stop for hours? NoOoOoOoOoOoO.
</div></section>
<input id="page5" type="radio" name="slides">
<section class="slide">
<h1>FAVORITES</h1>
<img src= "https://bixbypta.files.wordpress.com/2013/08/decorative-line.png?w=370">
<div class="quote">
My all-time favorite book is Harry Potter (And The Prisoner of Azkaban) and if someone insults Harry, Ron, Hermione, Luna, Ginny, Draco, or Lockhart, I WILL SCREAM. My favorite movie is probably Lord of The Rings for sure. My favorite TV show is Friends but right after Friends come Grey's. My favorite animal is the DOG! My favorite food is sandwiches and/or crepes. Favorite drink is pumpkin juice or just mint water. My favorite bird is the robin and the sparrow.My favorite color is green.
</div></section>
<input id="page6" type="radio" name="slides">
<section class="slide">
<h1>CLUBS</h1>
<img src= "https://bixbypta.files.wordpress.com/2013/08/decorative-line.png?w=370">
<div class="quote">
I am in VERY VERY many clubs right now. I am the president of three clubs, Camp Half Blood (Dragons), The Quidditch Club, and the Role Play Club. I earned the titles in Camp Half Blood and Role Play club while I made the QC when I joined HEX! They are all fun and I suggest you join.
</section>
<input id="page7" type="radio" name="slides">
<section class="slide">
<h1>Fan Fiction</h1>
<img src= "https://bixbypta.files.wordpress.com/2013/08/decorative-line.png?w=370">
<div class="quote">
My first EVER fan fiction is Bella Potter, though I wouldn't recommend it as it is unprofessionally written....XD. My best work is probably Hermione Granger The Girl Who Lived. The Hermione series has one book and I am currently working on the second one. I have also written Sanctuary, about the 3 Black sisters (Narcissa, Bellatrix, Andromeda) but I unfortunately deleted it.....Also, you can find it in ALL-TIME TOP RATED, Harry Potter Online. What if Hogwarts was an online school, more likely, Instagram? Well, that's it, maybe you'll want to read one of those stories sometime!
</div></section>
<input id="page8" type="radio" name="slides">
<section class="slide">
<h1>QUIDDITCH</h1>
<img src= "https://bixbypta.files.wordpress.com/2013/08/decorative-line.png?w=370">
<div class="quote">
I AM DEFINITELY A CHASER. I LOVE QUIDDITCH SOOOO MUCH! That's why I started The Quidditch Club. We have interactive actual Quidditch Role-Play. And Lee Jordan and Luna's commentaries are just the best.
</section>
<input id="page9" type="radio" name="slides">
<section class="slide">
<h1>CONCLUSION</h1>
<img src= "https://bixbypta.files.wordpress.com/2013/08/decorative-line.png?w=370">
<div class="quote">
This is the end goodbye pingu.
</section>
<input id="homepage" type="radio" name="slides" checked>
<section class="slide homepage">
<div class="plate">
<span>Anything's possible</span>
<p class="shadow2 text1">IF YOU'VE</p>
<p class="shadow text2">GOT</p>
<p class="shadow2 text3">ENOUGH</p>
<span>memes</span>
</div>
<div class= "name">- Ginny Weasley & Lily Andrews -</div>
</section>
</div>
</center></body></html>
|
|
Notes is a web-based application for online taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000+ notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 14 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
