Getting Started

  • Crms
  • Getting Started

Introduction

  • Item Name : CRMS - Sales, CRM, Accounts Admin Bootstrap Template (HTML + Laravel + Vue + React + Angular + Nodejs + Framework7)
  • Published : 06 August 2020
  • Item Version : v2.2
  • Author : Dreams Technologies
  • Support via email : [email protected]
  • Support via Themeforest : Take me there
Crms Banner
Crms Thumbnail CRMS - Sales, CRM, Accounts Admin Bootstrap Template

CRMS is a admin template for Human Resource Management. CRMS is a well-designed fully responsive admin template that makes the web administration process easier than ever. It is equipped with various functionalities and is platform compatible.

Contact Support Create Support ticket

Requirement

Technologies
  • Framework Html
  • Bootstrap 5
System Requirements
  • Text Editor like, Sublime Text 3 editor (or) Visual Studio Code editor
  • Any Web Browser

Features

Creative Design
Fully Responsive
Color & Fonts is easily changed
W3C Validated Code
Bootstrap 5.x used
Compatible Browsers: IE8+, Firefox, Safari, Opera, Chrome
RTL Template
Various Sidebar Colours
Json data implemented in tables
Tabler Icons used
Dark Mode
Sass used

File Structure

Html Structure


	<!DOCTYPE html>
		<html lang="en">
		<head>
			<meta charset="utf-8">
			<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
			<title>Crms - Bootstrap Admin HTML Template</title>
			<link rel="shortcut 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/select2/css/select2.min.css">
			<link rel="stylesheet" href="assets/css/style.css">
		</head>
		<body>
			<div class="main-wrapper">
				<div class="header">
				</div>
				<div class="sidebar">
				</div>
				<div class="content container-fluid"> 
				</div>
				</div> 
			</div> 
			<script src="assets/js/jquery-3.7.1.min.js"></script>
			<script src="assets/js/bootstrap.bundle.min.js"></script>
			<script src="assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
			<script src="assets/plugins/select2/js/select2.min.js"></script>  
			<script src="assets/js/jquery.dataTables.min.js"></script>
			<script src="assets/js/script.js"></script>
		</body>
	</html>

Javascripts

You can change the logo or replace it from img folder or you can edit it from HTML file.

	<script src="assets/js/jquery-3.7.1.min.js"></script>
	<script src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
	<script src="assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>  
	<script src="assets/plugins/select2/js/select2.min.js"></script>   
	<script src="assets/js/jquery.dataTables.min.js"></script> 
	<script src="assets/js/script.js"></script>

Installation Guide

Step 1:

After unzipping Template Files, you will find our product Crms->HTML(Source code)

Step 2:

Open HTML folder, copy all files and paste in your localhost or server root folder

Step 3:

Now you can run this Template in any web browser from your PC or Laptop

for example

localhost/Crms/index.html or www.example.com/index.html

Sass, Scss

Step 1:

Install Node.js

Step 2:

Initialize NPM

Step 3:

Install Node-Sass

Step 4:

Write Node-sass Command (sass --watch main.scss:../css/style.css)

Step 5:

Run the Script

Install Node.js

Node.js is a run-time environment which includes everything you need to execute a program written in JavaScript. It’s used for running scripts on the server to render content before it is delivered to a web browser. In a web browser, navigate to https://nodejs.org/en/download/..

Update Your NPM

Npm is the package for JavaScript and the world's largest software registry. Npm is a separate project from node.js, and tends to update more drequently. As a result, even if uou've just downloaded Node.js (and therefore npm), you'll probably need to update your npm.

npm install --global npm@latest

Install all dependencies

If you want to update or develop this theme, you need to install all dependencies by running:

npm install

Install Sass

If you use Node.js, you can also install Sass using npm by running

npm install -g sass
for example

sass --watch main.scss:../css/style.css

RTL Version

Switch CSS files to their RTL versions by adding *.rtl.min.css suffix to files that have RTL versions generated in assets folder:


	<!DOCTYPE html>
		<html lang="en">
		<head>
			<meta charset="utf-8">
			<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
			<link rel="stylesheet" href="assets/css/bootstrap.rtl.min.css">
			<title>CRMS Admin Template</title>
		</head>
	</html>
	

	body {
		direction: rtl;
	}

How to change Font ?

You can change the font you can edit it from Scss file.


	@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');


	body {
		$font-family-primary: "Noto Sans", sans-serif;
	}

How to change Header Background Color ?

You can change the header background color in style.css as per your wish


	.header {
		background: $white;
		left: 0;
		position: $fixed;
		right: 0;
		top: 0;
		height: 60px;
	}

How to change Dark Mode ?

