
<!-- META header global -->
<!--<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>-->
 <meta charset="utf-8">
<meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1' name='viewport'/>
<meta content='njascms' name='generator'/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{{page_name}}</title>
<link rel="icon" type="image/png" sizes="16x16" href="{{app_logo}}">
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css"/> -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Potta+One&display=swap" rel="stylesheet">

<link rel="stylesheet" href="{{%}}assets/css/bootstrap.min.css"/>
<link rel="stylesheet" href="{{%}}assets/css/nadmin.css"/>

<script src="{{%}}assets/js/jquery.js"></script>
<script src="{{%}}assets/js/popper.min.js"></script>
<script src="{{%}}assets/js/bootstrap.min.js"></script>
<script src="{{%}}assets/js/sweetalert2.js"></script>

<!-- plugin -->
<link rel="stylesheet" href="{{%}}assets/plugin/awesome/css/awesome.css"/>
<link rel="stylesheet" href="{{%}}assets/plugin/boxicons-2.1.2/css/boxicons.min.css">
<link rel="stylesheet" href="{{%}}assets/plugin/table/datatables.min.css"/>
<script type="text/javascript" src="{{%}}assets/plugin/table/datatables.min.js"></script>
    <!--google id-->
<script src="https://www.gstatic.com/firebasejs/8.6.3/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.3/firebase-auth.js"></script>

<!-- Bootstrap v4.4.1 css -->
		<link rel="stylesheet" type="text/css" href="{{%}}custom/css/bootstrap.min.css">
		<!-- font-awesome css -->
		<link rel="stylesheet" type="text/css" href="{{%}}custom/css/font-awesome.min.css">
		<!-- Uicons Regular Rounded css -->
		<link rel="stylesheet" type="text/css" href="{{%}}custom/css/uicons-regular-rounded.css">
		<!-- flaticon css -->
		<link rel="stylesheet" type="text/css" href="{{%}}custom/fonts/flaticon.css">
		<!-- animate css -->
		<link rel="stylesheet" type="text/css" href="{{%}}custom/css/animate.css">
		<!-- slick css -->
		<link rel="stylesheet" type="text/css" href="{{%}}custom/css/slick.css">
		<!-- owl.carousel css -->
		<link rel="stylesheet" type="text/css" href="{{%}}custom/css/owl.carousel.css">
		<!-- off canvas css -->
		<link rel="stylesheet" type="text/css" href="{{%}}custom/css/off-canvas.css">
		<!-- magnific popup css -->
		<link rel="stylesheet" type="text/css" href="{{%}}custom/css/magnific-popup.css">
		<!-- Main Menu css -->
		<link rel="stylesheet" href="{{%}}custom/css/rsmenu-main.css">
		<!-- spacing css -->
		<link rel="stylesheet" type="text/css" href="{{%}}custom/css/rs-spacing.css">
		<!-- style css -->
		<link rel="stylesheet" type="text/css" href="{{%}}custom/style.css">
		<!-- <link rel="stylesheet" type="text/css" href="{{%}}custom/css/style.css"> -->
		<!-- This stylesheet dynamically changed from style.less -->
		<link rel="stylesheet" type="text/css" href="{{%}}custom/css/custom.css">
		<!-- responsive css -->
		<link rel="stylesheet" type="text/css" href="{{%}}custom/css/responsive.css">
		<script src="https://kit.fontawesome.com/c6a448d600.js" crossorigin="anonymous"></script>

<!--NJINCMS https://localhost/soilens-cms/portofoliox -->
<script type="text/javascript" src="{{%}}assets/js/slick.min.js"></script>
<script src="{{%}}assets/js/njas.fx.js"></script>

<!--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=Fira+Sans&display=swap" rel="stylesheet">
<style>
    body{
        font-family: 'Fira Sans', sans-serif !important;
    }
</style>


