CSS Structure

Here is the general CSS structure of the template:

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

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

<!-- flaticon css  -->
<link rel="stylesheet" href="{{path}}assets/vendor/flaticon/css/flaticon.css" />

<!-- font-awesome css -->
<link rel="stylesheet" href="{{path}}assets/vendor/font-awesome/css/all.min.css">

<!-- ionicons css  -->
<link rel="stylesheet" href="{{path}}assets/vendor/ionicons/css/ionicons.min.css" />

<!-- SwiperSlider css -->
<link rel="stylesheet" href="{{path}}assets/vendor/swiperSlider/swiper-bundle.min.css"/>

<!-- SlickSlider css -->
<link rel="stylesheet" href="{{path}}assets/vendor/slick-slider/slick.css"/>

<!-- Qloud Design System Css -->
<link rel="stylesheet" href="{{path}}assets/css/qloud.min.css?v=1.0.0">

<!-- Custom Css -->
<link rel="stylesheet" href="{{path}}assets/css/custom.min.css?v=1.0.0">

<!-- 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=Roboto:wght@100;300;400;500;700;900&display=swap; rel="stylesheet">