Thank you for purchasing our template. We hope that you find all your questions regarding this Template answered in this Documentation as much in details as possible. However, if you still need support, do not hesitate to contact us at our support forum for this Template. If you have any questions that are beyond the scope of this help file, please feel free to email me. Thanks so much!
Charitro is a Responsive Creative Business Template HTML5 Template. Charitro is a graphically polished, interactive, easily customizable, highly modern, fast loading, search engine optimized, efficiently coded, well documented, vibrant and fully responsive HTML5 and CSS3 Creative Minimal Portfolio Template template specifically for , agency, personal portfolio, architect agency, freelancer, photography studios, painter portfolio, artist portfolio, web design works, freelance designer etc. or your just a Blog
To edit this template with your info you will need a code editor, i use Visual Studio Code (https://code.visualstudio.com) and a browser i recommend to use Google Chrome.
There is multiple home page layouts to chose, also various selection of pages that you can use to create your website, but you can also create your own page layouts very easily (just copy and paste code form the elements examples).
When you start editing the template with your info is good idea to create separate folder, copy the assets folder and 404.html page there, rename one of the index... files to index.html and then move and edit pages that you will use. Also is good practice to create separate styleseet for your edits and load it bellow Charitro CSS.
Follow the steps below to setup your site template:
HTML/css
- Stylesheet filesHTML/fonts
– Icon font filesHTML/img
- Image filesHTML/js
- Javacript filesOnce you download the template, you can see a folder with several files and sub folders. You can read description of some important files in continue.
Charitro follows a simple and easy to customize coding structure. Here is the sample for your reference:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- ========== Bootstrap CSS ========== -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<!-- ========== Fontawesome min CSS ========== -->
<link href="assets/css/all.min.css" rel="stylesheet">
<link href="assets/css/animate.min.css" rel="stylesheet">
<!-- ========== Swiper CSS ========== -->
<link href="assets/swiper-bundle.min.css" rel="stylesheet">
<!-- ========== Nice Number ========== -->
<link href="assets/jquery.nice-number.min.css" rel="stylesheet">
<!-- ========== Nice Select ========== -->
<link href="assets/nice-select.css" rel="stylesheet">
<!-- ========== Odomenter CSS ========== -->
<link href="assets/odometer-theme-default.css" rel="stylesheet">
<!-- ========== Main CSS ========== -->
<link href="css/style.css" rel="stylesheet">
<title> Charitro - HTML Template </title>
</head>
<body>
<!-- Preloader -->
<div class="preloader">
</div>
<!-- Scroll -->
<div class="scroll-top">
</div>
<!-- Start Main Header -->
<header class="header-section navbar-fixed ">
</header>
<!-- End Main Header -->
<!-- Start Hero Banner -->
<section class="banner-1">
</section>
<!-- ============================================= -->
<!-- ============================================= -->
<!-- footer-start
============================================= -->
<footer>
</footer>
<!-- footer-start -->
<!-- jQuery Frameworks
============================================= -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/appear-2.js"></script>
<script src="assets/js/swiper-slider/swiper-bundle.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/progressBar.min.js"></script>
<script src="assets/js/jquery.nice-number.min.js"></script>
<script src="assets/js/jquery.nice-select.min.js"></script>
<script src="assets/js/odometer.js"></script>
<script src="assets/js/vanilla-tilt.min.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>
Charitro uses 1 "Jost" from the Google Fonts Library. You can change the fonts by following code
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap');
We would really love to take this opportunity to appreciate guys whose items were helpful to us to make Vifolio a really beautiful theme for our awesome users: