Documentation

CSS Structure

Here is the general CSS structure of the template:

<!-- Favicon -->
<link rel="shortcut icon" href="../assets/images/favicon.ico" />

<!-- Library / Plugin Css Build -->
<link rel="stylesheet" href="../assets/css/core/libs.min.css" />

<!-- flatpickr css -->
<link rel="stylesheet" href="../assets/vendor/flatpickr/dist/flatpickr.min.css" />

<link rel="stylesheet" href="../assets/vendor/sheperd/dist/css/sheperd.css">

<!-- Choisejs css -->
<link rel="stylesheet" href="../assets/vendor/choiceJS/style/choices.min.css">

<link rel="stylesheet" href="../assets/vendor/leaflet/leaflet.css">

<!-- Sweetlaert2 css -->
<link rel="stylesheet" href="../assets/vendor/sweetalert2/dist/sweetalert2.min.css"/>

<!-- btn hover css -->
<link rel="stylesheet" href="../assets/vendor/button-hover/css/hover-min.css"/>

<!-- Quill Editor css -->
<link rel="stylesheet" href="../assets/vendor/quill/quill.snow.css">

<!-- NoUI Slider css -->
<link rel="stylesheet" href="../assets/vendor/noUiSilder/style/nouislider.min.css">

<!-- Fullcalender CSS -->
<link rel='stylesheet' href='../assets/vendor/fullcalendar/core/main.css' />
<link rel='stylesheet' href='../assets/vendor/fullcalendar/daygrid/main.css' />
<link rel='stylesheet' href='../assets/vendor/fullcalendar/timegrid/main.css' />
<link rel='stylesheet' href='../assets/vendor/fullcalendar/list/main.css' />

<!-- Uppy Css -->
<link rel="stylesheet" href="../assets/vendor/uppy/uppy.min.css"/>

<!-- Hope Ui Design System Css -->
<link rel="stylesheet" href="../assets/css/hope-ui.min.css" />
<link rel="stylesheet" href="../assets/css/pro.min.css" />

<!-- Custom Css -->
<link rel="stylesheet" href="../assets/css/custom.min.css" />

<!-- Dark Css -->
<link rel="stylesheet" href="../assets/css/dark.min.css"/>

<!-- Customizer Css -->
<link rel="stylesheet" href="../assets/css/customizer.min.css" />

<!-- RTL Css -->
<link rel="stylesheet" href="../assets/css/rtl.min.css"/>

<!-- Google Font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap" rel="stylesheet">