1. Start
  2. About FEATHER
  3. Features
  4. HTML Files and Structure
  5. CSS Files and Structure
  6. JavaScript File Structure
  7. Header Menu
  8. Header Background Image
  9. Header Background Video
  10. Header Background Slider Images
  11. Header Background Parallax Effect
  12. Filterable Projects Gallery
  13. Mailchimp Integration
  14. Contact Form Mail Integration
  15. Included Files
  16. PSD File
  17. Sources and Credits

FEATHER

- Multipurpose Responsive Personal Portfolio and Resume One Page HTML Template


Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

About FEATHER


Features


Note: No preview images are included in the main file

HTML Files and Structure


There are three folders available dark, light and blog. Dark and Light contains 12 html files respectively. Blog folder contains 9 HTML files

Html Structure

  1. This is a responsive layout
  2. <DIV>tag is used as container
  3. Each section is commented at just top and bottom of it
  4. Comments in HTML file exactly match with comments in CSS file
  5. Call-off scripts and styles are placed just top of the page
  6. Use recent version of any browser for better result.
  7. Tested in IE 10 & 11, Firefox, Chrome , Safari and Opera

HTML Structure

To change the Fav Icon,Pick any variation of html template and open with any editor. Top of the page, short cut icon link has been given for fav icon. Here you change the fav icon name and place corresponding icon in the "images" folder. As well as, do the update of web site title and meta description for SEO point of view.

HTML Fav icon

CSS Files and Structure


Boostrap framework and Custom style [style.css] have been used and corresponding style-sheets are available under "css" folder.

CSS File Structure

JavaScript


Boostrap framework, topmenu animation and smooth scroll has been used and corresponding javascripts are available under "js" folder.

Javascript File Structure

Header Menus


Please follow below steps to achieve respective header menu

Header Menu 1

Header-Menu-1

Header Menu 2

Header-Menu-1

Header Menu 3

Header-Menu-1

Header Menu 4

Header-Menu-1

Header Menu 5

Header-Menu-1

Header Menu 6

Header-Menu-1

Header Background Image


To change Header background image, Open the style sheet "style.css" and update the class "header-image" background url.

BG Image

Background Video


Update with your youtube video URL in HTML page.

BG Video

Background Slider Images


Update your images as per the screenshot in your HTML page.

Slider

Background Parallax Effect


Change your images as per the screenshot in your HTML page.

Parallax

Filterable Projects Gallery


Make changes as per the screenshot

Parallax

Mailchimp Newsletter Integration


Update your mailchimp newsletter embedded code in the HTML page as per screenshot.

Mailchimp

Contact Form Email Integration


Update with your email and name inwhich mail you want to receive customers mails. File under black/mail/mail.php

Contact Form Mail Integration

PSD Files


PSD file "feather-pennyblacktemplates.psd" is available under "psd" folder

You have to modify main PSD for any changes. The PSD file classified as layers

Included Files


Sources and Credits