Impress is a HTML portfolio template, perfect to promote your work.
Basic HTML/CSS knowledge is required to edit and use the template.
Donwload Contents:
This theme was built with the help of the Skeleton Grid System.
Open the html_css
folder and your will find all HTML, CSS, JS and PHP files that you'll need to customize and add your content.
This template uses 3 CSS files.
base.css - a css file with generic styles and a reset to control the differences in the default behavior of the different browsers.
layout.css - this is the one you'll want to edit to change colors, images and fonts.
skeleton.css - this is used by the Skeleton Grid System, you don't need to edit nothing here.
The layout.css
is separated into sections using:
If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.
These template uses one PHP file for the contact form
process.php - file used by the contact form that you need to edit.
This template imports the following javascritp files, that can be found in the bottom section of the HTML pages:
jquery-1.7.1.min.js - is a javascript library that greatly reduces the amount of code that you must write.
nbw-parallax.js - script responsible for the parallax effect.
jquery.inview.js - script responsible for the parallax effect.
smooth-scroll.js - enables smooth scrolling.
smooth-scroll-ios.js - enables smooth scrolling on mobile devices.
jquery.sticky.js - enables the navigation bar to stick to the top of the screen.
jquery.fancybox-1.3.4.pack.js - used by the Fancybox plugin.
contact-form.js - used by the contact form.
To edit the text in the logo:
You'll need to open the photoshop file and replace the text with your own, then hide the background and save as transparent png24.
The logo uses the Oswald font, you can download it on Google Web Fonts
For the contact form to work you'll need to open the file process.php
, go to line 23 and add your email address.
Included are 1 full layered and organized Photoshop file.
You will need a basic understanding of the Photoshop software to edit and customize it.
Don't forget, always save for web and when copying something hide the background and save as transparent png24.
The fonts used in this template are from Google Web Fonts:
Open Sans - 300, 400 & 600 weight styles.The fonts are automaticaly loaded from the google fonts server.
You only need to download this for use on the Photoshop file.
In the icons
folder you can find some extra icons for the Services
and About
sections.
Services icons - made using the iconSweets2 set.
Social icons - made with Glyphs_byGSIX_v3, wich you can find in the icons
folder
Contact information icons - made using the iconSweets2 set.
To add your map, follow this guide.
Choose a custom size of 804x208.
You can contact me here:
info@rodrigob.com
Themeforest profile
twitter.com/rb80