“WpF Medinova - Ultra Modern Responsive Bootstrap Medical Html5 Template” Documentation by “WpFreeware Team” v1.0

“WpF Medinova”

Created: 21/05/2015
By: WpFreeware
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 template comment section from download page. 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 Medinova - Ultra Modern Responsive Bootstrap Medical 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

B) HTML Structure - top

HTML Files

Total 16 HTML file included in this Template.These are index.html,features.html,about-us.html,service.html,medical-counseling.html,medical-research.html,blood-bank.html,gallery.html,blog-archive.html,blog-archive-with-left-sidebar.html,blog-archive-with-right-sidebar.html,blog-single.html,blog-single-with-left-sidebar.html,blog-single-with-right-sidebar.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 Ten (10) section. Here is the general structure.

C) CSS Files and Structure - top

Styles

We're using 7 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.

default-theme.css

This is default theme color file for this template.

slick.css

Styles for full screen & carousel slider (slick slider).

photoswipe.css

Photoswipe image gallery main css file.

default-skin.css

Photoswipe image gallery default skin css file.

style.css

Common css style and structures for this template.


		/* Style.css File Table of Content
		==================================================
		#BASIC TYPOGRAPHY
		#HOME HEADER
		#HOME SLIDER SECTION
		#HOME SERVICE SECTION
		#HOME WHY US SECTION
		#HOME COUNTER SECTION
		#HOME MEET DOCTORS SECTION
		#HOME TESTIMONIAL SECTION
		#HOME BLOG SECTION
		#FOOTER 
		#BLOG ARCHIVE PAGE
		#BLOG DETAILS PAGE
		#FEATURES  
		#GALLERY
		#CONTACT
		#404 page
		#RESPONSIVE CSS

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 12 Javascript files.

Lets take a look closely at our javascript files.

jquery.min/js

Initialize jQuery Library

bootstrap.min.js

Bootstrap framework main jquery file

slick.min.js

Slick slider jquery file for top full screen and carousel slides

waypoints.min.js

Counter library jQuery File

jquery.counterup.min.js

For Counter main jQuery File

snap.svg-min.js

Meet Doctors smooth jQuery file

hovers.js

jQuery smooth hover effect for meet Doctors

photoswipe.min.js

Photoshwipe gallery main jQuery file

photoswipe-ui-default.min.js

Photoshwipe gallery default animation jQuery file

photoswipe-gallery.js

Photoshwipe gallery function calling jQuery file

custom.js

We put initialisation of many plugins here.

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 Three Google Web Fonts in this template.

  1. Raleway- for heading
  2. Habibi- for body content
  3. Cinzel Decorative- for text based logo

G) Sources and Credits - top

F) Demo Images - top

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 template download page and asking your question in the "Template Comment" section.

WpFreeware Team

Go To Table of Contents