Navigation Bar



Project Description

A huge website built from the ground up for a custom CMS system. Built in XHTML 1.0 STRICT for 100% compatibility with IE8 and above. I also mixed some CSS 3.0 elements for progressive enhacements.

Alongside the XHTML and the CSS code I have also added and built custom javascript files and interactions as well as plugin interractions based on jQuery javascript library.

This project also uses the latest technologies for CSS based font-insertion via @font-face CSS 3.0 rule, which is supported by all browsers, including IE7, IE8 and above.

Since the project was large, I took extra care to ensure that the code is reused as much as possible while keeping it modular and individual and ensure that the codebase is not growing to be unmanageable.

The website has a lot of jQuery based interactions, all of them custom created. I also had to integrate various jQuery plugins into this project as well as integrating Modernizr into it.

The website is also compatible with all versions of browsers that had a significant marketshare at the time when the project was completed. So this website is compatbile with IE8 / IE9 / FF / Chrome.

I did the templates for the following pages:

  • Homepage
  • Custom 404 page
  • About Prizeblock All Show
  • About Prizeblock
  • Active Promotions
  • Add New Promo V1
  • Add New Promo V2
  • Basic Business Information page
  • Business Owners
  • Contact page
  • Home Business Home
  • Home Business Homepage
  • Homepage popup
  • Learn More 2 Col
  • Learn More 2 Col Inversed
  • Learn More 3 Col
  • Learn More
  • List of pages
  • My Account
  • Past Promotions
  • Popup 1
  • Popup 2
  • Popup 3
  • View Winners
  • Winners Lookup

Project Highlights

  • Accurate representation of the provided design
  • Perfect done XHTML 1.0 STRICT / CSS 3
  • Superfish powered dropdowns
  • Uses the latest jQuery library and jQuery plugins
  • Uses Modernizr jQuery plugin
  • Code that is scalable and easy to fit into a custom CMS
  • Large codebase that is not bloated and extremely lean, being modular based
  • Compatibility with IE8/IE9/Firefox/Chrome and other latest browsers
  • Use @font-face rule to provide a consistent font display to every computer