tkomunikasi.blade.php 20.9 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')
{{-- background-color: #f5f5f5!important; --}}
@section('content')
<body class="custom-background">
    <div class="container-fluid" style="" >
        <div class="row accordion">
            <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 Materi dan Komunikasi Pimpinan</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 Materi dan Komunikasi Pimpinan</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 Materi dan Komunikasi Pimpinan</strong> mempunyai tugas melaksanakan penyiapan bahan pelaksanaan kebijakan, pelaksanaan koordinasi, fasilitasi, pemantauan dan evaluasi di bidang penyiapan materi pimpinan, komunikasi pimpinan, publikasi dan dokumentasi pimpinan.
                                      <br><br>
                                      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="headingTwo">
                                      <button class="accordion-button" type="button" data-coreui-toggle="collapse" data-coreui-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
                                          <strong>Kepala Subbagian Penyiapan Materi Pimpinan</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 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.
                                            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; <br> dan
                                            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="headingThree">
                                      <button class="accordion-button" type="button" data-coreui-toggle="collapse" data-coreui-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
                                          <strong>Kepala Subbagian Komunikasi Pimpinan</strong>
                                      </button>
                                    </h2>
                                    <div id="collapseThree" class="accordion-collapse collapse show" aria-labelledby="headingThree" data-coreui-parent="#accordionExample">
                                      <div class="accordion-body">
                                        Untuk  elaksanakan tugas sebagaimana dimaksud, Kepala Subbagian Komunikasi Pimpinan menylenggarakan fungsi:
                                        <ul>
                                            a. merencanakanprogram/kegiatan dan penganggaran pada Subbagian Komunikasi Pimpinan; <br>
                                                b. membagi tugas, membimbing, memeriksa dan menilai hasil pelaksanaan tugas bawahan di lingkungan Subbagian Komunikasi Piminan; <br>
                                                c. menjalin hubungan dengan berbagai pihak terkait pelaksanaan fungsi juru bicara pimpinan daerah; <br>
                                            d. memberi masukan kepada pimpinan daerah tentang penyampaian informasi tertentu; <br>
                                            e. menghimpun dan mengolah informasi yang yang bersifat penting dan mendesak Gubernur dan Wakil Gubernur; <br> dan
                                            f. melaksanakan kerjasama dengan media massa baik cetak maupun elektronik; <br>
                                            g.melaksanakan    penyiapan    materi   pemberian   ucapan selamat, duka cita dan iklan pembangunan di media massa baik cetak maupun elektronik; <br>
                                            h. melakukan koordinasi, fasilitasi, pemantauan, evaluasi dan membuat laporan pelaksanaan tugas dan kegaiatan pada Subbagian Komunikasi Pimpinan;  dan <br>
                                            i.	melaksanakan tugas kedinasan lain yang diberikan atasan sesuai tugas dan fungsinya.
                                        </ul>
                                        </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 Dokumentasi Pimpinan</strong>
                                      </button>
                                    </h2>
                                    <div id="collapseFour" class="accordion-collapse collapse show" aria-labelledby="headingFour" data-coreui-parent="#accordionExample">
                                      <div class="accordion-body">
                                        Untuk  elaksanakan tugas sebagaimana dimaksud, Kepala Subbagian Dokumentasi Pimpinan menylenggarakan fungsi:
                                        <ul>
                                            a. merencanakan program/kegiatan dan penganggaran pada Subbagian Dokumentasi Pimpinan; <br>
                                            b. membagi tugas, membimbing, memeriksa dan menilai hasil pelaksanaan tugas bawahan di lingkungan Subbagian Dokumentasi Pimpinan; <br>
                                            c. mendokumentasikan kegiatan Gubernur dan Wakil Gubernur; <br>
                                            d. menyusun notulensi rapat dan memfasilitasi peliputan media terhadap kegiatan Gubernur dan Wakil Gubernur; <br>
                                            e. menyiapkan bahan dokumentasi kegiatan pimpinan dan pemerintah provinsi dalam bentuk foto maupun audio visual; <br>
                                            f. menyimpan dan memelihara hasil dokumentasi berupa  foto maupun audio visual; <br>
                                            g. melaksanakan monitoring, evaluasi serta penyusunan dokumentasi dan pelaporan; <br>
                                            h. menginformasikan dan mengatur jadwal petugas dalam meliput kegiatan pimpinan (Gubernur, Wakil Gubernur dan Sekretaris Daerah); <br>
                                            i. mempublikasi kegiatan pemerintah provinsi dalam bentuk foto, audio visual maupun media elektronik dan online; <br>
                                            j. menyebarluaskan dokumentasi foto untuk bahan pemberitaan; <br>
                                            k.  melaksanakan pembuatan baliho, spanduk dan running tex kegiatan pimpinan; <br>
                                            l. melakukan koordinasi dan fasilitasi, pemantauan, evaluasi dan membuat laporan pelaksanaan tugas dan kegiatan pada Subbagian Dokumentasi Pimpinan; <br>
                                            m. 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