tperencanaan.blade.php 19.8 KB
<style>
    body {
        min-height: 100vh!important;
    }

    body.custom-background {
    background-image: url(http://diskominfotik.riau.go.id/wp-content/uploads/2019/05/webtreatsetc-1.jpg);
    background-position: center top;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: fixed;
}

div.xxx {
    height: 30px;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    border-color: #0C4C8A;
    vertical-align: middle;
    padding: 2px;
    margin-bottom: 2px;
}

    hr, #hr {
            /* height: 4px!important; */
            background-color: red;
            border: none;
            height: 12px;
    border: 0;
    /* box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5); */
    box-shadow: 0 0 10px 1px black;
    }
@media screen and (max-width: 600px) {
      .column {
        width: 90%!important;
        margin-bottom: 10px!important;

      }
    }


    /* Accordion */
    [data-toggle="collapse"] i:before {
    content: "\f068";
}

[data-toggle="collapse"].collapsed i:before {
    content: "\f067";
}
#accordion {
    .card-header{
        margin-bottom: 8px;
    }
    .accordion-title{
        position: relative;
        display: block;
        padding:8px 0 8px 50px;
        background: #213744;
        border-radius: 8px;
        overflow: hidden;
        text-decoration: none;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        width: 100%;
        text-align: left;
        transition: all .4s ease-in-out;
        i{
            position: absolute;
            width: 40px;
            height: 100%;
            left: 0;
            top: 0;
            color: #fff;
            background: radial-gradient(rgba(#213744, .8), #213744);
            text-align: center;
            border-right: 1px solid transparent;
        }
        &:hover{
            padding-left: 60px;
            background: #213744;
            color: #fff;

            i {
                border-right: 1px solid #fff;
            }
        }
    }
    .accordion-body{
        padding: 40px 55px;


        ul {
            list-style: none;
            margin-left: 0;
            padding-left: 0;
        }

        li {
            padding-left: 1.2rem;
            text-indent: -1.2rem;

            &:before {
                content: "\f10a";
                padding-right: 5px;
                font-family: "Flaticon";
                font-size: 16px;
                font-style: normal;
                color: #213744;
            }
        }
    }
}
    /* End Accordion */
</style>

<link href="https://cdn.jsdelivr.net/npm/@coreui/coreui@4.2.0/dist/css/coreui.min.css" rel="stylesheet" integrity="sha384-UkVD+zxJKGsZP3s/JuRzapi4dQrDDuEf/kHphzg8P3v8wuQ6m9RLjTkPGeFcglQU" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/@coreui/coreui@4.2.0/dist/js/coreui.bundle.min.js" integrity="sha384-n0qOYeB4ohUPebL1M9qb/hfYkTp4lvnZM6U6phkRofqsMzK29IdkBJPegsyfj/r4" crossorigin="anonymous"></script>


@extends('frontend.layout.app')

@section('content')

<body id="body" class="custom-background">
    <div class="container-fluid" style="" >
        <div class="row">
            {{-- <div class="row" style="margin-top: 40px!important;">
                <div class="col-md-1" style="width: 4.17%"><a href="/franperda" style="text-indent: 0px;"><i class="fa " aria-hidden="true"></i></a></div>
            <div class="col-md-11"> --}}

        </div>
            </div>
        <div class="row">
            <div class="col-md-1" style="width: 4.17%"></div>

            <div class="col-md-8">
                <div class="card">
                        <div class="card-header bg-info">
                            <h5 class="card-title text-white mb-0">Bagian Perencanaan dan Kepegawaian</h5>
                        </div>
                        <div class="card-body">
                            <br><br>
                            <h3 class="page-title"><strong>Tugas Pokok dan Fungsi</strong></h3>
                            <br>
                            <div class="accordion" id="accordionExample">
                                <div class="accordion-item">
                                  <h2 class="accordion-header" id="headingOne">
                                    <button class="accordion-button" type="button" data-coreui-toggle="collapse" data-coreui-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                        <strong>Kepala Bagian Perencanaan dan Kepegawaian Sekretariat</strong>
                                    </button>
                                  </h2>
                                  <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-coreui-parent="#accordionExample">
                                    <div class="accordion-body">
                                      <strong>Kepala Bagian Perencanaan dan Kepegawaian Sekretariat </strong> tugas melaksanakan penyiapan bahan pelaksanaan kebijakan, pelaksanaan pemantauan dan evaluasi di bidang Perencanaan dan Pelaporan, Kepegawaian, Tata Usaha.

                                      <br><br>
                                      Untuk melaksanakan tugas sebagaimana dimaksud pada ayat (1) Kepala Bagian menyelenggarakan fungsi:
                                      <ul>
                                      a. 	penyusunan program kerja dan rencana operasional pada Bagian Perencanaan dan Kepegawaian Sekretariat; <br>
                                      b. 	penyiapan bahan pelaksanaan kebijakan di bidang perencanaan dan pelaporan, kepegawaian, tata usaha; <br>
                                      c. 	penyiapan bahan pelaksanaan pemantauan dan evaluasi di bidang perencanaan dan pelaporan, kepegawaian, tata usaha; dan <br>
                                      d. 	pelaksaaan fungsi lain yang diberikan oleh Kepala Biro Administrasi Pimpinan yang berkaitan dengan tugasnya.
                                      </ul>

                                    </div>
                                  </div>
                                </div>

                            <br><br>

                            <div class="accordion-item">
                                  <h2 class="accordion-header" id="headingTwo">
                                    <button class="accordion-button" type="button" data-coreui-toggle="collapse" data-coreui-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
                                        <strong>Kepala Subbagian Perencanaan dan Pelaporan</strong>
                                    </button>
                                  </h2>
                                  <div id="collapseTwo" class="accordion-collapse collapse show" aria-labelledby="headingTwo" data-coreui-parent="#accordionExample">
                                    <div class="accordion-body">
                                        Untuk melaksanakan tugas sebagaimana dimaksud, Kepala Subbagian menyelenggarakan fungsi:
                                        <ul>

                                        a. merencanakan program/kegiatan dan penganggaran pada Subbagian Perencanaan dan Pelaporan; <br>
                                        b. membagi tugas, membimbing, memeriksa dan menilai hasil pelaksanaan tugas bawahan di lingkungan Subbagian Perencanaan dan Pelaporan; <br>
                                        c. melaksanakan kebijakan penyusunan perencanaan program lingkup Sekretariat Daerah; <br>
                                        d. melaksanakan kebijakan penyusunan perencanaan anggaran lingkup Sekretariat Daerah; <br>
                                        e. melaksanakan kebijakan penyusunan monitoring dan evaluasi perencanaan program dan anggaran lingkup Sekretariat Daerah; <br>
                                        f. melakukan pemantauan, evaluasi dan membuat laporan pelaksanaan tugas dan kegiatan pada Subbagian Perencanaan dan Pelaporan; <br>
                                        g. melaksanakan tugas kedinasan lain yang diberikan atasan sesuai tugas dan fungsinya.
                                        </ul>

                                    </div>
                                  </div>
                                </div>
                                <br><br>

                                <div class="accordion-item">
                                    <h2 class="accordion-header" id="headingThree">
                                      <button class="accordion-button" type="button" data-coreui-toggle="collapse" data-coreui-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
                                          <strong>Kepala Subbagian Kepegawaian</strong>
                                      </button>
                                    </h2>
                                    <div id="collapseThree" class="accordion-collapse collapse show" aria-labelledby="headingThree" data-coreui-parent="#accordionExample">
                                      <div class="accordion-body">
                                        Untuk melaksanakan tugas sebagaimana dimaksud, Kepala Subbagian Kepegawaian menyelenggarakan fungsi:
                                        <ul>
                                            a. merencanakan program/kegiatan dan penganggaran pada Subbagian Kepegawaian; <br>
                                            b. membagi tugas, membimbing, memeriksa dan menilai hasil pelaksanaan tugas bawahan di lingkungan Subbagian Kepegawaian; <br>
                                            c. melakukan pengusulan perencanaan kepegawaian dan pengembangan karier ASN lingkup Sekretariat Daerah; <br>
                                            d. melakukan pengusulan penempatan, pengangkatan, mutasi dan kepangkatan ASN lingkup Sekretariat Daerah; <br>
                                            e. melakukan penegakan disiplin serta pengusulan pemberian penghargaan ASN lingkup Sekretariat Daerah; <br>
                                            f. melakukan pemantauan dan evaluasi pengelolaan di bidang kepegawaian lingkup Sekretariat Daerah; <br>
                                            g. melakukan pemantauan, evaluasi dan membuat laporan pelaksanaan tugas dan kegiatan pada Subbagian Kepegawaian;  dan <br>
                                            h. melaksanakan tugas kedinasan lain yang diberikan atasan sesuai tugas dan fungsinya.
                                        </ul>
                                      </div>
                                    </div>
                                  </div>

                            <br><br>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingFour">
                                  <button class="accordion-button" type="button" data-coreui-toggle="collapse" data-coreui-target="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
                                        <strong>Kepala Subbagian Tata Usaha</strong>
                                  </button>
                                </h2>
                                <div id="collapseFour" class="accordion-collapse collapse show" aria-labelledby="headingFour" data-coreui-parent="#accordionExample">
                                  <div class="accordion-body">
                                    Untuk melaksanakan tugas sebagaimana dimaksud, Kepala Subbagian Kepegawaian menyelenggarakan fungsi:
                                    <ul>
                                        a. 	merencanakan program/kegiatan dan penganggaran pada Subbagian Tata Usaha; <br>
                                        b. 	membagi tugas, membimbing, memeriksa dan menilai hasil pelaksanaan tugas bawahan di lingkungan Subbagian Tata Usaha; <br>
                                        c. 	melaksanakan pelayanan administrasi kepegawaian; <br>
                                        d. 	melaksanakan pelayanan administrasi keuangan meliputi penganggaran, penatausahaan, serta pengelolaan sistem akuntansi dan pelaporan; <br>
                                        e.	melaksanakan pelayanan administrasi umum meliputi ketatausahaan, kerumahtanggaan, pengelolaan barang/aset, kehumasan, pengelolaan dan pelayanan sistem informasi, serta pengelolaan perpustakaan dan kearsipan; <br>
                                        f.	melaksanakan pengkajian bahan penataan kelembagaan dan ketatalaksanaan; <br>
                                        g.	melaksanakan penyusunan bahan rancangan dan pendokumentasian peraturan perundang-undangan lingkup biro; <br>
                                        h.	melaksanakan pengumpulan dan pengolahan bahan Rencana Strategis, Rencana Kerja, Rencana Kinerja Tahunan, Rencana Kerja dan Anggaran, Dokumen Pelaksanaan Anggaran, Daftar Isian Pelaksanaan Anggaran, Penetapan Kinerja, Laporan Kinerja Instansi Pemerintah, Laporan Keterangan Pertanggung Jawaban, dan Laporan Penyelenggaraan Pemerintah Daerah lingkup biro; <br>
                                        i.	melaksanakan pengolahan bahan tindak lanjut laporan hasil pemeriksaan lingkup biro; <br>
                                        j.	melaksanakan perencanaan pemeliharaan perlengkapan biro; <br>
                                        k.	melaksanakan perencanaan pemantauan, evaluasi, dan pelaporan; <br>
                                        l.	melaksanakan pembinaan Pegawai ASN; <br>
                                        m. 	melakukan pemantauan, evaluasi dan membuat laporan pelaksanaan tugas dan kegiatan pada Subbagian Tata Usaha;  dan <br>
                                        n. 	melaksanakan tugas kedinasan lain yang diberikan atasan sesuai tugas dan fungsinya.
                                    </ul>
                                  </div>
                                </div>
                              </div>

                            <br><br>

                        </div>
                </div>
            </div>
        </div>

                <div class="col-md-3">
                    <div class="card">
                        <div class="card-header bg-success">
                            <h4 class="card-title text-white mb-0">Agenda Pimpinan</h4>
                        </div>
                            <div class="card-body border-collapse">

                                <iframe src="https://agenda.riau.go.id/event" height="510" width="100%"></iframe>

            </div>
            <div class="card-header bg-info">
                <h4 class="card-title text-white mb-0">Laporan Data Dinas</h4>
            </div>
            <br>
            <div class="card-body">
                <div class="rancangan-search">
                    <form id="w2" action="" method="get">
                        <div class="form-group field-rancanganruusearch-nama_rancangan">
                            <a href="#" style="font-family: 'Bodoni' !important;">
                            Renstra Sekretariat Pemprov Riau
                            </a>

                        </div>

                        <div class="form-group field-rancanganruusearch-tahun" >
                        <a href="#" style="font-family: 'Bodoni' !important;">
                            <label class="control-label" for="rancanganruusearch-tahun">Renja Sekretariat Pemprov Riau</label>
                        </a>
                        </div>
                        <div class="form-group field-rancanganruusearch-status_id">
                            <a href="#" style="font-family: 'Bodoni' !important;" >
                            DPA Sekretariat Pemprov Riau
                            </a>
                        </div>
                        <div class="form-group field-rancanganruusearch-status_id">
                            <a href="#" style="font-family: 'Bodoni' !important;" >
                            IKU Sekretariat Pemprov Riau
                            </a>
                        </div>
                        <div class="form-group field-rancanganruusearch-status_id">
                            <a href="#" style="font-family: 'Bodoni' !important;" >
                            Lapkeu Sekretariat Pemprov Riau
                            </a>
                        </div>

                    </form>

                </div>
            </div>

            <div class="card-header bg-warning">
                <h4 class="card-title text-white mb-0">Link Terkait</h4>
            </div>
            <div class="card-body">
                <div class="rancangan-search">
                    <form id="w2" action="" method="get">
                        <div class="form-group field-rancanganruusearch-nama_rancangan">
                            {{-- <label class="control-label" for="rancanganruusearch-nama_rancangan"><strong>Hari Ini</strong></label> --}}
                            {{-- <input type="text" id="rancanganruusearch-nama_rancangan" class="form-control" name="RancanganRuuSearch[nama_rancangan]"> --}}
                            <div class="text-center">
                            <a href="http://rumahdata.riau.go.id/" target="_blank"><img src="https://www.riau.go.id/home/link_images/rumah-data-riau.png" width="180" title="Rumah Data Riau"></a>
                        <div class="help-block"></div><br>
                            </div>
                    </div>
                    <div class="form-group field-rancanganruusearch-nama_rancangan">
                        <div class="text-center">
                        <a href="http://kotaku.pu.go.id" target="_blank"><img src="https://www.riau.go.id/home/link_images/kota-tanpa-kumuh-kotaku.png" width="180" title="Kota Tanpa Kumuh (KOTAKU)"></a>
                        <div class="help-block"></div><br>
                        </div>
                    </div>
                    <div class="form-group field-rancanganruusearch-nama_rancangan">
                        <div class="text-center">
                            <a href="http://e-keuangan.riau.go.id/" target="_blank"><img src="https://www.riau.go.id/home/link_images/e-keuangan.png" width="180" title="E-Keuangan"></a>
                        <div class="help-block"></div><br>
                        </div>
                    </div>
                    <div class="form-group field-rancanganruusearch-nama_rancangan">
                                            <div class="text-center">
                            <a href="http://wa.me/628117588889" target="_blank"><img src="https://www.riau.go.id/home/link_images/riau-mendengar.jpg" width="180" title="Riau Mendengar"></a>
                        <div class="help-block"></div><br>
                        </div>
                    </div>
                    <div class="form-group field-rancanganruusearch-nama_rancangan">
                        <div class="text-center">
                            <a href="http://lapor.go.id" target="_blank"><img src="https://www.riau.go.id/home/link_images/lapor.png" width="180" title="Lapor"></a>
                        <div class="help-block"></div><br>
                        </div>
                    </div>
                    {{-- <div class="form-group field-rancanganruusearch-nama_rancangan">
                        <div class="text-center">
                            <a href="http://bphn.go.id" target="_blank"><img src="{{ url('../frontend/img/bphn.png') }}" width="140" title="BPHN"></a>
                        <div class="help-block"></div><br>
                        </div>
                    </div> --}}
                    {{-- <div class="form-group field-rancanganruusearch-nama_rancangan">
                        <div class="text-center">
                            <a href="http://jdihn.go.id" target="_blank"><img src="{{ url('../frontend/img/logo-jdih.png') }}" width="80" title="BPHN"></a>
                        <div class="help-block"></div><br>
                        </div>
                    </div> --}}
                </div>
            </form>
        </div>
    </div>
</div>

</div>
</div>
</div>

</body>
@endsection