“HealthPress HTML Template” Documentation by “960Development.com” v1.0
“HealthPress HTML Template”
Thank you for purchasing HealthPress HTML Template. If you have any questions that are beyond the scope of this help file, please feel free to post a ticket on our support forum. Thanks so much!
Table of Contents
- Files & Directories
- HTML Structure
- CSS Structure
- JavaScript
- PHP Files
A) Files - top
Directories
- Images Directory This folder has all images used in HealthPress template
- JS Directory This folder has js libraries helping in various template features
- CSS Directory This folder has all the CSS Styles files
- Captcha Directory This directory has captcha functionality files for form in website.
Files
- Index File index.html
- Articles Page articles.html
- Blog Page home-categories-description.html
- Contact Page atricle-list.html
- Doctors four column page doctors-four-columns.html
- Doctors two column page doctors-two-columns.html
- All Elements Offered in site elements.html
- FAQ full width page without sidebar faq-fullwidth.html
- FAQ with sidebar faq-with-sidebar.html
- Four Column Gallery four-column-gallery.html
- Full width page full-width.html
- Home with blog posts home-with-blog-posts.html
- Four Column Servcies services-four-columns.html
- Three Column Services services-three-columns.html
- One Column Services services-one-column.html
- Single blog post page single.html
- Single doctor page single-doctor.html
- Single gallery page single-gallery.html
- Single service page single-service.html
- Stylesheet file for website style.css
- Submit form file submit.php
- Testimonials page testimonials.html
- Three columns Gallery three-columns-gallery.html
- Two columns gallery two-columns-gallery.html
B) HTML Structure - top
Header Structure
Footer Structure
About Page Structure
C) CSS Structure - top
HealthPress theme has ten CSS files.
- Basic Template Styles style.css
- Responsive Styles css/media-queries.css
- Custom Styles css/custom.css
- PrettyPhoto Plugin Styles js/prettyphoto/prettyPhoto.css
- Flex Slider Styles js/flexslider/flexslider.css
- Six jQuery UI files css/jquery.ui.all.css
css/jquery.ui.base.css
css/jquery.ui.core.css
css/jquery.ui.datepicker.css
css/jquery.ui.theme.css
css/jquery.ui.1.8.23.custom.css
D) JavaScript - top
JavaScript files being used are listed below:
- jQuery Library js/jquery-1.8.2.min.js
- Flex Slider js/jquery-1.8.2.min.js
- Cycle Slider Plugin js/jquery.cycle.lite.sjs
- jQuery Easing Library js/jquery.easing.1.3.js
- jQuery PrettyPhoto Pluginjs/prettyphoto/jquery.prettyPhoto.js
- Isotope Live product filter js/jquery.isotope.min.js
- jQuery UI Core file js/jquery.ui.core.min.js
- jQuery UI Date Picker js/jquery.ui.datepicker.min.js
- HTML5 Javascript File js/html5.js
- jQuery Form function for contact page js/jquery.form.js
- jQuery Form Validator js/jquery.validate.min.js
- PHP Processed Javascript Library js/localized-js.php
- HealthPress Template Script File js/custom.js
How to manage slider!
To manage slider you just have to put images in list item and in anchor tags if needed. After that you have to make tabs for relevent slides. It is very simple. First tab for first slide and second tab for second slide. This slider is flexible and tabs will adjust by number maximum five.
How to change contact email!
To change twitter id follow image given below.
E) PHP Files - top
Captcha Support for appointment and contact form
Contact form and appointment form both have captcha support. It is Ajax + PHP based function. There is no need to alter anything in it unless you know php very well. Captcha related files are in 'captcha' directory on the root.
How to change contact email!
Contact form on contact page is fully functional and sends submitted information to given email address. To change email address for receiving emails you have to open contact.html file given in main directory and follow the directions given in image below.
How to change contact map location
Follow the image below to change map location. To get your latitude and longitude for your location click here.
Once again, thank you so much for purchasing this Template As I said at the beginning, I'd be glad to help you if you have any questions relating to this Code. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.
960Development.com
Go To Table of Contents