Logo

<div id="header" class="image"> <img src="../images/logo.png" /> </div>

H1

<h1>Header 1</h1>

Header 1

H2

<h2>Header 2</h2>

Header 2

Content

<div id="content">

Everything after the headings (h1, h2, etc) goes in between a content div!

</div>

Text

All text not in between another tag must go between paragraph tags.

<p>Some Text</p>

Some Text

Buttons

Blue Buttons

<input name="name1" class="blue-btn" type="submit" value="I am Blue" />

Red Buttons

<input name="name2" class="red-btn" type="submit" value="I am Red" />

Tabular Data

For all tabular data (data that is to be displayed in a table), use the following format:

<table class="data"> <tr> <th>Heading1</th> <th>Heading2</th> <th>Heading3</th> </tr> <tr> <td>Data1</td> <td>Data2</td> <td>Data3</td> </tr> </table>
Heading1 Heading2 Heading3
Data1 Data2 Data3

Text Input

<input type="text" class="text" name="text1" maxlength="30" />

Type Here:

<input type="password" class="text" name="text2" maxlength="30" />

Type Password:

Radio Buttons

<input type="radio" class="radio" id="radio1"> <label for="radio1">Radio button 1</label>