template storage <3 - Printable Version

OUT HERE ON THE OCEAN, ADRIFT UPON THE SEA

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce faucibus, turpis molestie luctus molestie,libero ante placerat enim, vel tempor neque ex dignissim mi. Proin tincidunt, nisi id malesuada rhoncus, neque justo interdum leo, a pretium leo eros eget lectus. Suspendisse tempor, justo vestibulum bibendum luctus, augue tellus ullamcorper nibh, quis consectetur purus felis eu ante. Nunc nec elit dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris non bibendum mauris. Pellentesque vel viverra libero.

Donec fermentum metus ante, vel consequat elit iaculis at. Donec urna massa, varius vel eleifend eget, ultrices a sem. Aenean consequat dictum massa nec sodales. "Vestibulum pharetra nec ex nec suscipit." Praesent at massa erat. Sed malesuada lacinia felis, a pharetra lorem rutrum ac. Quisque malesuada felis eget tellus condimentum viverra. Vestibulum velit urna, semper et facilisis ac, ultricies vel risus. 'Maecenas dignissim nisi sed blandit consectetur.' Suspendisse sit amet tristique ante. Maecenas bibendum risus id maximus pharetra. In vel nisi quis urna fringilla dapibus sed a odio.

Etiam condimentum vestibulum mauris. Nullam lobortis, arcu vitae euismod sodales, neque mauris porttitor quam, ut sodales nisi dui quis lorem. Vivamus vestibulum rutrum lobortis. Pellentesque porta aliquet metus, vel vehicula turpis fringilla sed. Suspendisse nec augue dolor. Vivamus fringilla sapien vitae lorem cursus vestibulum. Curabitur mollis congue felis, nec rhoncus urna lobortis vel. Curabitur sit amet sagittis mauris. Integer eleifend pellentesque orci a pretium. Vivamus neque eros, venenatis vitae mauris nec, porta eleifend ipsum. Duis tristique, tellus ac blandit malesuada, metus nulla viverra diam, eget ornare nulla felis non elit. Nam vitae elit cursus, tincidunt tortor at, laoreet turpis. Nullam bibendum luctus nunc, non hendrerit odio vehicula ac. Maecenas luctus auctor tristique. Etiam aliquam, eros sed feugiat rhoncus, velit lacus mollis est, in vehicula sem nulla in velit.

OTHER LYRICS/TAGS CAN GO HERE TOO

Code:

[div style="margin:auto;max-width: 500px;"][div style="background-image: url(https://i.pinimg.com/originals/5a/9a/97/5a9a973d0f13660d26383e9b2ccb77f9.gif); height: 130px; margin: auto; border: 20px solid #001156; border-radius: 100px 100px 0px 0px;"][/div]

[div style="height: auto; margin: auto; font-family: helvetica; font-size: 12pt; color: #f2f6f9; text-align: center; background: #001156; letter-spacing: 2px; padding-top: 2px; text-transform: uppercase; margin-top: -20px; border-radius: 10px 10px 0px 0px;"][b][i]OUT HERE ON THE OCEAN, ADRIFT UPON THE SEA[/i][/b][/div][div style="background: #E6F2F8; margin: auto; padding: 20px; font-family: timesnewroman; color: #010025; font-size: 14px; text-align: justify;"] 



text here



[/div][div style="height: auto; margin: auto; font-family: helvetica; font-size: 12pt; color: #f2f6f9; text-align: center; background: #001156; letter-spacing: 2px; padding-top: 2px; text-transform: uppercase;N border-radius: 0px 0px 10px 10px;"][b][i]OTHER LYRICS/TAGS CAN GO HERE TOO[/i][/b][/div][/div]

Code:

[div style="margin: auto; max-width: 550px; min-height: 350px;"][div style="background: url(https://64.media.tumblr.com/27867af5e34a89b8d9ec77c1bd483524/24f953c9ed0d7750-00/s400x600/4445be47c7543223af0d0e7e126e96e189ac26a4.gifv); background-size: cover; border: 1px solid #000; border-radius: 100%; width: 100px; height: 100px; margin: auto; float: left; margin: 10px;"][/div][div style="background: url(https://64.media.tumblr.com/228a3676c23ac005a112ebb58c44b1a1/24f953c9ed0d7750-b1/s400x600/e9a740537a104695e7c0d2f0c513c576350ab843.gifv); background-size: cover; border: 1px solid #000; border-radius: 100%; width: 100px; height: 100px; float: left; margin: 15px; margin-top: 125px; margin-left: -110px;"][/div][div style="background: url(https://64.media.tumblr.com/f4600be256b74d7d8778a5e640fbbf22/24f953c9ed0d7750-c2/s400x600/b1e8ed951df8c12612b7a7c5ef5f89dd855f62cd.gifv); background-size: cover; border: 1px solid #000; border-radius: 100%; width: 100px; height: 100px; float: left; margin: 17px; margin-top: 240px; margin-left: -115px;"][/div][div style="margin: auto; max-width: 600px; text-align: justify; padding: 8px; font-family: georgia; line-height: 17px;"]



[/div][/div]

WELCOME TO —

— not very long ago, just before your time, right before the towers fell, circa '99. this was catalogs, travel blogs, a chatroom or two. we set our sights and spent our nights waiting for you! you, insatiable you! mommy let you use her ipad; you were barely two... and it did all the things we designed it to do! now, look at you! oh, look at you!you, you! unstoppable, watchable, your time is now, your inside's out, honey, how you grew... and if we stick together, who knows what we'll do? it was always the plan to put the world in your hand. could i interest you in everything all of the time? a bit of everything all of the time. apathy's a tragedy, and boredom is a crime. anything and everything all of the time. could i interest you in everything all of the time? a little bit of everything all of the time. apathy's a tragedy, and boredom is a crime. —

— THE INTERNET

Code:

[div style="margin: auto; background: #000044; max-width: 500px; border: 1px #17A4FF solid;"][div style="height: 250px; background: #17A4FF; float: left; shape-outside: polygon(0 0, 0% 100%, 100% 100%); clip-path: polygon(0 0, 0% 100%, 100% 100%); padding: 5px; border: 1px #000044 solid; margin-left: -1px; margin-top: -1px;"][div style="background: url(https://64.media.tumblr.com/b896849fa389ece9e10c595b824cd02d/4700ec00c5240932-df/s540x810/aaaaee66853a6a712a5a7e8bca6dde5eab4f6c5d.gifv); background-size: cover; border: 1px solid #000044; border-radius: 100%; width: 100px; height: 100px; margin: auto; float: left; margin: 10px;"][/div][div style="background: url(https://64.media.tumblr.com/deeadcaa03ac1c5c577aa9693217e49a/4700ec00c5240932-28/s540x810/da66c372945bb88ff1583105469f01b5cfbf9f59.gifv); background-size: cover; border: 1px solid #000044; border-radius: 100%; width: 100px; height: 100px; float: left; margin: 15px; margin-top: 70px; margin-left: -70px;"][/div][div style="background: url(https://64.media.tumblr.com/a5304c957509a525ba6a77e21484226e/4700ec00c5240932-44/s540x810/7c914dc136147b69764fbbefd2e2758a43ee20e7.gifv); background-size: cover; border: 1px solid #000044; border-radius: 100%; width: 100px; height: 100px; float: left; margin: 17px; margin-top: 125px; margin-left: -75px;"][/div][/div]

[div style="color: #17A4FF; font-family: georgia; font-size: 9pt; text-align: justify; line-height: 17px; padding: 5px; min-height: 248px; max-height: 248px; overflow: none;"][div style="font-family: timesnewroman; font-size: 24px; color: #17A4FF; font-weight: bold;"]WELCOME TO —[/div]

— not very long ago, just before your time, right before the towers fell, circa '99. this was catalogs, travel blogs, a chatroom or two. we set our sights and spent our nights waiting for you! you, insatiable you! mommy let you use her ipad; you were barely two... and it did all the things we designed it to do! now, look at you! oh, look at you!you, you! unstoppable, watchable, your time is now, your inside's out, honey, how you grew... and if we stick together, who knows what we'll do? it was always the plan to put the world in your hand. could i interest you in everything all of the time? a bit of everything all of the time. apathy's a tragedy, and boredom is a crime. anything and everything all of the time. could i interest you in everything all of the time? a little bit of everything all of the time. apathy's a tragedy, and boredom is a crime. —

[div style="font-family: timesnewroman; font-size: 24px; color: #17A4FF; font-weight: bold;"][align=right]— THE INTERNET[/align][/div]

[/div][/div]

Code:

[div style="margin: auto; max-width: 550px; min-height: 350px;"][div style="background: url(https://64.media.tumblr.com/b896849fa389ece9e10c595b824cd02d/4700ec00c5240932-df/s540x810/aaaaee66853a6a712a5a7e8bca6dde5eab4f6c5d.gifv); background-size: cover; border: 1px solid #000; border-radius: 100%; width: 100px; height: 100px; margin: auto; float: left; margin: 10px;"][/div][div style="background: url(https://64.media.tumblr.com/deeadcaa03ac1c5c577aa9693217e49a/4700ec00c5240932-28/s540x810/da66c372945bb88ff1583105469f01b5cfbf9f59.gifv); background-size: cover; border: 1px solid #000; border-radius: 100%; width: 100px; height: 100px; float: left; margin: 15px; margin-top: 70px; margin-left: -70px;"][/div][div style="background: url(https://64.media.tumblr.com/a5304c957509a525ba6a77e21484226e/4700ec00c5240932-44/s540x810/7c914dc136147b69764fbbefd2e2758a43ee20e7.gifv); background-size: cover; border: 1px solid #000; border-radius: 100%; width: 100px; height: 100px; float: left; margin: 17px; margin-top: 125px; margin-left: -75px;"][/div][div style="margin: auto; max-width: 600px; text-align: justify; padding: 8px; font-family: georgia; line-height: 17px;"]







[/div][/div]

Code:

[div style="margin: auto; max-width: 550px; min-height: 350px;"][div style="background: url(https://64.media.tumblr.com/27867af5e34a89b8d9ec77c1bd483524/24f953c9ed0d7750-00/s400x600/4445be47c7543223af0d0e7e126e96e189ac26a4.gifv); background-size: cover; border: 1px solid #000; border-radius: 100%; width: 100px; height: 100px; margin: auto; float: left; margin: 10px;"][/div][div style="background: url(https://64.media.tumblr.com/228a3676c23ac005a112ebb58c44b1a1/24f953c9ed0d7750-b1/s400x600/e9a740537a104695e7c0d2f0c513c576350ab843.gifv); background-size: cover; border: 1px solid #000; border-radius: 100%; width: 100px; height: 100px; float: left; margin: 15px; margin-top: 75px; margin-left: -110px;"][/div][div style="background: url(https://64.media.tumblr.com/f4600be256b74d7d8778a5e640fbbf22/24f953c9ed0d7750-c2/s400x600/b1e8ed951df8c12612b7a7c5ef5f89dd855f62cd.gifv); background-size: cover; border: 1px solid #000; border-radius: 100%; width: 100px; height: 100px; float: left; margin: 17px; margin-top: 125px; margin-left: -115px;"][/div][div style="margin: auto; max-width: 600px; text-align: justify; padding: 8px; font-family: georgia; line-height: 17px;"]







[/div][/div]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra tellus in hac habitasse platea dictumst vestibulum. Elit duis tristique sollicitudin nibh sit amet commodo nulla facilisi. Neque sodales ut etiam sit amet. Erat pellentesque adipiscing commodo elit at. Ut tristique et egestas quis ipsum suspendisse. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci. Rhoncus urna neque viverra justo. Facilisi nullam vehicula ipsum a arcu cursus. Ipsum suspendisse ultrices gravida dictum fusce ut. Morbi tempus iaculis urna id volutpat lacus laoreet non. Bibendum neque egestas congue quisque egestas. Nibh tortor id aliquet lectus proin. In mollis nunc sed id semper risus in. Proin sed libero enim sed faucibus turpis in.

Viverra nam libero justo laoreet sit amet cursus. Non nisi est sit amet facilisis magna etiam. Sit amet dictum sit amet justo donec enim. Ornare massa eget egestas purus viverra. Elementum curabitur vitae nunc sed velit dignissim. In fermentum et sollicitudin ac orci phasellus egestas. Tristique nulla aliquet enim tortor at auctor. Augue mauris augue neque gravida in fermentum et. Sit amet consectetur adipiscing elit duis tristique sollicitudin. Donec adipiscing tristique risus nec feugiat in fermentum posuere. Dapibus ultrices in iaculis nunc sed augue lacus viverra vitae. Ut etiam sit amet nisl purus in. Fusce ut placerat orci nulla pellentesque. Phasellus faucibus scelerisque eleifend donec pretium vulputate. Sem viverra aliquet eget sit amet. Ultricies mi quis hendrerit dolor magna eget est lorem. Proin sagittis nisl rhoncus mattis rhoncus urna neque viverra.

Arcu non odio euismod lacinia at quis. Quisque non tellus orci ac auctor augue mauris. Integer enim neque volutpat ac tincidunt vitae semper quis. Ut etiam sit amet nisl. Risus nullam eget felis eget nunc. Massa sapien faucibus et molestie ac. Interdum posuere lorem ipsum dolor. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla. Id neque aliquam vestibulum morbi. Et pharetra pharetra massa massa ultricies mi. Duis at tellus at urna condimentum mattis. Nec ultrices dui sapien eget. Orci a scelerisque purus semper eget duis at tellus. Ultrices tincidunt arcu non sodales neque sodales ut. Egestas purus viverra accumsan in. Tempus quam pellentesque nec nam. Nisi quis eleifend quam adipiscing vitae proin. Arcu felis bibendum ut tristique. Egestas erat imperdiet sed euismod nisi porta lorem mollis aliquam.

