Imageless...
Hi. So this is my attempt at an imageless web tempate - these days you see so many image heavy websites that look good, but can be complete hell to load if you have a slow connection. This template is simple attempt to show imageless websites dont have to look boring, so no images or backgrounds were used (except the sample gallery images). This brings the total flie size down to 17.8KB!
This is an open source template, which means that you are free to use it in any way you want to without any obligations. If you decide to use this template, I kindly ask you to leave the "Design by Azeem Alim" link in the footer
It's coded entirely in Valid XHTML 1.1 CSS. This website is fluid so you dont need to worry about screen resolution and also no tables were touched in the making of this website. That's a good thing. It's also been tested in IE 6, Firefox and Safari.
As well as being cool, using XHTML and CSS has many advantages such as:
- Cleaner Code: Adherence to strict guidelines results in cleaner code. All extraneous or ambiguous elements are eliminated, so pages are smaller, load faster, and render correctly.
- Accessibility: XHTML is currently readable by the greatest number of browsers, devices and assistive technologies like screen readers. Accessibility is quickly becoming a legal issue.
- Search Engine Friendly Code: XHTML produces pages that search engine spiders find easy to understand. There are no presentational elements or bloated code to confuse the spiders, so they'll crawl everything that matters and rank you accordingly.
- Design Consistency: With CSS, the same style elements can be applied to every page of a site. From the first page forward, your visitors will be presented with a consistent design scheme, building their comfort level and effectively promoting your brand.
- Easy Maintenance: Changes to CSS web page designs are simple. Instead of having to go back and alter every single page of your site, with CSS only the relevant style sheets have to be updated, saving you hours of work and limiting the introduction of possible errors.
Here are a few page elements you might use:
This is normal text
This is important text
This is strong text
This is a link
- Unordered list option 1
- Unordered list option 2
- Unordered list link option 1
- Unordered list link option 2
Mandatory Lorem ipsum...
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor tortor et libero. Vestibulum posuere dolor nec augue. Phasellus tincidunt accumsan pede. Aliquam vestibulum dui elementum, tellus risus ultrices libero, at tincidunt urna quam vulputate neque. Nulla magna. Sed a justo ut elit scelerisque aliquet. Nulla lacinia. Proin pretium tempus eros. Fusce tempus neque et pede. Vestibulum ac est. Nulla tempus turpis ac massa ornare ultrices. Phasellus congue leo sed ligula. Ut tellus. Cras viverra tortor at leo.
Images can be floated left or right
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor tortor et libero. Vestibulum posuere dolor nec augue. Phasellus tincidunt accumsan pede. Aliquam vestibulum dui elementum, tellus risus ultrices libero, at tincidunt urna quam vulputate neque. Nulla magna. Sed a justo ut elit scelerisque aliquet. Nulla lacinia. Proin pretium tempus eros. Fusce tempus neque et pede. Vestibulum ac est. Nulla tempus turpis ac massa ornare ultrices. Phasellus congue leo sed ligula. Ut tellus. Cras viverra tortor at leo.
Heyyyyyy!
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor tortor et libero. Vestibulum posuere dolor nec augue. Phasellus tincidunt accumsan pede. Aliquam vestibulum dui elementum, tellus risus ultrices libero, at tincidunt urna quam vulputate neque. Nulla magna. Sed a justo ut elit scelerisque aliquet. Nulla lacinia. Proin pretium tempus eros. Fusce tempus neque et pede. Vestibulum ac est. Nulla tempus turpis ac massa ornare ultrices. Phasellus congue leo sed ligula. Ut tellus. Cras viverra tortor at leo.
This is a box to hold additional content
This is normal text
This is important text
This is strong text
This is a link
- Unordered list option 1
- Unordered list option 2