The theme mode can be set through data-theme="dark" attribute on the page's root 


	[data-theme="dark"] {
		background: $dark;
		color:$white
	}

Typography

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading
h6. Bootstrap heading

Icons

Use Font Awesome icons with spesific class 


	<!DOCTYPE html>
	<html lang="en">
		<head>
			<link rel="stylesheet" href="assets/plugins/tabler-icons/tabler-icons.css">
			<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">
		</head>
	</html>



	<i class="ti ti-command">
	<i class="ti ti-user-up">
	<i class="ti ti-analyze">

Datatable

Use Dtatable in following structure 


	<div class="table-responsive">
		<table class="table border-0 table-center mb-0 datatable">
			<thead>
				<tr>
					<th>
						<div class="form-check check-tables">
							<input class="form-check-input" type="checkbox"  value="something">
						</div>
					</th>
					<th>ID</th>
					<th>Name</th>
					<th>Class</th>
					<th>Subject</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>
						<div class="form-check check-tables">
							<input class="form-check-input" type="checkbox"  value="something">
						</div>
					</td>
					<td>10</td>
					<td>Mathematics</td>
					<td>A</td>
					<td>097 3584 5870</td>
				</tr>
			</tbody>
		</table>
	</div>



	<!DOCTYPE html>
	<html lang="en">
		<head>
			<link rel="stylesheet" href="assets/css/dataTables.bootstrap5.min.css>
			<title>CRMS Admin Template</title>
		</head>
		<body>

			<div class="main-wrapper">

			</div>

			<script src="assets/js/jquery.dataTables.min.js"></script>
			<script src="assets/js/dataTables.bootstrap5.min.js"></script>
		</body>
	</html>

FAQs

With one purchase code you can use it on one domain name. You need to get new license for every new domain name, please check Envato Help Page for more information about licenses.

If you need support, or if you're facing any problems, please contact us via Envato Support
Please note that our respond can take up to 2 business days.

  • Availability to answer questions, Answering technical questions about item’s features, Assistance with reported bugs and issues, Help with included 3rd party assets.
  • Any customization request will be ignored.
  • Please make sure to read more about the support policy.

Support

If this documentation does not address your questions, please feel free to contact us via email at Item Support Page

We are in the GMT+5:30 time zone and typically respond to inquiries on weekdays within 12-24 hours. Please note that in rare cases, the response time may extend to 48 hours, especially during holiday seasons.

Note:

We strive to offer top-notch support, but it's only available to verified buyers and for template-related issues such as bugs and errors. Custom changes and third-party module setups are not covered.

Don’t forget to Rate Crms!
Please take a moment to rate our product on Themeforest. Your support means a lot to us. Just go to your Themeforest Profile > Downloads Tab, and you can leave a review for our script. Thank you!

License

Crms is developed by Dreams Technologies and is available under both Envato Extended & Regular License options.

Regular License

Usage by either yourself or a single client is permitted for a single end product, provided that end users are not subject to any charges.

Extended License

For use by you or one client in a single end product for which end users may be charged.

What are the main differences between the Regular License and the Extended License?

Note

If you operate as a freelancer or agency, you have the option to acquire the Extended License, which permits you to utilize the item across multiple projects on behalf of your clients.

Credits

Plugin Name URL
Bootstrap https://getbootstrap.com/docs/
jQuery https://jquery.com/
Fontawesome https://fontawesome.com/
Select2 https://github.com/select2/select2
Date Timepicker https://cdnjs.com/libraries/jquery-datetimepicker
Google Fonts https://fonts.google.com/
Morris https://morrisjs.github.io/morris.js/
Summernote https://summernote.org/plugins
Fancy Box http://fancybox.net/
Dropzone Js https://github.com/dropzone/dropzone
Jquery UI https://jqueryui.com/
Full Calendar https://fullcalendar.io/
Moment JS https://momentjs.com/
Popper JS https://popper.js.org/
Datatables https://datatables.net/download

Do you need a customized application for your business?

If you need a customized application for your business depends on your specific requirements and goals, Please contact us.

Customization can be the key to success, ensuring your project perfectly aligns with your unique goals and requirements.

Don't Miss Out on the Benefits of Customization!

Unlock the potential of your project. It's time to ensure that your project isn't just another cookie-cutter solution but a truly unique and effective one.

Discover how customization can make a difference in your project's success. Let's create a solution that's as unique as your vision!

  • We'll tailor the application to meet your specific needs and preferences.
  • We will upload your website to the server and ensure it is live.
Book an Appointment Get a Free Quote
dreamstechnologies [email protected]
thanks

Thank You

Thank you once again for downloading Crms.
We hope you're enjoying your experience, and we kindly request that you take a moment to share your valuable review and rating with us.

Review Link:https://themeforest.net/downloads