Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>lemonade</title>
- <link href="/style.css" rel="stylesheet" type="text/css" media="all">
- <style>
- /*THEME BY PEACH FEEL FREE TO USE*/
- /*if you have multiple pages, add the text between <style> and </ style> in your style.css page */
- /*change background color/image*/
- body{
- background-color:#fffedb;
- background-image: url("http://scontent.cdninstagram.com/t51.2885-15/s480x480/e35/12139663_1661759744109004_901776641_n.jpg?ig_cache_key=MTEwNDQ2NTkzNzIxNDc3OTYyNA%3D%3D.2");
- background-size: 90px 90px;}
- /*change properties of the container*/
- .container{
- width:350px;
- margin-top:75px;
- margin-left: auto;
- margin-right:auto;
- background-color:white;
- box-shadow: 7px 7px #424242;}
- /*change properties of the area dedicated for the title*/
- .title{
- text-align: center;
- border-bottom: 1px solid black;
- padding: 10px 0px 10px 0px;
- font-size:18px;
- font-family: "Courier New";
- font-variant: small-caps;
- }
- /*change properties of the area dedicated for links at the bottom*/
- .links{
- text-align: center;
- border-top: 1px solid black;
- padding: 10px 0px 10px 0px;
- font-size:12px;
- font-family: "Courier New";
- font-variant: small-caps;
- }
- /*change font size/style*/
- .text{
- padding:10px;
- font-size: 14px;
- font-family: courier;
- }
- /*change link color*/
- a:link {color:#969431;}
- /*dont delete*/
- .credit{
- font-size: 12px;
- position: absolute;
- bottom: 0;
- right: 0;}
- </style>
- </head>
- <body>
- <div class="container">
- <div class="title">
- <p>Welcome to my Website!</p>
- </div>
- <div class="text">
- <p>This is a paragraph! Here's how you make a link: <a href="http://neocities.org">Neocities</a>.</p>
- <p>Here's how you can make <strong>bold</strong> and <em>italic</em> text.</p>
- <p>Here's how you can add an image:</p>
- <img src="http://t00.deviantart.net/x2RJ-7FDulpKpO4hC32n1meUNis=/fit-in/150x150/filters:no_upscale():origin()/pre07/e1f7/th/pre/f/2015/029/4/a/pixel_lemonade_by_inked_kitsune-d8fus5w.png" style="width:75px;">
- <p>Here's how to make a list:</p>
- <ul>
- <li>First thing</li>
- <li>Second thing</li>
- <li>Third thing</li>
- </ul>
- <p>To learn more HTML/CSS, check out these <a href="http://neocities.org/tutorials">tutorials</a>!</p>
- </div>
- <div class="links">
- <p><a href="/themes.html">back</a></div>
- </div>
- <!-- please dont delete also feel free to dm me if you have questions about coding !-->
- <div class="credit">
- <a href="http://twitter.com/princesspcach">@peachie</a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement