Documentation

Hoston - Hosting Bootstrap 5 HTML Template

Thank you so much for purchasing our item.

  • Created: 6 May, 2022
  • Update: 6 May, 2022

If you have any questions that are beyond the scope of this help file, Please feel free to email support@devollic.com.

Installation

Follow the steps below to setup your site template:

  1. Unzip the downloaded package and open the /hoston folder to find all the template files. You will need to upload these files to your hosting web server using FTP or localhost in order to use it on your website.
  2. Below is the folder structure and needs to be uploaded to your website or localhost root directory:
    • hoston/assets - Contains all of the assets referenced
      • hoston/assets/bootstrap-icons - Bootstrap icon files
      • hoston/assets/css - Stylesheet files
      • hoston/assets/glyphter-font - Glyphter files
      • hoston/assets/images - Image files
      • hoston/assets/js - JavaScript files
      • hoston/assets/mail - Contact form files
    • hoston/index.html - Default Homepage
    • hoston/index-2.html - Homepage 02
    • hoston/index-3.html - Homepage 03
  3. You should upload all or specific HTML files as per your need.
  4. Change homepage version to index.html
  5. You are good to go for adding your content now!

Theme Customization

We have include custom sass file in the css folder so that you can better handle your customizations. Simply add all your custom sass codes in the assets/css/custom.scss file which will render in custom.css

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Hoston - Homepage 01</title>
  <!-- favicon -->
  <link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon" />
  <link rel="icon" href="assets/images/favicon.ico" type="image/x-icon" />
 
  <!-- bootstrap css -->
  <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  <!-- bootstrap icon -->
  <link rel="stylesheet" href="assets/bootstrap-icons/font/bootstrap-icons.css">
  <!-- glyphter font -->
  <link rel="stylesheet" href="assets/glyphter-font/css/Glyphter.css">
  <!-- owl carousel -->
  <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
  <!-- owl carousel theme -->
  <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
  <!-- magnific popup -->
  <link rel="stylesheet" href="assets/css/magnific-popup.css">
  <!-- vmap -->
  <link rel="stylesheet" href="assets/css/jqvmap.min.css">  
  <!-- ion rangeSlider -->
  <link rel="stylesheet" href="assets/css/ion.rangeSlider.min.css">
  <!-- custom css -->
  <link rel="stylesheet" href="assets/css/custom.css">
</head>

Logo

The Logo can be found in the following codes.

  <a class="navbar-brand" href="index-1.html">
    <img src="assets/svg/logo-white.svg" class="logo-white" alt="Logo"/>
  </a>

Subscriber

The subscriber option can be found in the following code. Simply replace the MailChimp list url of your own.

  // Subscription
  $('#mc-form').ajaxChimp({
    url: 'https://gmail.us8.list-manage.com/subscribe/post?u=eeb15f901d282456d5231dda0&amp;id=06b7e3df0b'
  });

Contact Form

Change your desired email address and you are done!

if($_POST) {
  $to = "devollicgroup@gmail.com"; // your mail here
  $name = filter_var($_POST["name"], FILTER_SANITIZE_STRING);
  $email = filter_var($_POST["email"], FILTER_SANITIZE_EMAIL);
  $company = filter_var($_POST["company"], FILTER_SANITIZE_STRING);
  $subject = filter_var($_POST["subject"], FILTER_SANITIZE_STRING);
  $comment = filter_var($_POST["comment"], FILTER_SANITIZE_STRING);

Source & Credits

Video:

Images:

Fonts:

Scripts:

Support

If this documentation doesn't answer your questions, So, please send us email support@devollic.com

We are located in GMT +6:00 time zone and we answer all questions within 12-24 hours in weekdays. In some rare cases the waiting time can be to 48 hours. (except holiday seasons which might take longer).

Note: While we aim to provide the best support possible, please keep in mind that it only extends to verified buyers and only to issues related to our template like bugs and errors. Custom modifications or third party module implementations are not included.

Don’t forget to rate this template

Please add your review (opinion) for our template. It would be a great support for us. Thank you.

Changelog

See what's new added, changed, fixed, improved or updated in the latest versions.

For future updates follow us @facebook / @twitter / @Linkedin

Version 1.0 (6 May, 2022)

Initial Release