Advertisement
Guest User

peachy

a guest
Feb 12th, 2017
170
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.54 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>peachy</title>
  6. <link href="/style.css" rel="stylesheet" type="text/css" media="all">
  7. <style>
  8. /* THEME BY PEACH, FEEL FREE TO USE
  9. if you have multiple pages, add the text in the <style> </ style> to your style.css page*/
  10. /*Change background color/image */
  11. body{
  12. background-color:#ffe5fc;
  13. background-image: url("http://37.media.tumblr.com/1ecc9bc1a4bb69eb411bd00adbfeeb64/tumblr_n50fohAA8p1snc5kxo1_250.gif");
  14. }
  15. /*change link color*/
  16. a:link{
  17. color:#896781;
  18. }
  19. /*change dimensions, color, and style of container*/
  20. .container{
  21. background-color:#ffd1f9;
  22. width: 350px;
  23. margin:auto;
  24. text-align:center;
  25. padding:10px;
  26. border-radius:25px;
  27. }
  28.  
  29. </style>
  30. </head>
  31. <body>
  32. <div class="container">
  33. <h1>Welcome to my Website!</h1>
  34.  
  35. <p>This is a paragraph! Here's how you make a link: <a href="http://neocities.org">Neocities</a>.</p>
  36.  
  37. <p>Here's how you can make <strong>bold</strong> and <em>italic</em> text.</p>
  38.  
  39. <p>Here's how you can add an image:</p>
  40. <img src="https://68.media.tumblr.com/47c77e833798f9489c1bb8f437f229b5/tumblr_njzdvl3ofQ1tzc02qo1_500.gif" style="width:100px;margin:auto;">
  41.  
  42. <p>Here's how to make a list:</p>
  43.  
  44. <ul>
  45. <li>First thing</li>
  46. <li>Second thing</li>
  47. <li>Third thing</li>
  48. </ul>
  49.  
  50. <p>To learn more HTML/CSS, check out these <a href="http://neocities.org/tutorials">tutorials</a>!</p>
  51.  
  52. </div>
  53. </body>
  54. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement