Doccure - Mobile Html Bootstrap Template Documentation

1. Introduction

Doccure Mobile template is built with Bootstrap5. We have also added few reusable components which speedup your development.

2. Template Installation

FTP Upload:

Step 1: Open up your FTP manager and connect to your hosting

Step 2: Browse to required directory (Normally public_html)

Step 3: Upload the files inside Your Hosting folder.

3. Font

@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsmedium';
    src: url('../fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('../fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

4. File Structure

Extract the zip file you received after purchase and you would find the exact below files and folders: 

Doccure/ 
│
└── html/ 
	│
	└── assets/           
		│
		└── css/               
		│
		└── fonts/        
		│
		└── img/                 
		│
		└── js/                
		│
		└── plugins/    

		index.html/  

		 rest of the html pages/ 

		documentation/

5. Customization

1. How to Change Site Title


<!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="utf-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, minimal-ui, viewport-fit=cover">
    	<meta name="apple-mobile-web-app-capable" content="yes">
    	<meta name="apple-mobile-web-app-status-bar-style" content="#3a57c4">
    	<title>Doccure - HTML Mobile Template</title>
    	<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
    	<link rel="stylesheet" href="assets/css/bootstrap.min.css">
    	<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
    	<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">
    	<link rel="stylesheet" href="assets/plugins/swiper/css/swiper.min.css">
    	<link rel="stylesheet" href="assets/css/circle.css">
    	<link rel="stylesheet" href="assets/css/style.css">
    </head>
    <body>
    	<div class="main-wrapper">
    	    <div class="side-menu" id="sidebar-menu">
    	    </div>
    	    <div class="home">
    	    </div>
    	</div> 
    	<script src="assets/js/jquery-3.6.0.min.js"></script>
    	<script src="assets/js/bootstrap-bundle.min.js"></script>
    	<script src="assets/plugins/swiper/js/swiper.min.js"></script>  
    	<script src="assets/js/script.js"></script>
    </body>
</html>

2. How to Change Side Panels Directions and Effects


<div class="navbar-inner d-flex align-items-center">
    <div class="left">
    	<a href="#" class="link icon-only">
    	   <i class="custom-hamburger"></i>
    	   <span><b</b></span>
    	</a>
    </div>
</div>

3. How to Change Your Menu Title


<class="side-menu" id="sidebar-menu">
    <ul>
    	<li>
    	    <a href="index.html">
    		<span class="material-icons">dashboard</span>
		Dashboard
    	    </a>
    	</li>
    </ul>
</div>

6. Important Notes

Need a help, How to configure the Doccure HTML Mobile Template into A Bootstrap5 Get reference on Bootstrap5

7. Credits

We've used the following resources as listed. These are some awesome creation and we are thankful to the community.

Plugin Link
Jquery https://jquery.com/
Font Awesome https://fontawesome.com/
Bootstrap5 https://getbootstrap.com/
Fancybox https://fancyapps.com/fancybox/3/
Swiper https://swiperjs.com/

8. Support

If you have any queries please contact us through email: [email protected]

9. Thank You

Thank you so much for using this template

Dreamguy's Technologies Pvt Ltd,