### “WpF Degree - Ultra Responsive Bootstrap Educational Html5 Template” Documentation by “WpFreeware Team” v1.0

# “WpF Degree - Ultra Responsive Bootstrap Educational Html5 Template”

Created: 07/03/2015
By:WpFreeware Team
Email: contact@wpfreeware.com

Thank you for downloading our Template. If you have any questions that are beyond the scope of this help file, please feel free to contact via support forum here. Thanks so much!

## Table of Contents

1. Introduction
2. HTML Structure
3. CSS Files and Structure
4. JavaScripts
5. Navigation and Logos
6. Fonts used
7. Sources and Credits

### A) Introduction - top

Thank you so much for downloading this template called WpF Degree - Ultra Responsive Bootstrap Educational Html5 Template. Please feel free to contact us if you have question or problem about this template. No guarantees, but we will do our best to provide you with the best possible assistance.

#### Template Features

- HTML5 and CSS3 Validated
- Responsive Template
- Superslides Slider
- slick slider
- Multi page template
- Built on Bootstrap 3.3.2
- WOW Animation
- Scroll Menu
- 479 icons (based on FontAwesome)
- 10 Themes color variation
- 6 Section Feature in Home page
- Slider Section
- About us Section
- Why Us section
- Courses Section with Slider
- Tutors Section with Slider
- Students Testimonial Section
- Course Page
- Scholarship Page
- Events Page
- Gallery Page
- Blog Page
- 404 Error Page
- Contact
- Google Maps integration
- Google Web Fonts

### B) HTML Structure - top

#### HTML Files

Total 11 HTML file included in this Template.These are index.html,course-archive.html,course-single.html,scholarship.html,events-archive.html,events-single.html,gallery.html, blog-archive.html,blog-single.html,404.html,contact.html

#### Here jsut Home "index.hthml" HTML structure

This template is a Bootstrap based responsive layout and index.html file seperated by Eleven (8) section. Here is the general structure.

### C) CSS Files and Structure - top

#### Styles

We're using 10 CSS files in this template. we have separated styles for improving convenience to edit this template. If you're going to use this template in production we recommend you merge all stylesheets in one file (for decreasing http queries).

Lets take a look closely at our stylesheet files.

##### bootstrap.min.css

This Stylesheet contains responsive grid system ,default element style based on bootstrap.It is bootstrap framework main css file

##### font-awesome.min.css

Base styles for FontAwesome icon fonts.

##### superslides.css

Styles for Full Screen slider (superslides).

##### slick.css

Styles for carousel slider (slick slider).

##### jquery.circliful.css

CDN Stylesheet file for skill counter circle.

##### animate.css

Styles for smooth animation.

##### queryLoader.css

Styles for preloader animation.

##### jquery.tosrus.all.css

Styles for gallery view plugin.

##### default-theme.css

This is default theme color file for this template.

##### style.css

Common css style and structures for this template.

    		/* Style.css File Table of Content
    		==================================================
    		#BASIC TYPOGRAPHY
    		#HOME HEADER
    		#HOME SLIDER SECTION
    		#HOME ABOUT US
    		#HOME WHY US SECTION
    		#HOME COURSE SECTION
    		#HOME OUR TUTORS SECTION
    		#HOME STUDENTS TESTIMONIAL SECTION
    		#FOOTER
    		#COURSE ARCHIVE PAGE
    		#COURSE SINGLE PAGE
    		#BLOG PAGE
    		#EVENTS
    		#GALLERY
    		#CONTACT
    		#404 page

Some of stylesheets (Totally 9 themes color) contain different theme color for easily changed your desired theme color.You find these theme in css/themes folder.

### D) JavaScript - top

This template imports 11 Javascript files.

Lets take a look closely at our javascript files.

##### jquery.min/js

Initialize jQuery CDN Library

##### queryloader2.min.js

For Preloader animation jQuery file

##### wow.min.js

For Smooth animation jQuery file

##### bootstrap.min.js

Bootstrap framework main jquery file

##### slick.min.js

Slick slider jquery file for carousel slides

##### jquery.superslides.min.js

For Full screen slider main jquery file

##### jquery.easing.1.3.js

Jquery easing effect support For Full screen slider(superslides)

##### jquery.animate-enhanced.min.js

Jquery animate effect support For Full screen slider(superslides)

##### jquery.tosrus.min.all.js

jQuery file for gallery view Plugin

##### custom.js

We put initialisation of many plugins here.

### E) Navigation and Logos - top

The navigation bootstrap based menu.It will show different view for desktop and mobile device

The Logo is nested within a tag with class of navbar-brand. As you can see there are two kind of logos: Text based (by default) and Image based. You can choose prefered variant by removing html comments. Don't forget to comment or delete another variant.

#### Here shown structure layout of Navigation and logos

### F) Fonts Used - top

We have used Two Google Web Fonts in this template.

1. Merriweather
2. Varela

### G) Sources and Credits - top

- Bootstrap
- Superslides
- Slick Slider
- Gallery slider
- WOW Animation
- Font Awesome
- Demo Image

Once again, thank you so much for Downloading this Template. As we said at the beginning, we would be glad to help you if you have any questions relating to this Template. No guarantees, but we'll do my best to assist. If you have a more general question relating to the Template, you might consider visiting the forums and asking your question in the "Item Discussion" section.

WpFreeware Team

Go To Table of Contents