Welcome to Banca! Get familiar with the Stripe products and explore their features:
Thank you for purchasing Banca - Banking & Business Loan Bootstrap-5 HTML Template. If you have any questions that are beyond the scope of this help file, please feel free to email, via my user page contact form or put a ticket at Support Center. Thankyou so much!
The html template uses Latest Bootstrap v4.0.0 with valid HTML5 tags. This theme is a responisve layout with 4 column Support column. All of the information in content area is nested within a class and comes with predefined classes.
For a simple two column layout, create a .container and add the appropriate number of .col-md* columns.
<div class="container">
<div class="col-lg-4">...<div>
<div class="col-lg-8">...<div>
<div>
Welcome to Banca! Documentation and more.
<div class="section-title">
<h2>Header Title<h2>
<p><span>Welcome to Banca!<span> Documentation and more.<p>
<div>
<div class="container">
<div class="row">
<div class="col-lg-3">Level 1<div>
<div class="col-lg-7 col-md-8">Level 2<div>
<div class="col-lg-2 col-md-4">Level 3<div>
<div>
<div>
Mainly three main CSS files are used in this theme. The first one bootstrap.css, second one is style.css which for this template and third one is responsive.css to control responsive layouts.
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/slick.css">
<link rel="stylesheet" href="css/slick-theme.css">
<link rel="stylesheet" href="css/elegent-icon.min.css">
<link rel="stylesheet" href="css/nice-select.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/jquery.fancybox.min.css">
<link rel="stylesheet" href="css/nouislider.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
jQuery is a Javascript library that greatly reduces the amount of code that you must write.Most of the animation in this site is carried out from the customs scripts. There are a few functions worth looking over.
<script src="js/jquery-3.2.1.min.js"><script>
<script src="js/bootstrap.bundle.min.js"><script>
<script src="js/slick.min.js"><script>
<script src="js/wow.min.js"><script>
<script src="js/jquery.nice-select.min.js"><script>
<script src="js/jquery.fancybox.min.js"><script>
<script src="js/nouislider.min.js"><script>
<script src="js/parallax.js"><script>
<script src="js/custom.js"><script>
Lets start updating the template. Open index.html file and follow the steps.
<a class="navbar-brand sticky_logo" href="index.html">
<img class="main" src="img/logo/Logo.png" srcset="img/logo/Logo@2x.png 2x" alt="logo">
<img class="sticky" src="img/logo/Logo-2.png" srcset="img/logo/Logo-2@2x.png 2x" alt="logo">
<a>
This is the basic structure.
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav menu ms-auto">
<li class="nav-item dropdown submenu ">
<a href="#" class="nav-link dropdown-toggle active" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Home</a>
<i class="arrow_carrot-down_alt2 mobile_dropdown_icon" aria-hidden="true"
data-bs-toggle="dropdown"></i>
<ul class="dropdown-menu">
<li class="nav-item "><a href="index.html" class="nav-link active">Demo 01</a>
</li>
<li class="nav-item"><a href="index-2.html" class="nav-link ">Demo 02</a>
</li>
</ul>
</li>
<li class="nav-item dropdown submenu">
<a class="nav-link dropdown-toggle" href="loan.html" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Loan
</a>
<i class="arrow_carrot-down_alt2 mobile_dropdown_icon" aria-hidden="false"
data-bs-toggle="dropdown"></i>
<ul class="dropdown-menu">
<li class="nav-item"><a class="nav-link" href="loan.html">Get loan</a></li>
<li class="nav-item"><a class="nav-link" href="#" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Loan
Application</a>
<i class="arrow_carrot-down_alt2 mobile_dropdown_icon" aria-hidden="false"
data-bs-toggle="dropdown"></i>
<ul class="dropdown-menu">
<li class="nav-item"><a class="nav-link" href="loan-details.html">Step
01</a></li>
<li class="nav-item"><a class="nav-link" href="personal-details.html">Step
02</a></li>
<li class="nav-item"><a class="nav-link" href="document-upload.html">Step
03</a></li>
</ul>
</li>
</ul>
</li>
<li class="nav-item dropdown submenu">
<a class="nav-link dropdown-toggle" href="career.html" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Job Pages
</a>
<i class="arrow_carrot-down_alt2 mobile_dropdown_icon" aria-hidden="false"
data-bs-toggle="dropdown"></i>
<ul class="dropdown-menu">
<li class="nav-item"><a class="nav-link" href="career.html">Career</a></li>
<li class="nav-item"><a class="nav-link" href="job-post.html">Jobs</a>
</li>
<li class="nav-item"><a class="nav-link" href="job-application.html">Job
Application</a>
</li>
</ul>
</li>
<li class="nav-item dropdown submenu">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Pages
</a>
<i class="arrow_carrot-down_alt2 mobile_dropdown_icon" aria-hidden="false"
data-bs-toggle="dropdown"></i>
<ul class="dropdown-menu ">
<li class="nav-item"><a class="nav-link" href="card.html">Cards</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About Us</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact Us</a></li>
<li class="nav-item"><a class="nav-link" href="error.html">404 Error</a></li>
</ul>
</li>
<li class="nav-item dropdown submenu">
<a class="nav-link dropdown-toggle" href="blog.html" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Blog
</a>
<i class="arrow_carrot-down_alt2 mobile_dropdown_icon" aria-hidden="false"
data-bs-toggle="dropdown"></i>
<ul class="dropdown-menu ">
<li class="nav-item"><a class="nav-link" href="blog.html">Blog Listing</a></li>
<li class="nav-item"><a class="nav-link" href="blog-details.html">Blog Details</a>
</li>
</ul>
</li>
</ul>
<a class="theme-btn theme-btn-rounded-2 theme-btn-alt" href="#"> login </a>
</div>
Find this code
Fonts Used int the template are google fonts, you can find theme on Google Fonts API
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have any queries, please feel free to contact us at Support Center.