layout-navtop-1col.css
Below you will see examples of different tags that might come in handy.
Headers, text, links ...
Here you will see how some basic tags will make the text look
This is a blockquote tag. Where you can put nice quotations.
A normal paragraph looks like this one but the text inside can look differently! For instance it can be strong/bold or Italic like this. You might also want to make something bigger or smaller or put a line under it. A normal web page link or an e-mail link looks like this thing. If you are curious about how a h1 tag looks like then check up where it says "Tag examples". A few pixels below the h1 you will see a h2 tag with a long border under it, the one that says Headers, text, links ...
This is a h3 tag
This is a h4 tag
This is a h5 tag
This is a h6 tag
Classes
This is an "announce" box.
Where you can put important messages or something else inside. All you have to do is to create a div-tag with the class "announce". Use a h2 tag inside as header if you want to.
.error box
You forgot to do something!
Lists
- Unordered list-item
- Unordered list-item
- Sub list-item
- Sub list-item
- Sub list-item
- Unordered list-item
- Unordered list-item
- Ordered list-item
- Ordered list-item
- Ordered list-item
- Sub list-item
- Sub list-item
- Sub list-item
- Ordered list-item
- Definition list item 1
- Write a definition here!
- Definition list item 2
- Write a definition here!
Tables
| Name | Age | Test 1 | Test 2 | Result | xxx | xxx | xxx | xxx |
|---|---|---|---|---|---|---|---|---|
| Bill | 19 | 300 | 320 | 620 | xxx | xxx | xxx | xxx |
| Clint | 22 | 120 | 400 | 520 | xxx | xxx | xxx | xxx |
| Donna | 25 | 340 | 500 | 840 | xxx | xxx | xxx | xxx |
| Mattias | 19 | 500 | 330 | 830 | xxx | xxx | xxx | xxx |
| Eric | 20 | 200 | 500 | 700 | xxx | xxx | xxx | xxx |
Sub
Proin pellentesque ullamcorper ipsum. Sed tincidunt tincidunt mi. Vestibulum magna wisi, vehicula eu, ullamcorper et, egestas in, tortor. Vestibulum interdum, massa in faucibus laoreet, tortor massa congue ligula, et feugiat elit mauris nec enim. Phasellus pellentesque tellus nec nisl. Mauris dignissim iaculis leo. Maecenas id lorem. Aenean tortor eros, dignissim eu, vehicula id, dictum eu, neque. Maecenas nisl. Proin dui lacus, aliquam eget, volutpat vel, aliquam quis, velit. Proin neque. Etiam turpis odio, tincidunt id, accumsan tincidunt, mollis a, nibh. Donec porta.
Local
Important!
Lorem ipsum dolor sit amet, nomet sin dala mina folor. Lorem lipsitum nit ame. Curratoris cirrucum vitae.