Home

Template Summary

• HTML5 compliant
• Responsive: Updated for modern desktop and mobile displays
• Semantic tags added - header, main, footer, etc
• Easy to remove the top bar or side-content
• Fairly easy to add a third column if desired

Instructions

Open up index.html and find the things you want to change. So for example if you wanted to change the title, you would look for "Orange Sunset Theme" and change the text to your own website's title.

To change page content, look for:

<!-- PAGE SPECIFIC CONTENT START -->

in the HTML. Delete everything in between that and:

<!-- PAGE SPECIFIC CONTENT END -->

...then start putting in your own HTML!

You can turn off the side content/column by opening up orange-sunset.js and setting DISABLE_SIDE_CONTENT to true.

You can do the same for the top bar with DISABLE_TOP_BAR. If you'd like to keep the bar, but not the links inside it, replace them with a blank space entity (here's one to copy and paste):

&nbsp;

You can change the width, in pixels, at which the theme switches to mobile layout with DESKTOP_WIDTH_START.

Other Example Elements

Level 3 Heading

Level 4 Heading

Level 5 Heading

Level 6 Heading

1. Ordered list item 1
2. Ordered list item 2
3. Ordered list item 3

Horizontal rule: