Doccure - HTML Mobile Template Documentation

1. Introduction

Doccure Mobile template is built with Framework7. 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-family:-apple-system,SF UI Text,Helvetica Neue,Helvetica,Arial,sans-serif,poppinsregular'

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/    

		 pages/ 
		│
		└── appointments.html/ 
			│
			└── rest of the html pages/ 

		index.html/  

		documentation/  

		licensing/

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/framework7-bundle.min.css">
    	<link rel="stylesheet" href="assets/css/framework7-icons.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/css/circle.css">
    	<link rel="stylesheet" href="assets/css/style.css">
    </head>
    <body>
    	<div id="app">
    	    <div class="panel panel-left panel-cover">
    	    </div>
    	    <div class="view view-main view-init ios-edges" data-url="/">
    	    </div>
    	</div> 
    	<script src="assets/js/jquery-3.6.0.min.js"></script>
    	<script src="assets/js/framework7-bundle.min.js"></script>
    	<script src="assets/js/Chart.bundle.js"></script>  
    	<script src="assets/js/routes.js"></script>
    	<script src="assets/js/app.js"></script>
    </body>
</html>

2. How to Change Side Panels Directions and Effects


<div class="navbar-inner">
    <div class="left">
    	<a href="#" class="link icon-only panel-open" data-panel="left">
    	   <i class="custom-hamburger"></i>
    	   <span><b</b></span>
    	</a>
    </div>
</div>

3. How to Change Your Menu Title


<div class="side-menu" id="sidebar-menu">
    <ul>
    	<li>
    	    <a class="panel-close" href="/">
    		<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 Android and iOS platform?
Get reference on Framework7

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/
Framework7 https://framework7.io/docs/
Circle https://circle.firchow.net/

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,