What are HTML Accordion style templates?

Free to download HTML templates with CSS already embedded.

The different parts of the HTML template will expand like an accordion as you insert your content. All text has been formatted to be easily read (layout code on the left and edit fields for your content on the right).
Download one of the HTML templates and try for yourself!




Using element IDs within your HTML template- September 17th, 2014

*Each content area inside one of the JonBuilt templates are given an element ID. These are represented with with "NAME" being a unique codename given to that element. After the name is given to an element you can set different rules to that element in CSS. Example: #NAME specifies the target element(s) and everything in the {} brackets are CSS Style Rules. Position sets the element #NAME starting point for rules top and left to move your element 25 pixels from the TOP of the starting position to 25 pixels left of the starting posisiton. In the case of "relative" position your starting point would be the next space in the Normal Flow.


Structuring headers and paragraph elements together properly - September 10th, 2014

*Content inside header elements should grab the attention of the user. Enclosing them inside the etc containers displays this text as bolder and larger than normal text. It also allows for proper page rendering by a user's browser. A header element also sets up for the remainder of the words to follow. These following words should be placed inside paragraph elements to control where the page breaks occur and to assign CSS rules.


Adding a .CSS file to your Accordion HTML Website - September 9th, 2014

*If your web presence requires more than one page that will be using similar colors and/or layouts then you should move the CSS (Cascading Style Sheets) rules to an outside CSS file. When you use a .CSS file you will be able to make changes to many of your WebPages by editing just that separate file once.

*To accomplish this from one of the HTML Accordion templates simply copy all text within the tags and paste them into a file called "site.css". Then back inside your HTML template insert within the tags. This link element will provide the users browser the location of the file "site.css" to retrieve the universal CSS rules. You can now make changes within that file to affect every page that has that link element in its header.


New HTML/CSS templates - August 30th, 2014

*New layouts to be uploaded shortly.

*CSS has been updated for a faster load time.




Presenting JonBuilt HTML templates in Accordion styles - August 22nd, 2014

*These new layouts will be simple and easy to get started with quickly.

*Will be added soon.




I'm taking JonBuilt.com in a new direction! - July 10th, 2014

*There is a lack of user friendly HTML templates available online. I will start to upload my own templates in easy to use formats.

*CSS styles do not need to be in a separate file for users who only wish to update a template.




August 23rd, 2010

*Another site update scheduled for October.

*Forum is still "email to join".(admin@jonbuilt.com)



February 26th, 2010

*Site will be inactive until July. Have a great Spring!



December 25th, 2009

*MERRY CHRISTMAS!! Leonel,Alex,Denise,Matt,Mark,Willy,Scott,Cara,MarkC!!

*Jonbuilt on Holiday! Happy new year!



December 10th, 2009

*More CSS has been changed in order to improve load times. More work to be done in this area.

*Late Night at JonBuilt is now online. This is the our first page using CSS instead of tables. Its setup to look like a blog. Used a repeating line to create a paper effect.

*Jinx INC banner now up. Very cool "Geekwear" site!



*Contact by email: admin@jonbuilt.com