Code:

[div style="margin: auto; background-color: #ffffff; max-width: 500px; margin-top: 50px;"]

[div style="background-color: #967359; height: 25px; width:100%;"][/div][div style="margin: auto; background-image:url(https://i.imgur.com/cCLXl7C.png); background-size: cover; height: 125px; width: 125px; background-position: center; border-radius: 100%; border: 1px #967359 solid; box-shadow:inset 0 0 0 8px #fff;margin-top: -75px;"][/div][div style="margin: auto; background-color: #ffffff; color: #000000; text-align: justify; font-family: verdana; padding-bottom: 50px; padding-right: 50px; padding-left: 50px; padding-top: 15px; font-size: 11px; line-height: 17px;"]







[/div][div style="background-color: #967359; height: 25px; width:100%;"][/div][/div]

Code:

wavyyyy



[div style="margin: auto; background-color: #ffffff; max-width: 500px;"]

[div style="background-color: lightblue; height: 100px; width:100%; transform: rotateX(180deg); clip-path: polygon(0 15%, 9% 21%, 14% 23%, 18% 25%, 21% 26%, 30% 28%, 32% 28%, 40% 27%, 46% 26%, 52% 23%, 57% 19%, 62% 15%, 68% 11%, 73% 8%, 79% 6%, 86% 5%, 93% 5%, 100% 6%, 100% 100%, 0% 100%);"][/div][div style="margin: auto; background-color: #ffffff; color: #000000; text-align: justify; font-family: verdana; padding-bottom: 15px; padding-right: 50px; padding-left: 50px; padding-top: 15px; font-size: 11px; line-height: 17px;"]







[/div]

[div style="background-color: lightblue; height: 100px; width:100%; clip-path: polygon(0 15%, 9% 21%, 14% 23%, 18% 25%, 21% 26%, 30% 28%, 32% 28%, 40% 27%, 46% 26%, 52% 23%, 57% 19%, 62% 15%, 68% 11%, 73% 8%, 79% 6%, 86% 5%, 93% 5%, 100% 6%, 100% 100%, 0% 100%);"][/div][/div]

Code:

wavyyyy... fix



[div style="margin: auto; background-color: #ffffff; max-width: 500px;"]

[div style="background-color: lightblue; height: 100px; width:100%; transform: rotateX(180deg); clip-path: polygon(0 15%, 9% 21%, 14% 23%, 18% 25%, 21% 26%, 30% 28%, 32% 28%, 40% 27%, 46% 26%, 52% 23%, 57% 19%, 62% 15%, 68% 11%, 73% 8%, 79% 6%, 86% 5%, 93% 5%, 100% 6%, 100% 100%, 0% 100%);"][/div][div style="background-color: blue; height: 50px; width:100%; clip-path: polygon(0 15%, 9% 21%, 14% 23%, 18% 25%, 21% 26%, 30% 28%, 32% 28%, 40% 27%, 46% 26%, 52% 23%, 57% 19%, 62% 15%, 68% 11%, 73% 8%, 79% 6%, 86% 5%, 93% 5%, 100% 6%, 100% 100%, 0% 100%); margin-top: -100px; margin-bottom: 50px; transform: scale(-1, -1);"][/div][div style="margin: auto; background-color: #ffffff; color: #000000; text-align: justify; font-family: verdana; padding-bottom: 15px; padding-right: 50px; padding-left: 50px; padding-top: 15px; font-size: 11px; line-height: 17px;"]





[/div]

[div style="background-color: lightblue; height: 100px; width:100%; clip-path: polygon(0 15%, 9% 21%, 14% 23%, 18% 25%, 21% 26%, 30% 28%, 32% 28%, 40% 27%, 46% 26%, 52% 23%, 57% 19%, 62% 15%, 68% 11%, 73% 8%, 79% 6%, 86% 5%, 93% 5%, 100% 6%, 100% 100%, 0% 100%);"][/div][div style="background-color: blue; height: 50px; width:100%; clip-path: polygon(0 15%, 9% 21%, 14% 23%, 18% 25%, 21% 26%, 30% 28%, 32% 28%, 40% 27%, 46% 26%, 52% 23%, 57% 19%, 62% 15%, 68% 11%, 73% 8%, 79% 6%, 86% 5%, 93% 5%, 100% 6%, 100% 100%, 0% 100%); transform: rotateY(180deg); margin-top: -50px;"][/div][/div]