This page is just an example to get you started in building your own awesome responsive website..!
This paragraph is using a class called .intro
which makes the font-size & line-height 130% and is perfect introduction text that doesn't need to be a H1.
<strong>
This text is rendered as bold.
<em>
This text is rendered as italicized.
<small>
This text is rendered for fine print.
<sup>
This text is rendered as Superscript
<sub>
This text is rendered as Subscript
.highlight
This text is Highlighted
For standard <ul>
bullet ponts ive replace the normal dot with a graphic which can be changes easily
<ul>
<li>Your text here</li>
</ul>
As with <ul>
the ordered lists <ol>
have had some extra CSS added to them so they are that little bit nicer to look at.
<ol>
<li>Your text here</li>
</ol>
For circular bullet point all you need to do is add the class .circle
to the <ul>
<ul class="circle">
<li>Your text here</li>
</ul>
For square bullet point all you need to do is add the class .square
to the <ul>
<ul class="square">
<li>Your text here</li>
</ul>
Title | |||
---|---|---|---|
Item: | Category: | Description: | Size: |
Bananas | Fruit | Desc | 1KG |
Apples | Fruit | Desc | 3KG |
Oranges | Fruit | Desc | 2.5KG |
Mango | Fruit | Desc | 6KG |
In Amazium I've included some styling for table elements like Table Headings (TH) and the option to have odd and even table rows as well as the ability to highlight a cell in your table..!