Virtuf - Documentation By HasTech

Getting Started

Bootstrap Grid System

Code For One column

<div class="container">
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            YOUR CODES GOES HERE
        </div>
    </div>
</div>

Code For Two columns

<div class="container">
    <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
            YOUR CODES GOES HERE
        </div>

        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
            YOUR CODES GOES HERE
        </div>
    </div>
</div>

Code For Three columns

<div class="container">
    <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            YOUR CODES GOES HERE
        </div>

        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            YOUR CODES GOES HERE
        </div>

        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            YOUR CODES GOES HERE
        </div>
    </div>
</div>

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 Virtuf folder.


/*===================================================================
[Table Of Content]

    * Typography CSS
    * Common CSS
    * Main Navigation CSS
    * Header CSS
    * Portfolio CSS
    * About CSS
    * Team CSS
    * Brand Logo CSS
    * Form CSS
    * Blog CSS
    * Contact CSS
    * Footer CSS

=====================================================================*/

Fonts Used

<!--== Google Fonts ==-->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,400i,500,600,700,800" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700" rel="stylesheet">

Source Files(CSS)

<!--== Bootstrap CSS ==-->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<!--== Icofont CSS ==-->
<link href="assets/css/icofont.css" rel="stylesheet" />
<!--== ElegantIcons CSS ==-->
<link href="assets/css/elegantIcons.css" rel="stylesheet" />
<!--== Animate CSS ==-->
<link href="assets/css/animate.css" rel="stylesheet" />
<!--== Aos CSS ==-->
<link href="assets/css/aos.css" rel="stylesheet" />
<!--== Plugin Collection CSS ==-->
<link href="assets/css/plugin-collection.css" rel="stylesheet" />
<!--== Swiper CSS ==-->
<link href="assets/css/swiper.min.css" rel="stylesheet" />
<!--== Main Style CSS ==-->
<link href="assets/css/style.css" rel="stylesheet" />

Source Files(JS)

<!--=== Modernizr Min Js ===-->
<script src="assets/js/modernizr.js"></script>
<!--=== jQuery Min Js ===-->
<script src="assets/js/jquery-main.js"></script>
<!--=== jQuery Migration Min Js ===-->
<script src="assets/js/jquery-migrate.js"></script>
<!--=== Popper Min Js ===-->
<script src="assets/js/popper.min.js"></script>
<!--=== Bootstrap Min Js ===-->
<script src="assets/js/bootstrap.min.js"></script>
<!--=== jquery UI Min Js ===-->
<script src="assets/js/jquery-ui.min.js"></script>
<!--=== Plugin Collection Js ===-->
<script src="assets/js/plugincollection.js"></script>
<!--=== Isotope Min Js ===-->
<script src="assets/js/isotope.pkgd.min.js"></script>

<!--=== Custom Js ===-->
<script src="assets/js/custom.js"></script>

Customization

How to Change Your Logo

replace your logo on assets/img/ folder as a same name(logo.png). or if have another name, change img source on html file under header section.

How to Change Your Copyright Text

Open html Files with text editor and Replace your Copyright text on Footer Area.

How to Configure Your Contact Form

open assets/php/mail.php file with text editor and change recipient email address on line no 22.

Virtuf - Creative Business Bootstrap 5 HTML Template