my own mini-site!
This CSS style has a fixed header at the top that stays in place as you scroll. It should look good on screens as small as 600x800 on desktop, and is, with any luck, mobile friendly.
This is a paragraph! Here's how you make a link: Neocities.
Here's how you can make bold and italic text.
Here's how you can add an image:
Here's how to make a list:
To learn more HTML/CSS, check out these tutorials!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate varius faucibus. Praesent feugiat dolor augue, vel scelerisque erat maximus sed. Aenean a ex quis erat feugiat eleifend eu a justo. Proin aliquet ex lectus. Suspendisse bibendum dictum felis, in tincidunt quam elementum ut. Morbi tristique lectus nisi, ut lacinia risus pharetra id. Quisque in libero ligula.
Maecenas in metus consequat, feugiat eros vitae, consectetur nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla bibendum risus erat, in fringilla arcu facilisis et. Vivamus laoreet hendrerit augue eu sodales. Etiam condimentum, eros quis tempor finibus, sapien nulla mollis mauris, porttitor luctus magna ex sit amet neque. Nunc pulvinar dui diam, at dignissim felis placerat ut. In hac habitasse platea dictumst. Aenean vitae risus nec purus fringilla fringilla in sit amet libero. Vestibulum velit leo, ornare id mollis ac, accumsan nec turpis. Vestibulum in purus metus. Phasellus mattis porta nulla.
Vivamus in mauris vehicula, egestas purus non, finibus neque. Sed luctus vestibulum est, vel tristique elit imperdiet in. Pellentesque sed semper dolor. Sed eu massa eget arcu feugiat sollicitudin. Praesent eget dignissim sem. Suspendisse tristique consectetur augue. Nulla ac urna sed sapien aliquam varius. Donec placerat vitae enim sit amet mattis. Suspendisse ut lobortis arcu.
Integer pulvinar finibus consequat. Curabitur convallis vehicula risus, sit amet porta diam. In hac habitasse platea dictumst. In rhoncus aliquet nisl, tristique tincidunt velit ullamcorper volutpat. Etiam tortor tellus, auctor nec volutpat in, gravida ac metus. Integer nisl lacus, posuere vel felis vitae, commodo aliquam neque. Nunc erat purus, tempor vitae nulla mattis, vestibulum interdum augue.
Fusce eget tortor tellus.
Vestibulum malesuada molestie neque, varius mattis velit luctus sit amet. Praesent sed elementum enim. Aliquam non magna ligula. Nam ornare in tortor id pretium. In convallis metus ante, et tempus massa porta ac. Aenean consectetur laoreet orci, a sollicitudin sapien suscipit sed. Morbi semper mauris vel feugiat molestie. Vestibulum nisl nulla, suscipit ut aliquet commodo, sagittis non ligula. Nulla pellentesque magna at arcu iaculis ultrices.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate varius faucibus. Praesent feugiat dolor augue, vel scelerisque erat maximus sed. Aenean a ex quis erat feugiat eleifend eu a justo. Proin aliquet ex lectus. Suspendisse bibendum dictum felis, in tincidunt quam elementum ut. Morbi tristique lectus nisi, ut lacinia risus pharetra id. Quisque in libero ligula.
Integer pulvinar finibus consequat. Curabitur convallis vehicula risus, sit amet porta diam. In hac habitasse platea dictumst. In rhoncus aliquet nisl, tristique tincidunt velit ullamcorper volutpat. Etiam tortor tellus, auctor nec volutpat in, gravida ac metus. Integer nisl lacus, posuere vel felis vitae, commodo aliquam neque. Nunc erat purus, tempor vitae nulla mattis, vestibulum interdum augue. Fusce eget tortor tellus.
Vestibulum malesuada molestie neque, varius mattis velit luctus sit amet. Praesent sed elementum enim. Aliquam non magna ligula. Nam ornare in tortor id pretium. In convallis metus ante, et tempus massa porta ac. Aenean consectetur laoreet orci, a sollicitudin sapien suscipit sed. Morbi semper mauris vel feugiat molestie. Vestibulum nisl nulla, suscipit ut aliquet commodo, sagittis non ligula. Nulla pellentesque magna at arcu iaculis ultrices.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate varius faucibus. Praesent feugiat dolor augue, vel scelerisque erat maximus sed. Aenean a ex quis erat feugiat eleifend eu a justo. Proin aliquet ex lectus. Suspendisse bibendum dictum felis, in tincidunt quam elementum ut. Morbi tristique lectus nisi, ut lacinia risus pharetra id. Quisque in libero ligula.
Maecenas in metus consequat, feugiat eros vitae, consectetur nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla bibendum risus erat, in fringilla arcu facilisis et. Vivamus laoreet hendrerit augue eu sodales. Etiam condimentum, eros quis tempor finibus, sapien nulla mollis mauris, porttitor luctus magna ex sit amet neque. Nunc pulvinar dui diam, at dignissim felis placerat ut. In hac habitasse platea dictumst. Aenean vitae risus nec purus fringilla fringilla in sit amet libero. Vestibulum velit leo, ornare id mollis ac, accumsan nec turpis. Vestibulum in purus metus. Phasellus mattis porta nulla.
Vivamus in mauris vehicula, egestas purus non neque. Sed luctus interdum est, vel tristique elit imperdiet in. Pellentesque sed semper dolor. Sed eu massa eget arcu feugiat sollicitudin. Praesent eget dignissim sem. Suspendisse tristique consectetur augue. Nulla ac urna sed sapien aliquam varius. Donec placerat vitae enim sit amet mattis. Suspendisse ut lobortis arcu.
Integer pulvinar finibus consequat.
Vestibulum malesuada molestie neque, varius mattis velit luctus sit amet. Praesent sed elementum enim. Aliquam non magna ligula. Nam ornare in tortor id pretium. In convallis metus ante, et tempus massa porta ac. Aenean consectetur laoreet orci, a sollicitudin sapien suscipit sed. Morbi semper mauris vel feugiat molestie. Vestibulum nisl nulla, suscipit ut aliquet commodo, sagittis non ligula. Nulla pellentesque magna at arcu iaculis ultrices.
Quick documentation guide for this simple style!
(Or you can just look at the code of this page if you want to do it yourself.)
header = the header
main-top = use this for the first "box" under the header -- it's the same as main-normal but with a bigger top margin
main-normal = use this for the rest of the boxes
<center> </center> = centers text