tutorials + templates

my simple page layout

as seen across my site!! this page uses it!! customise it with your own colours, fonts, background, images, etc!! :D

code:

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Title</title> <style> a {color:#000000;} body {color:#000000;padding:5px;background:url('https://i.postimg.cc/SR41kbG0/treestile.gif');background-attachment:fixed} .box {padding-bottom:20px;padding-bottom:10px;border-top:1px solid #000000;} .title {padding-bottom:20px;padding-bottom:10px;text-align:center;} .container {width:100%;height:100%;margin:0;} .subcontainer {width:550px;padding:20px;background-color:#90EE90;text-align:left;} ::-moz-selection {color:#ADFF2F;background:#008000;} ::selection {color:#ADFF2F;background:#008000;} </style> </head> <body> <div class="container"><center><div class="subcontainer"> <div class="title"> <h1>Title</h1> <p>Text</p> </div> <div class="box"> <h2>Heading</h2> <p>Text</p> <p>Text</p> <p>Text</p> </div> <div class="box"> <h2>Heading</h2> <p>Text</p> <h3>Smaller heading</h3> <ul> <li>List</li> <li>List</li> <li>List</li> </ul> </div> </div></center></div> </body> </html>

output:

page last updated: 18 sep 2024