Nu Blue is a premium website template which I designed and hand coded by myself for use on my personal online portfolio, to showcase my web design work. The template comes with 4 individually coded pages, which are all coded with 100% valid HTML:
LIVE DEMO
Index Page
Very clean and modern design, making great use of CSS3's hover functions. The template is easy to navigate and has space for relevant content without looking cluttered.
The page features a JavaScript content slider to showcase whatever you want; latest news, recent designs, recent products, whatever it is you have to offer!
Featured content sections are available to showcase any 3 items of your choice; sister websites, products, offered services, whatever you want your customers to see! The clean code means you can easily add another 3 objects underneath, if you feel like you have more to offer!
About Page
A nice, cleanly designed about page offers space for a profile pictures, a paragraph of text, and a section to showcase your knowledge/abilities/services/experience. Everything you need for an About Me page for a personal website!
Portfolio Page
The first thing which stands out about the portfolio page is the great use of tabs, to categorize your portfolio items. The tabs are powered by JavaScript, and do not refresh the page when clicked. The next thing this page has to offer is CSS3 thumbnail hovers, showing a magnifying glass when a thumbnail image is hovered. When the thumbnail image is clicked, a full sized screenshot is presented in a modal popup box.
Services Page
This page again uses the tabs as seen previously in the portfolio page. this allows you to advertise your different skills on one page without any clutter. The preset services pages can be used for any type of service, just replace the images and the text. The "sample thumbnail" images can again also be clicked to be viewed in full size in a modal box.
Contact Form
The template uses a JotForm popup contact form, simply input your email information and it's good to go! No need for a separate Contact page. Works on all pages and can be linked to anywhere on the page, for example of the services page; Clicking “Get a Quote” opens up the contact form.
Features
- 4 Individually Coded Pages with 100% Valid HTML
- JavaScript Content Slider
- JavaScript Tabs
- Portfolio Page with Modal Box Previews
- Cross Browser Compatibility with all Modern Browsers
- Can be used for any Type of Portfolio Website
- Popup Contact Form
- Facebook and Twitter Links in Footer
Preview Images
LIVE DEMO
Index Page
Very clean and modern design, making great use of CSS3's hover functions. The template is easy to navigate and has space for relevant content without looking cluttered.
The page features a JavaScript content slider to showcase whatever you want; latest news, recent designs, recent products, whatever it is you have to offer!
Featured content sections are available to showcase any 3 items of your choice; sister websites, products, offered services, whatever you want your customers to see! The clean code means you can easily add another 3 objects underneath, if you feel like you have more to offer!
About Page
A nice, cleanly designed about page offers space for a profile pictures, a paragraph of text, and a section to showcase your knowledge/abilities/services/experience. Everything you need for an About Me page for a personal website!
Portfolio Page
The first thing which stands out about the portfolio page is the great use of tabs, to categorize your portfolio items. The tabs are powered by JavaScript, and do not refresh the page when clicked. The next thing this page has to offer is CSS3 thumbnail hovers, showing a magnifying glass when a thumbnail image is hovered. When the thumbnail image is clicked, a full sized screenshot is presented in a modal popup box.
Services Page
This page again uses the tabs as seen previously in the portfolio page. this allows you to advertise your different skills on one page without any clutter. The preset services pages can be used for any type of service, just replace the images and the text. The "sample thumbnail" images can again also be clicked to be viewed in full size in a modal box.
Contact Form
The template uses a JotForm popup contact form, simply input your email information and it's good to go! No need for a separate Contact page. Works on all pages and can be linked to anywhere on the page, for example of the services page; Clicking “Get a Quote” opens up the contact form.
Features
- 4 Individually Coded Pages with 100% Valid HTML
- JavaScript Content Slider
- JavaScript Tabs
- Portfolio Page with Modal Box Previews
- Cross Browser Compatibility with all Modern Browsers
- Can be used for any Type of Portfolio Website
- Popup Contact Form
- Facebook and Twitter Links in Footer
Preview Images
