Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!----
- █▀▀ ▀▀█▀▀ █▀▀█ █▀▀█ ▀▀█▀▀ █▀▀ █▀▀█ █▀▀█ █▀▀▄
- ▀▀█ █ █▄▄▀ █▄▄█ █ █▀▀ █ █ █▄▄▀ ▀▀ █ █
- ▀▀▀ ▀ ▀ ▀▀ ▀ ▀ ▀ ▀ ▀▀▀▀ ▀ ▀▀ ▀▀▀
- ABOUT PAGE # 02
- ✔ ᴋᴇᴇᴘ ᴛʜᴇ ᴄʀᴇᴅɪᴛs ɪɴᴛᴀᴄᴛ.
- ✔ ᴅᴏ ɴᴏᴛ ᴜsᴇ ᴀs ʙᴀsᴇ ᴄᴏᴅᴇ.
- ✔ ᴅᴏ ɴᴏᴛ ᴄᴏᴘʏ ᴀɴʏ ᴘᴀʀᴛs ᴏғ ᴛʜᴇ ᴄᴏᴅᴇ.
- ---->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <style type="text/css">
- /* SCROLLBAR */
- ::-webkit-scrollbar {
- width: 10px;
- height:10px;
- background:#ffffff;
- }
- ::-webkit-scrollbar-thumb{
- background:#555; /* scrollbar background */
- border:4px solid #fff;
- }
- body{
- background:#fff; /* background color */
- margin:0px;
- color:#888; /* text color */
- font-size:10px;
- font-family:cambria;
- }
- a{
- color:#999; /* link color */
- text-decoration:none;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- a:hover{
- text-decoration:none;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #everything{
- width:100%;
- margin-top:210px;
- }
- #all{
- width:450px;
- }
- /* PORTRAIT IMAGE */
- #photo img{
- width:200px;
- height:240px;
- padding:15px;
- border:1px solid #eee; /* portrait border */
- }
- #photo{
- position:absolute;
- width:232px;
- }
- #box{
- margin-left:250px;
- width:200px;
- }
- #photo:hover #home{
- opacity:1;
- }
- #home{
- width:232px;
- text-align:center;
- position:absolute;
- margin-top:-80px;
- opacity:0;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #home img{
- width:16px;
- border:0px;
- padding:0px;
- height:16px;
- padding:10px;
- background:#fff;
- -webkit-border-radius: 100px;
- -moz-border-radius: 100px;
- border-radius: 100px;
- }
- #home a{
- font-size:15px;
- text-align:left;
- }
- #about{
- text-align:justify;
- font-style:italic;
- display:inline-block;
- border:15px solid #fff;
- border-right:8px solid #fff;
- padding-right:7px;
- height:158px;
- overflow-y:scroll;
- }
- #a{
- border:1px solid #eee;
- margin-top:10px;
- }
- /* MAIN INFOS */
- #info{
- text-align:left;
- color:#999; /* info color */
- }
- #info x{
- font-size:8px;
- padding-left:2px;
- padding-right:2px;
- letter-spacing:1px;
- color:#fff;
- margin-right:2px;
- background:#555; /* highlight color */
- text-transform:uppercase;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="everything">
- <center>
- <div id="all">
- <div id="photo">
- <!--------- PORTRAIT ---------->
- <img src="IMAGE URL HERE">
- <!--------- END OF PORTRAIT ---------->
- <div id="home"><a href="/"><img src="http://media.tumblr.com/d6d6e8c1dc2f6e2c9a30f647d31e478d/tumblr_inline_mmxmick3l01qz4rgp.png"></a></div>
- </div>
- <div id="box">
- <div id="info">
- <!--------- MAIN INFOS ---------->
- <x>Name:</x> YOUR NAME HERE <br>
- <x>Age:</x> YOUR AGE HERE <br>
- <x>Location:</x> YOUR LOCATION HERE <br>
- <x>Hobbies:</x> YOUR HOBBIES HERE </p>
- <x>More about me:</x>
- <!--------- END OF MAIN INFOS ---------->
- </div>
- <div id="a">
- <div id="about">
- <!--------- ABOUT ---------->
- !!!!!!!!!!MORE INFOS ABOUT YOU HERE!!!!!!!!!
- <!--------- END OF ABOUT ---------->
- </div>
- </div>
- </div>
- </center>
- </div>
- </body>
- <a style="position:fixed; bottom:10px; letter-spacing:1px; right:10px; font-size:10px; font-family:arial;">♡♡♡</a>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement