HeroHost - Multi Purpose Responsive Bootstrap Template
created: 12/07/2016
Thank you for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to open a new ticket at our support forum
Template Installation
-
FTP Upload:
- Open up your FTP manager and connect to your hosting
- Browse to required directory (Normally public_html)
- Upload the files inside herohost folder.
Pages
- index.html is for Home Version One Page
- index-2.html is for Home Version Two Page
- index-3.html is for Home Version Three Page
- index-4.html is for Home Version Four Page
- index-5.html is for Home Version Five Page
- index-6.html is for Home Version Six Page
- detail-blog.html is for Blog Details Page
- product-details.html is for Product Details Page
- products-grid.html is for Products Grid Page
- news.html is for News Page
- news-2-column.html is for News 2 Column Page
- service.html is for Service Page
- about-us.html is for About Us Page
- team.html is for Team Page
- web-hosting.html is for Web Hosting Page
- cart.html is for Cart Page
- checkout.html is for Checkout Page
- contact.html is for Contact Page
- 404.html is for 404 Page
- login.html is for login Page
- register.html is for register Page
Font
<link href='https://fonts.googleapis.com/css?family=Lato:400,700,400italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Dosis:800' rel='stylesheet' type='text/css'>
Source File (CSS)
<!-- ALL CSS FILES HERE -->
<!-- Bootstrap CSS-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Font awsome CSS-->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Nivo Slider CSS-->
<link rel="stylesheet" href="lib/custom-slider/css/nivo-slider.css">
<link rel="stylesheet" href="lib/custom-slider/css/preview.css">
<!-- pe-icon+ CSS-->
<link rel="stylesheet" href="css/Pe-icon-7-stroke.css">
<link rel="stylesheet" href="css/helper.css">
<!--Owl CSS-->
<link rel="stylesheet" href="css/owl.carousel.css">
<!-- Animate CSS-->
<link rel="stylesheet" href="css/animate.css">
<!-- Meanmenu CSS-->
<link rel="stylesheet" href="css/meanmenu.min.css">
<!-- Jquery UI CSS-->
<link rel="stylesheet" href="css/jquery-ui.css">
<!-- Style CSS-->
<link rel="stylesheet" href="style.css">
<!-- Responsive CSS-->
<link rel="stylesheet" href="css/responsive.css">
Source File (JS)
<!-- ALL JS FILES HERE -->
<!-- vendor js -->
<script src="js/vendor/jquery-1.12.3.min.js"></script>
<!-- Mordenizer js -->
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
<!-- Bootsrap js -->
<script src="js/bootstrap.min.js"></script>
<!-- Meanmenu js -->
<script src="js/jquery.meanmenu.js"></script>
<!-- Wow js -->
<script src="js/wow.min.js"></script>
<!-- Owl js -->
<script src="js/owl.carousel.min.js"></script>
<!-- Price Slider js -->
<script src="js/jquery-price-slider.js"></script>
<!-- Elevate Zoom js -->
<script src="jquery.elevatezoom.js"></script>
<!-- Scroll Up js -->
<script src="js/jquery.scrollUp.min.js"></script>
<!-- Plugins js -->
<script src="js/plugins.js"></script>
<!-- Nivo Slider js -->
<script src="lib/custom-slider/js/jquery.nivo.slider.js"></script>
<script src="lib/custom-slider/home.js"></script>
<!-- Counterup js -->
<script src="js/jquery.counterup.min.js"></script>
<script src="js/waypoints.min.js"></script>
<!-- Mixitup js -->
<script src="js/jquery.mixitup.js"></script>
<!-- Main js -->
<script src="js/main.js"></script>
Customization
How to Change Logo
