Documentation
zumar - creative and multi-purpose template
zumar is a HTML Template perfect for news, magazine, blog and for all kinds of publishing websites. Responsive based on Bootstrap. All files and code has been well organized and nicely commented for easy to customize.
- Version: 1.0
- Author: ThemesCamp
- Created: 01 May, 2023
- Update: 01 May, 2023
If you have any questions that are beyond the scope of this help file, Please feel free to contact us via ThemesCamp.
Features
- Build on HTML (with jQuery)
- Build on Saas
- Based on Bootstrap 5
- Stunning Hompages
- Huge Template Collection
- Inner Pages
- SEO Friendly
- Working Contact Form
- Fully Responsive
- Modern Design
- Premium Support
- Free Updates
- W3C Validated Code
Files Include
zumar_html Folder
Folder contains main template code & all jsx
, json
, scss
, css
, images
, fonts
, js
files
zumar-html-docs Folder
Documentation folder of "zumar html" written in html
css
Installation
Follow the steps below to setup your template:
- Download the latest theme source code from the Marketplace.
Folder Structure
zumar comes with a flexible file structure that can be easily used for small to large scope projects. This section will explain the entire file structure and how to adapt it to your project.
Root Folder
[root_folder]
folder contains the whole project folders & files
Assets Folder
[root_folder]/assets/
source folder that contains all styles source files.
HTML Structure
Template is based on Bootstrap 5.0 and uses the default Bootstrap 12 column grid system. Bootstrap documentation
<div class="container">
<div class="row">
<div class="col-md-6">...</div>
<div class="col-md-6">...</div>
</div>
</div>
For a more detailed explanation of the Bootstrap grid - see the Bootstrap documentation here
Simple coding structure of page
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<!-- Your Stylesheets, Scripts & Title
============================================= -->
...
</head>
<body>
<!-- Header
============================================= -->
<div class="site-header">
<nav class="navbar navbar-expand-lg">
...
</nav>
</div>
<!-- Site Content
============================================= -->
<div class="container">
<div class="row">
<div class="col-md-6">...</div>
<div class="col-md-6">...</div>
</div>
</div>
<!-- Footer
============================================= -->
<footer>
<div class="footer-top-area">
...
</div>
<div class="footer-bottom-area">
...
</div>
</footer>
<!-- javascript files
============================================= -->
</body>
</html>
Source & Credits
Images:
- Pexels - https://pexels.com
- Unsplash - https://unsplash.com
Images are only for demo purpose and not included with the download bundle.
Fonts:
Scripts:
- Bootstrap 5 - http://getbootstrap.com
- Swiper Carousel - https://swiperjs.com
Thank you for select zumar template
We truly appreciate and really hope that you'll enjoy our template!
If you like our template, plase rate us 5 star !