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

    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">
    <div class="container-fluid" style="background-color: #f5f5f5!important;" >
        <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">

            <h3 class="page-title"><strong>Tugas Pokok dan Fungsi</strong></h3>
        </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">Sekilas</h5>
                        </div>
                        <div class="card-body">
                            <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">
                                        Kepala Biro Adiministrasi Pimpinan
                                    </button>
                                  </h2>
                                  <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-coreui-parent="#accordionExample">
                                    <div class="accordion-body">
                                            <strong>Kepala Kepala Biro Administrasi Pimpinan </strong> mempunyai tugas membantu Asisten Administrasi Umum dalam penyiapan pelaksanaan kebijakan, pelaksanaan koordinasi, fasilitasi, pemantauan dan evaluasi di bidang perencanaan dan kepegawaian Sekretariat Daerah, materi dan komunikasi pimpinan serta protokol.

                                            Untuk melaksanakan tugas sebagaimana dimaksud pada ayat (1) Kepala Biro Administrasi Pimpinan menyelenggarakan fungsi:
                                            <ul>
                                                a.	penyiapan pelaksanaan kebijakan di bidang perencanaan dan kepegawaian Sekretariat Daerah, materi dan komunikasi pimpinan serta protokol; <br>
                                                b.	penyiapan pelaksanaan koordinasi, fasilitasi, pemantauan dan evaluasi di bidang perencanaan dan kepegawaian Sekretariat Daerah, materi dan komunikasi pimpinan serta protokol; dan <br>
                                                c.	pelaksaaan fungsi lain yang diberikan oleh Asisten Administrasi Umum 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">
                                        Kepala Bagian Perencanaan dan Kepegawaian Sekretariat
                                      </button>
                                    </h2>

                                    <div id="collapseTwo" class="accordion-collapse collapse show" aria-labelledby="headingTwo" data-coreui-parent="#accordionExample">
                                        <div class="accordion-body">
                                                Kepala Bagian Perencanaan dan Kepegawaian Sekretariat mempunyai tugas melaksanakan penyiapan bahan pelaksanaan kebijakan, pelaksanaan pemantauan dan evaluasi di bidang Perencanaan dan Pelaporan, Kepegawaian, Tata Usaha.

                                                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="headingThree">
                                          <button class="accordion-button" type="button" data-coreui-toggle="collapse" data-coreui-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
                                            Kepala Bagian Materi dan Komunikasi Pimpinan
                                          </button>
                                        </h2>

                                        <div id="collapseThree" class="accordion-collapse collapse show" aria-labelledby="headingThree" data-coreui-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <strong style="text-indent:30px;" id="p">
                                                    Kepala Bagian Materi dan Komunikasi Pimpinan, mempunyai tugas melaksanakan penyiapan bahan pelaksanaan kebijakan, pelaksanaan koordinasi, fasilitasi, pemantauan dan evaluasi di bidang penyiapan materi pimpinan, komunikasi pimpinan, publikasi dan dokumentasi pimpinan.
                                                </strong>

                                                    Untuk melaksanakan tugas sebagaimana dimaksud tersebut Kepala  Bagian Materi dan Komunikasi Pimpinan menyelenggarakan fungsi:
                                                    <ul>
                                                        a. merencanakan program/kegiatan dan penganggaran pada Subbagian Penyiapan Materi Pimpinan; <br>
                                                        b. membagi tugas, membimbing, memeriksa dan menilai hasil pelaksanaan tugas bawahan di lingkungan Subbagian Penyiapan Materi Pimpinan; <br>
                                                        c. menyiapkan dan menggandakan bahan materi rapat; <br>
                                                        d. menyiapkan dan menggandakan bahan materi kebijakan; <br>
                                                        e. menyiapkan petunjuk teknis penyusunan konsep pidato Gubernur dan Wakil Gubernur; <br>
                                                        f. melaksanakan editor terhadap konsep pidato Gubernur dan Wakil Gubernur; <br>
                                                        g. menyusun  naskah sambutan dan  pidato Gubernur dan Wakil Gubernur; <br>
                                                        h. menghimpun naskah pidato Gubernur dan Wakil Gubernur; <br>
                                                        i. melaksanakan koordinasi, pemantauan, evaluasi serta pelaporan pelaksanaan tugas pada Subbagian Penyiapan Materi Pimpinan; <br>
                                                        j. melakukan pemantauan, evaluasi dan membuat laporan pelaksanaan tugas dan kegiatan pada Subbagian Penyiapan Materi Pimpinan;  dan <br>
                                                        k.     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">
                                                Kepala Bagian Protokol
                                              </button>
                                            </h2>

                                            <div id="collapseFour" class="accordion-collapse collapse show" aria-labelledby="headingFour" data-coreui-parent="#accordionExample">
                                                <div class="accordion-body">
                                                    <p class="" style="text-indent:30px;" id="p">
                                                        Kepala Bagian Protokol mempunyai tugas melaksanakan penyiapan bahan pelaksanaan kebijakan, pelaksanaan pemantauan dan evaluasi di bidang Acara, Tamu, dan Hubungan Keprotokolan.
                                                    </p>
                                                    <p>
                                                        Untuk melaksanakan tugas sebagaimana dimaksud Kepala Bagian Protokol menyelenggarakan fungsi:
                                                        <ul>
                                                            a. 	penyusunan program kerja dan rencana operasional pada Bagian Protokol; <br>
                                                            b. 	penyiapan bahan pelaksanaan kebijakan di bidang acara, tamu, dan hubungan keprotokolan; <br>
                                                            c. 	penyiapan bahan pelaksanaan pemantauan dan evaluasi di bidang acara, tamu, dan hubungan keprotokolan; dan <br>
                                                            d. 	pelaksaaan fungsi lain yang diberikan oleh Kepala Biro Administrasi Pimpinan yang berkaitan dengan tugasnya
                                                        </ul>
                                                    </p>
                                                </div>
                                              </div>
                                          </div>

                                        <br><br>


                            <h4 class="text-center" style="">
                                <strong><em>
                                "Terwujudnya Riau yang Berdaya Saing, Sejahtera, Bermartabat dan Unggul di Indonesia (Riau Bersatu)".
                                </strong></em>
                            </h4>
                            <br><br>
                        </div>
                </div>
            </div>
        </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>


@endsection