“Photography Fanatic Template” Documentation by “Penoel Koukou” v1.0


“Photography Fanatic Template”

Created: 23/11/2017
By: Penoel Koukou
Email: kouvenceslas93@gmail.com

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to send me a mail. Thanks so much!


Table of Contents

  1. Structure of HTML Files
  2. Structure of CSS Files
  3. Structure of Javascript Files
  4. Blog Pages
  5. Sources and Credits

A)Structure of HTML Files - top

This Template involve Five HTML Files, all are located in the root of the site.

* index.html [ Home page ]

* about.html [ About page ]

* blog.html [ blog page ]

* single_post.html [ single post page]

* contact.html [ contact page]


B) Structure of CSS Files - top

I'm using four CSS files in this theme.

* css/bootstrap.min.css
It is bootstrap css file build to help developers in their work

* css/magnific-popup.css
I import this file in the project for a better presentation and view of the home page pictures

* css/style.css
It is my own creation for the template design. At the top of this file you will see the table content

			/*
               --- Table of content ---
               -Navigation bar stylesheet
               -Footer bar stylesheet
               -Home page stylesheet
               -About page stylesheet
               -Blog page stylesheet
               -Single post stylesheet
               -Contact page stylesheet
			*/
		

They represent the different parts of the style.css file code. The structure will help you in the editing of the code, but you can send me a mail if you want help.

* font-awesome/css/font-awesome.min.css
The icons i used in the building of this template are font-awesome icons


C) Structure of Javascript Files - top

This theme imports six Javascript files.

  1. jQuery
  2. bootstrap.min.js
  3. jquery.easing.min.js
  4. jquery.easing.min.js
  5. scrollreveal.min.js
  6. script.js
  1. jQuery is a Javascript library that greatly reduces the amount of code that you must write.
  2. bootstrap.min.js is bootstrap core javascript created by bootstrap team to help Template builders in adding some functions to their template.
  3. jquery.easing.min.js is jquery plugin, it use it there for the page scrolling
  4. magnific-popup.min.js, i import this plugin for pictures. I used it to create a pictures gallery.
  5. scrollreveal.min.js,this plugin permit me to make appear buttons and icons after a few minutes at the page loading in this theme.
  6. script.js is my custom script created for some function activation and initialization. there is the different comment at the top of each code of this file to indicate the role of the code

    // Closes the Responsive Menu on Menu Item Click
    //jQuery for page scrolling feature - requires jQuery Easing plugin
    // Initialize and Configure Magnific Popup Lightbox Plugin
    //Remove of active class for the first link
    //Activation of the tooltip
    // Initialize and Configure Scroll Reveal Animation

D) Blog Pages - top

This theme involved two blog pages

  1. blog.html
  2. single_post.html

blog.html involved articles with their pictures and each article bring to the single_post.html page which contain a full article with comments and a form at the end of the page.


E) Sources and Credits - top

I've used the following images, icons or other files as listed.

Bootstrap

jQuery

Plugins

Icons

Pictures


Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist.

Penoel Koukou

Go To Table of Contents