It's time to translate our admin layout into a working template. We'll begin by setting out the markup for our Login page, then we'll hit the stylesheets..

Part 4: Login Page Markup

SimpleAdmin: Login Page Markup

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes!

Part 5: Login Page Styling

SimpleAdmin: Login Page Styling

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes!

Part 6: Finishing up the Login Page

SimpleAdmin: Finishing up the Login Page

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes!

Further Resources

• Clearfix hack - Perishable Press
• How to size text in CSS - A List Apart
• About fluid grids - A List Apart