Hostr

Awesome Clean Hosting Responsive Template

• created: 03 June 2017
• updated: 28 June 2017
• by: SreeThemes
• http://themeforest.net/user/SreeThemes

Thank you for purchasing the Hostr HTML template from SreeThemes. Hostr template a full and comprehensive rich hosting and multipurpose usages template

How to get help:

Please send your questions via the contact form on our profile and we will respond back at the earliest.

Hostr using the following CSS files:

style.css
The main css file. In order to change the fonts follow the below steps:

Open index.html file using any text editor, navigate to the change which says link font name and change it as per your google fonts requirements. By default the template uses fonts Lato, Open Sans and Raleway fonts.

The font for body text is Open Sans from Google Web fonts and for headings (h1, h2, h3 etc.) is Raleway from Google Web fonts. If you like to change these fonts with a usual web safe font (arial, verdana etc.) you must change it in the style.css and change the respective font name.

<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400|Raleway:100,300,400,500,600,700|Open+Sans:100,300,400,500,600' rel='stylesheet' type='text/css'>

Icons
You can follow the links :

• FontAwesome Icons
• et-line-icons
• lineariconsFree
• Simple Line Icons
• Themify Icons

css/bootsrap.css, css/bootsrap-theme.css
The main responsive grid stylesheets, from Bootstrap 3 framework. It is recommended to make any changes/additions to the main style.css or responsive.css and not to modify bootsrap.css and bootsrap-theme.css. By following this approach, future upgrades of bootstrap files can easily be incorporated in your application.

css/owl.carousel.css
The base stylesheet for carousels that the template using (testimonials, Pricing Slider page, and logo slider)

css/responsive.css.css
A custom addition to responsive custom styles. It provides the possibility to add any custom css with any media query that you want.

css/owl.theme.css
The stylesheet that effect the carousels and their appearance. You can modify color/size of certain elements like bullets.

css/owl.carousel.css
The base stylesheet for carousels that the template using (testimonials in home page, carousel with fade effect in datacenter page, one item carousel in blog category)

The Hostr template is a responsive HTML template based on Bootstrap 3. The structure based on a flexible grid that lets you change HTML pages quickly and logically with a nestable system.

Where can the e-mail account details to receive the messages from contact form can be configured?

---

it works dynamitically,if you want to receive emails contact form you can go to form/config.php hosted domain emailid(follow the below screenshot) enter where we would like to send emailid

Hostr using jQuery framework with various additional plugins.

js/jquery-2.2.4.min.js
The jQuery framework

js/bootstrap.min.js
The main js file that hook the supported scripts of Bootstrap 3 framework

js/owl.carousel.min.js
The script for carousels that the template using (testimonials in home page, carousel with fade effect in datacenter page, one item carousel in blog category). The hook of the script for each page exists in js/custom.js file on line 39.

js/waypoints.min.js
The script that hooks the statistics when the specific section is in viewport. You don't need to touch anything here.

vendors/counterup/jquery.counterup.min.js
The script that hooks the Number Counters

js/jquery.magnific-popup.min.js
The script that hooks the Image zoom / popup

form/js/contact-form.js
The scripts that validates the contact form script in the contact page

js/theme.js
Custom Script

How to change the colour themes ?

• Open Up your Desired 'CSS' file location. (For Example, 'css/colors/YOURCOLOUR')
• Then Search For the Comment '<!--Theme Styles-->'
• And remove the markup

Where i can define the Stats circles with numbers that i see in shortcodes page?

You can set the options as data attributes and hook the script in the bottom of page (below of jquery).
An example :
id="myStat1" data-dimension="175" data-animationstep="0.5" data-text="3215" data-width="25" data-fontsize="29" data-percent="64" data-fgcolor="#daedd0" data-bgcolor="#f0f0f0"

id = used to create the animation when the section is in viewport. Must be different in each stat.
data-dimension = how big or small you need the circle.
data-animationstep = the speed that the color fill the circle
data-text = the number that displaying in the center of the circle.
data-fontsize = the font size of the number that displaying in the center of the circle
data-width = how big or small you need the color that fill the circle
data-fgcolor= the hex code of the color that fill the circle
data-bgcolor= the hex code of the color that used as border on the circle
data-percent= which percent of the circle will stop the color that fill the circle (100 all the circle, 50 the half of circle etc.)

How can I remove the "Preloader"?

• Open Up your Desired '.html' file. (For Example, 'index.html')
• Then Search For the Comment '<!--Loader-->'
• And remove the markup

How can I change the "Logo Name"?

• Open Up your Desired '.html' file. (For Example, 'index.html')
• Then Search For the Comment '<!-- Navbar -->'
• Update The logo name 'hostr-hosting-logo.png' from there.

How can I change "Social Links" (Footer)?

• Open Your Desired '.html' file. (For Example, 'index.html')
• Then Search For the text '<!-- Footer -->' Line Number 1186
• Change The anchor links 'href="#"' from there

How can I change "Pricing Table"?

• Open Your Desired '.html' file. (For Example, 'hosting-dedicated.html')
• Then Search For the Comment '<!-- Pricing Table -->'
• Update The 'Price, Features and Link' from there

How can I change "Counter Value"?

• Open Up your Desired '.html' file. (For Example, 'index.html')
• Then Search For the Comment '<!-- Facts -->'
• Change The 'Title' and 'Numbers' from there

How can I change "Testimonial Text and Image"?

• Open Up your Desired '.html' file. (For Example, 'index.html')
• Then Search For the Comment '<!-- Testimonials -->'
• Update The Image Link 'data-recommender-thumb="images/testimonial/1.jpg"' and 'Text' from there

How can I change "Name, Image (Team Section)?

Make sure first you put your 'images' in the '/images/team/team-img' folder.

• Open Your Desired 'about-us.html/our-team.html' file.
• Then Search For the Comment '<!-- Team Member Item Start -->'
• Update The 'Name, Image and Social Links' from there

How can I change "Copyright Text"?

• Open Your Desired '.html' file. (For Example, 'index.html')
• Then Search For the key 'Copyright'
• Update The 'Text' from there

How can I change "FAQ Questions and Answers"?

• Open Your Desired '.html' file. (For Example, 'faqs.html')
• Then Search For the Comment '<!-- Faq -->' in this two types of faqs styles avilable, 1) Tabs 2 ) Accordion
• Update The 'Title and Content' from there

How can I change the "Contact Address" (Contact Page)?

• Open Your Desired '.html' file. (For Example, 'contact.html')
• Then Search For 'detail_address'
• Update The Address: '101 East Ghot, USA, opposite of Theater Center, CA 2104-102.', Phone Number: '+124-452-45789 ' and Email Address: 'info@hostr.com' FAX: +0 1254-458-78945