<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- SEO Meta Tags -->
    <meta name="description" content="Your description">
    <meta name="author" content="Your name">

    <!-- OG Meta Tags to improve the way the post looks when you share the page on Facebook, Twitter, LinkedIn -->
    <meta property="og:site_name" content="" /> <!-- website name -->
    <meta property="og:site" content="" /> <!-- website link -->
    <meta property="og:title" content="" /> <!-- title shown in the actual shared post -->
    <meta property="og:description" content="" /> <!-- description shown in the actual shared post -->
    <meta property="og:image" content="" /> <!-- image link, make sure it's jpg -->
    <meta property="og:url" content="" /> <!-- where do you want your post to link to -->
    <meta name="twitter:card" content="summary_large_image"> <!-- to have large image post format in Twitter -->

    <!-- Webpage Title -->
    <title>Pelayanan Desa Lauwa</title>

    <!-- Styles -->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link
        href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&family=Poppins:wght@600&display=swap"
        rel="stylesheet">
    <link href="<?php echo base_url() ?>assets/mark/css/bootstrap.css" rel="stylesheet">
    <link href="<?php echo base_url() ?>assets/mark/css/fontawesome-all.css" rel="stylesheet">
    <link href="<?php echo base_url() ?>assets/mark/css/styles.css" rel="stylesheet">
    <link rel="stylesheet" href="<?= base_url('assets/vendor/css/rtl/core.css') ?>" />
    <link rel="stylesheet" href="<?= base_url('assets/vendor/css/rtl/theme-default.css') ?>" />
    <link rel="stylesheet" href="<?= base_url('assets/css/demo.css') ?>" />
    <link rel="stylesheet" href="<?php echo base_url() ?>assets/mark/datatables/dataTables.bootstrap4.min.css" />
    <link rel="stylesheet" href="<?= base_url('assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css') ?>" />
    <link rel="stylesheet" href="<?= base_url('assets/vendor/libs/node-waves/node-waves.css') ?>" />
    <link rel="stylesheet" href="<?= base_url('assets/vendor/libs/typeahead-js/typeahead.css') ?>" />
    <link rel="stylesheet" href="<?= base_url('assets/vendor/libs/apex-charts/apex-charts.css') ?>" />
    <link rel="stylesheet" href="<?= base_url('assets/vendor/libs/swiper/swiper.css') ?>" />


    <!-- Favicon  -->
    <link rel="icon" href="<?php echo base_url() ?>assets/mark/images/luwu.png">
    <style>
        .header {
            padding-top: 10rem;
            padding-bottom: 5.5rem;
            background: #ffffff;
            /* Ubah warna latar belakang menjadi putih */
            text-align: center;
        }

        .logo-img {
            width: 100px;
            /* Tetapkan ukuran logo jika perlu */
            height: auto;
            /* Tetapkan tinggi ke auto agar rasio aspek gambar tetap terjaga */
        }
    </style>
</head>

<body data-spy="scroll" data-target=".fixed-top">