Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <!--change your title of the whole page here !-->
- <title>onyx</title>
- <link href="/style.css" rel="stylesheet" type="text/css" media="all">
- <style>
- /* if you have multiple pages, add this text to your style.css file */
- body{
- background-color: black;
- background-image: url("sampleurl.jpg");
- text-align:center;
- color:gray;
- font-family: "Times new roman";
- font-weight: 100;
- }
- h2{
- font-weight:100;
- }
- ul, li{
- list-style-type:none;}
- .index{
- width: 200px;
- margin:auto;
- background-color:gray;
- text-align:center;
- padding: 5px;
- font-variant:small-caps;}
- .index a:link {
- color: black;}
- a:link{
- color: gray;
- text-decoration:underline;}
- a:visited {
- color: gray;}
- .credit{
- font-size: 12px;
- position: absolute;
- bottom: 0;
- right: 0;}
- </style>
- </head>
- <body>
- <h2>PAGE TITLE</h2>
- <div class="index">
- <a href="/test.html">about</a> |
- <a href="/test.html">interests</a> |
- <a href="/test.html">ids</a> |
- <a href="/test.html">blacklist</a></div>
- <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://geocities.ws/heart/header.gif">
- <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>
- <!--please dont delete, feel free to dm me any questions !-->
- <div class="credit">
- <a href="http://twitter.com/tcadsworth"> @peachie</a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement