Consam
Consam
Welcome to Consam ! Step into success with Consam, a premium Business Consulting HTML Template designed to empower your professional presence. Whether you're a startup, consultancy firm, or corporate advisor, Consam offers a sleek, modern layout built with Bootstrap 5 to showcase your services, expertise, and brand with confidence. Crafted for flexibility and performance, it’s your all-in-one solution for building a powerful, high-impact business website.
Well organized and easy to understand. You can any work by following our docs easily
Code is clean if it can be understood.Our code is more formatting for your website
Our Template is full Perfect for all device. You can visit our template all device easily.
The template has Sass available for css. You can Change and customize css by sass.
Consam is faster loading speed. Consam create your template so much faster and easier
We are provide 24 hours support for all clients.You can purchase without hesitation.
Welcome to Consam
Step into success with Consam, a premium Business Consulting HTML Template designed to empower your professional presence. Whether you're a startup, consultancy firm, or corporate advisor, Consam offers a sleek, modern layout built with Bootstrap 5 to showcase your services, expertise, and brand with confidence. Crafted for flexibility and performance, it’s your all-in-one solution for building a powerful, high-impact business website.
Consam – is highly customizable – looks exceptional on tablets and mobile devices. We have incorporated the best web development practices – you can create an outstanding website layout based on Bootstrap or Grid 1320px.
After purchasing Consam template on templateforest.net with your Envato account, go to your Download page. You can choose to download Consam template only or the entire Consam template package which contains the following files:
Installing a Consam template is not like WordPress or CMS theme installation, actually, installation keyword does not go with Consam template. Why? because you don’t install anything, yes Consam or HTML templates are automatically rendered by the browser.
Before all that you have to edit your template and place your own contents by replacing old demo contents, in this case, you will need a code editor such as – VScode, Sublime Text, etc. When template editing is done using editor, save the files and folder and go ahead to upload template files on live server.
First of all, If you don’t have your template on your computer, download Consam template to get started, when download/purchase complete you will get a package like this screenshot (after unzip).
This template is a fixed layout with four columns. The main contents are inside the 'body' tag divided into different section (i.e. header, banner, services,... footer etc.). The general template structure is the same throughout the template. Here is the general structure.
<!-- CSS here -->
<link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/vendor/animate.min.css">
<link rel="stylesheet" href="assets/css/plugins/swiper.min.css">
<link rel="stylesheet" href="assets/css/plugins/nouislider.min.css">
<link rel="stylesheet" href="assets/css/vendor/magnific-popup.css">
<link rel="stylesheet" href="assets/css/vendor/fontawesome-pro.css">
<link rel="stylesheet" href="assets/css/vendor/spacing.css">
<link rel="stylesheet" href="assets/css/main.css">
We are using one customed CSS files (style.css) and several vendor css files. CSS file structure is as follows:
/*-----------------------------------------------------------------------------------
[Master Stylesheet]
Template Name: Consam - Business Consulting HTML Template
Author: Bdevs
Support: https://support.bdevs.net/
Description: Business Consulting HTML Template
Version: 1.0
-----------------------------------------------------------------------------------
/************ TABLE OF CONTENTS ***************
-----------------
01. theme
-----------------
1.1 theme
1.2 typography
1.3 section
-----------------
01. utils
-----------------
1.1 mixins
1.2 root
1.3 extends
1.4 breakpoints
-----------------
02. components
-----------------
2.1 animation
2.2 avatar
2.3 background
2.4 backtotop
2.5 breadcrumb
2.6 buttons
2.7 carousel
2.8 color.scss
2.9 forms
2.10 offcanvas
2.11 pagination
2.12 preloader
2.13 section Title
2.14 shortcodes
2.15 social
2.16 tab
2.17 tooltip
2.18 video
2.19 index
-----------------
03. layout
-----------------
-----------------
3.1.1 banner
-----------------
3.1.1 banner-1
3.1.2 banner-2
3.1.3 banner-3
3.1.4 banner-4
3.1.7 index
-----------------
3.1.2 blog
-----------------
3.2.1 blog-tag
3.2.2 blog
3.2.3 postbox
3.2.4 recent-post
3.2.5 sidebar-tag
3.2.6 index
-----------------
3.1.3 ecommerce
-----------------
3.3.1 cart
3.3.2 checkout
3.3.3 order
3.3.4 shop
3.3.5 index
-----------------
3.1.4 footer
-----------------
3.4.1 footer-1
3.4.2 footer-2
3.4.3 footer-3
3.4.4 footerCopyrights
3.4.5 footerDefault
3.4.6 index
-----------------
3.1.5 header
-----------------
3.5.1 header-1
3.5.2 header-3
3.5.3 header-4
3.5.4 header-common
3.5.5 header-primary
3.5.6 header-top
3.5.7 index
-----------------
3.1.6 menu
-----------------
3.6.1 menu
3.6.2 mobile-menu
3.5.3 index
-----------------
04. Page
-----------------
4.1 about
4.2 case-studies
4.3 contact
4.4 cta
4.5 demo
4.6 error
4.7 faq
4.8 feature
4.9 gallery
4.10 price
4.11 service
4.12 team
4.13 testimonial
4.14 index
/*CSS Table Of Content Ends Here*/
There is a custom .js file named main.js and are several vendor js files as plugins. We are using jQuery(a javascript library) instead of vanilla javascript. Our file structure is a follows:
<!-- JS here -->
<script src="assets/js/vendor/jquery-3.7.1.min.js"></script>
<script src="assets/js/plugins/waypoints.min.js"></script>
<script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
<script src="assets/js/plugins/swiper.min.js"></script>
<script src="assets/js/plugins/wow.js"></script>
<script src="assets/js/vendor/magnific-popup.min.js"></script>
<script src="assets/js/vendor/isotope.pkgd.min.js"></script>
<script src="assets/js/vendor/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/plugins/nice-select.min.js"></script>
<script src="assets/js/plugins/nouislider.min.js"></script>
<script src="assets/js/vendor/ajax-form.js"></script>
<script src="assets/js/plugins/easypie.js"></script>
<script src="assets/js/vendor/purecounter.js"></script>
<script src="assets/js/vendor/backtotop.js"></script>
<script src="assets/js/main.js"></script>
To change any images of the website
Example: Suppose you want to change the following image file:
<div class="bd-header-logo">
<a href="index.html"><img src="assets/images/logo/logo-dark.svg" alt="logo"></a>
</div>
To change any images of the website
Example: Suppose you want to change the following image file:
<div class="bd-about-thumb">
<img src="assets/images/about/about-thumb-1.webp" alt="about-thumb">
</div>
We have used scss for this project to write css. If you are familiar with scss you should customize only the .scss files. Please make sure you compile the style.scss file after you have made changes in any of the .scss files.
Have a look at the following image for a visual description:
Our template fully supports RTL (Right-to-Left) languages such as Arabic, Hebrew, and Persian. To enable RTL layout, you simply need to include the Class in your HTML file.
This template comes with built-in RTL
(Right-to-Left) support for languages like Arabic,
Hebrew, and Persian. No need to include any separate
rtl.css file.
To enable RTL layout, simply add dir="rtl" to the
<html> or <body> tag in your
HTML file.
<html lang="ar" dir="rtl">
<head>
...
<link rel="stylesheet" href="assets/css/main.css">
</head>
</html>
<html lang="ar">
<head>
...
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body dir="rtl">
...
</body>
</html>
Once added, the template will automatically switch to RTL layout, adjusting text alignment and layout direction accordingly.
We've used the following fonts, free icons and plugins as listed:
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
Update Change log View Changelog Here
We are excited to showcase some of our other amazing products, including Tourn, Progery, Frintem, Manez, Tourigo, and more. With these themes, you can easily create an attractive website tailored to your domain requirements across various fields.
If you need to theme customization or make custom theme or template. Please, you can contact us for this.
Contact Us
If you need to theme customization or make custom theme or template. Please, you can contact us for this.
Contact
