tprotokol.blade.php 21 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;
}

    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">

            <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">Bagian Protokol </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 Protokol</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 Protokol</strong> mempunyai tugas melaksanakan penyiapan bahan pelaksanaan kebijakan, pelaksanaan pemantauan dan evaluasi di bidang Acara, Tamu, dan Hubungan Keprotokolan.
                                      <br><br>
                                      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>

                                    </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 Acara</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 Acara menyelenggarakan fungsi:
                                            <ul>
                                                a. 	merencanakan program/kegiatan pada Subbagian Acara; <br>
                                                b. 	membagi tugas, membimbing, memeriksa dan menilai hasil pelaksanaan tugas bawahan di lingkungan Subbagian Acara; <br>
                                                c. 	menyiapkan bahan keperluan yang berkaitan dengan perlengkapan dan kelengkapan acara/upacara, mengatur ruang dan tata tempat pelaksanaan rapat dinas serta resepsi pimpinan; <br>
                                                d. 	menyiapkan bahan koordinasi persiapan dan gladi lapangan dalam acara kenegaraan/acara resmi; <br>
                                                e. 	menyiapkan bahan laporan pimpinan serta buku panduan acara upacara baik secara kenegaraan maupun resmi; <br>
                                                f. 	menyiapkan koordinasi gladi lapangan, dan mengatur tata tempat, tata upacara dan tata penghormatan dalam acara resmi dan acara kenegaraan; <br>
                                                g. 	menyiapkan koordinasi para ajudan pimpinan pemerintah provinsi; <br>
                                                h.	mendokumentasikan acara kegiatan pimpinan pemerintah provinsi; <br>
                                                i.	menyiapkan tanda kenang-kenangan (souvenir); <br>
                                                j. 	melaksanakan penyusunan bahan koordinasi, fasilitasi, pemantauan serta evaluasi Pengaturan Acara; <br>
                                                k. 	menyusun bahan kebijakan umum Pengaturan Acara, Tata Upacara/Tata Tempat; <br>
                                                l. 	mengoordinasi dan memfasilitasi Pengaturan Acara, Tata Upacara/Tata Tempat; <br>
                                                m.	melaksanakan pemantauan dan evaluasi Pengaturan Acara, Tata Upacara/Tata Tempat
                                                n. 	melakukan pemantauan, evaluasi dan membuat laporan pelaksanaan tugas dan kegiatan pada Subbagian Acara; dan <br>
                                                o. 	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 Tamu</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 Tamu menyelenggarakan fungsi:
                                            <ul>

                                                a. 	merencanakan program/kegiatan dan penganggaran pada Subbagian Tamu; <br>
                                                b. 	membagi tugas, membimbing, memeriksa dan menilai hasil pelaksanaan tugas bawahan di lingkungan Subbagian Tamu; <br>
                                                c. 	melaksanakan pengelolaan kebijakan umum Pelayanan Tamu; <br>
                                                d. 	melaksanakan koordinasi dan fasilitasi Pelayanan Tamu; <br>
                                                e. 	melaksanakan pemantauan dan evaluasi Pelayanan Tamu; <br>
                                                f. 	menyiapkan bahan koordinasi persiapan penerimaan, akomodasi dan transportasi kunjungan bagi tamu VIP, VVIP dan tamu lainnya; <br>
                                                g. 	menyiapkan bahan rencana agenda kunjungan tamu dan perjalanan dinas pimpinan; <br>
                                                h. 	menyiapkan bahan pelaporan kegiatan tamu VIP, VVIP dan tamu lainnya; <br>
                                                i. 	melakukan pemantauan, evaluasi dan membuat laporan pelaksanaantugas dan kegiatan pada Subbagian Tamu;  dan <br>
                                                j. 	melaksanakan tugas kedinasan lain yang diberikan atasan sesuai tugasdan fungsinya.
                                            </ul>

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

                                  <div class="accordion-item">
                                    <h2 class="accordion-header" id="headingFive">
                                      <button class="accordion-button" type="button" data-coreui-toggle="collapse" data-coreui-target="#collapseFive" aria-expanded="true" aria-controls="collapseFive">
                                          <strong>Kepala Subbagian Hubungan Keprotokolan</strong>
                                      </button>
                                    </h2>
                                    <div id="collapseFive" class="accordion-collapse collapse show" aria-labelledby="headingFive" data-coreui-parent="#accordionExample">
                                      <div class="accordion-body">
                                        Untuk melaksanakan tugas sebagaimana dimaksud, Kepala Subbagian Hubungan Keprotokolan menyelenggarakan fungsi:
                                        <ul>
                                            a. 	merencanakan program/kegiatan dan penganggaran pada Subbagian Hubungan Keprotokolan; <br>
                                            b. 	membagi tugas, membimbing, memeriksa dan menilai hasil pelaksanaan tugas bawahan di lingkungan Subbagian Hubungan Keprotokolan; <br>
                                            c. 	melakukan koordinasi dengan instansi yang memerlukan kegiatan keprotokolan; <br>
                                            d. 	menyusun bahan kebijakan umum hubungan keprotokolan; <br>
                                            e. 	melaksanakan pemantauan dan Evaluasi kegiatan keprotokolan; <br>
                                            f. 	melakukan pemantauan, evaluasi dan membuat laporan pelaksanaan tugas dan kegiatan pada Subbagian Hubungan Keprotokolan;  dan <br>
                                            g. 	melaksanakan tugas kedinasan lain yang diberikan atasan sesuai tugas dan fungsinya.
                                        </ul>
                                      </div>
                                    </div>
                                  </div>
                                  <br><br>




                            {{-- <ul class="pagination"><li class="page-item disabled"><span class="page-link">«</span></li>
                            <li class="page-item active"><a class="page-link" href="/ruu.html?page=1&amp;per-page=10" data-page="0">1</a></li>
                            <li class="page-item"><a class="page-link" href="/ruu.html?page=2&amp;per-page=10" data-page="1">2</a></li>
                            <li class="page-item"><a class="page-link" href="/ruu.html?page=2&amp;per-page=10" data-page="1">»</a></li></ul> --}}
                        </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>
                    <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