{"id":4631,"date":"2026-05-02T15:56:36","date_gmt":"2026-05-02T08:56:36","guid":{"rendered":"https:\/\/disdik.asahankab.go.id\/?page_id=4631"},"modified":"2026-05-06T09:27:45","modified_gmt":"2026-05-06T02:27:45","slug":"visi-misi-2","status":"publish","type":"page","link":"https:\/\/disdik.asahankab.go.id\/index.php\/visi-misi-2\/","title":{"rendered":"Visi &#038; Misi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4631\" class=\"elementor elementor-4631\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68b1162 e-flex e-con-boxed e-con e-parent\" data-id=\"68b1162\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b197e01 elementor-widget elementor-widget-html\" data-id=\"b197e01\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hero-full\">\r\n  <div class=\"hero-content\">\r\n    <h2 class=\"judul-garis\">Visi dan Misi<\/h2>\r\n    <p>Visi dan Misi pelayanan yang disediakan oleh Dinas Pendidikan Kabupaten Asahan<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.hero-full {\r\n  position: relative;\r\n  width: 100vw;\r\n  margin-left: calc(-50vw + 50%);\r\n  height: 140px;\r\n\r\n  \/* GRADIENT + ANIMASI *\/\r\n  background: linear-gradient(270deg, #0057b7, #007bff, #00aaff);\r\n  background-size: 600% 600%;\r\n  animation: gradientMove 8s ease infinite;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n\/* ANIMASI GERAK *\/\r\n@keyframes gradientMove {\r\n  0% { background-position: 0% 50%; }\r\n  50% { background-position: 100% 50%; }\r\n  100% { background-position: 0% 50%; }\r\n}\r\n\r\n\/* TEKS *\/\r\n.hero-content {\r\n  color: white;\r\n  text-align: center;\r\n}\r\n\r\n\/* JUDUL DENGAN GARIS *\/\r\n.judul-garis {\r\n  color: white;\r\n  font-size: 24px;\r\n  margin: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n}\r\n\r\n\/* GARIS KIRI & KANAN *\/\r\n.judul-garis::before,\r\n.judul-garis::after {\r\n  content: \"\";\r\n  width: 40px;\r\n  height: 2px;\r\n  background: white;\r\n  display: inline-block;\r\n  opacity: 0.7;\r\n}\r\n\r\n\/* DESKRIPSI *\/\r\n.hero-content p {\r\n  font-size: 14px;\r\n  margin-top: 5px;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f4000a3 e-flex e-con-boxed e-con e-parent\" data-id=\"f4000a3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30cdabd elementor-widget elementor-widget-html\" data-id=\"30cdabd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vm-container\">\r\n\r\n<style>\r\n.vm-container {\r\n    font-family: Arial, sans-serif;\r\n    max-width: 1100px;\r\n    margin: 50px auto;\r\n    padding: 20px;\r\n}\r\n\r\n\/* JUDUL *\/\r\n.vm-title {\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.vm-title h2 {\r\n    color: #003366;\r\n    font-weight: bold;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.vm-line {\r\n    width: 80px;\r\n    height: 3px;\r\n    background: #0077b6;\r\n    margin: 10px auto;\r\n}\r\n\r\n\/* VISI *\/\r\n.visi-box {\r\n    border-left: 5px solid #0077b6;\r\n    background: #f8f9fa;\r\n    padding: 25px;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n\/* MISI *\/\r\n.misi-list {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 15px;\r\n}\r\n\r\n.misi-item {\r\n    display: flex;\r\n    gap: 15px;\r\n    background: #ffffff;\r\n    padding: 20px;\r\n    border-left: 4px solid #0077b6;\r\n    box-shadow: 0 3px 8px rgba(0,0,0,0.05);\r\n}\r\n\r\n.nomor {\r\n    min-width: 40px;\r\n    height: 40px;\r\n    background: #003366;\r\n    color: white;\r\n    text-align: center;\r\n    line-height: 40px;\r\n    font-weight: bold;\r\n}\r\n\r\n\/* ================= *\/\r\n\/* ANIMASI *\/\r\n\/* ================= *\/\r\n.animate {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: all 0.6s ease;\r\n}\r\n\r\n.animate.show {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n<\/style>\r\n\r\n<div class=\"vm-title animate\">\r\n    <h2>VISI DAN MISI PEMERINTAH KABUPATEN ASAHAN<\/h2>\r\n    <div class=\"vm-line\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"visi-box animate\">\r\n    <h3 style=\"color:#003366;\">VISI<\/h3>\r\n    <p>\r\n    Kabupaten Asahan Sejahtera, Religius, Maju, dan Berkelanjutan\r\n    <\/p>\r\n<\/div>\r\n\r\n<h3 class=\"animate\" style=\"color:#003366; margin-bottom:20px;\">MISI<\/h3>\r\n\r\n<div class=\"misi-list\">\r\n\r\n    <div class=\"misi-item animate\">\r\n        <div class=\"nomor\">1<\/div>\r\n        <p>Meningkatkan Kualitas SDM Masyarakat Asahan yang Cerdas, Sehat dan Berkarakter<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"misi-item animate\">\r\n        <div class=\"nomor\">2<\/div>\r\n        <p>Meningkatkan Kesejahteraan dan Daya Saing Perekonomian Daerah melalui Penciptaan Iklim Investasi yang Kondusif, Pemerataan Kualitas Infrastruktur, Pengembangan Komoditas Unggulan, Pertanian serta Pengelolaan Ekonomi Biru dan Ketahanan Pangan<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"misi-item animate\">\r\n        <div class=\"nomor\">3<\/div>\r\n        <p>Meningkatkan Pemahaman, Pengamalan dan Memelihara Kerukunan dalam Kehidupan Beragama<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"misi-item animate\">\r\n        <div class=\"nomor\">4<\/div>\r\n        <p>Menyelenggarakan Pemerintahan yang Profesional, Efektif, Inovatif, Berintegritas dan Akuntabel<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"misi-item animate\">\r\n        <div class=\"nomor\">5<\/div>\r\n        <p>Menyelenggarakan Pembangunan yang berlandaskan Prinsip Keseimbangan, Keberlanjutan dan Berwawasan Lingkungan.<\/p>\r\n    <\/div>\r\n    \r\n\r\n<\/div>\r\n\r\n<script>\r\nconst elements = document.querySelectorAll('.animate');\r\n\r\nfunction showOnScroll() {\r\n    elements.forEach((el, index) => {\r\n        const top = el.getBoundingClientRect().top;\r\n        const windowHeight = window.innerHeight;\r\n\r\n        if (top < windowHeight - 50) {\r\n            setTimeout(() => {\r\n                el.classList.add('show');\r\n            }, index * 150); \/\/ delay biar muncul satu-satu\r\n        }\r\n    });\r\n}\r\n\r\nwindow.addEventListener('scroll', showOnScroll);\r\nwindow.addEventListener('load', showOnScroll);\r\n<\/script>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e4c8e6 e-flex e-con-boxed e-con e-parent\" data-id=\"3e4c8e6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88842a3 elementor-widget elementor-widget-html\" data-id=\"88842a3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\r\n\r\n<style>\r\n.visimisi-section {\r\n    padding: 60px 20px;\r\n    background: #f9fafb url('https:\/\/www.transparenttextures.com\/patterns\/world-map.png') center no-repeat;\r\n    background-size: cover;\r\n}\r\n\r\n.visimisi-container {\r\n    max-width: 1000px;\r\n    margin: auto;\r\n    text-align: center;\r\n}\r\n\r\n\/* ===== TITLE ===== *\/\r\n.visimisi-title {\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\/* ===== DASAR \/ VISI ===== *\/\r\n.visimisi-box {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 30px;\r\n    margin-bottom: 50px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.visimisi-icon {\r\n    position: relative;\r\n    width: 120px;\r\n    height: 120px;\r\n    border-radius: 50%;\r\n    border: 2px solid #eee;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 40px;\r\n    color: #333;\r\n    background: #fff;\r\n}\r\n\r\n.visimisi-icon::after {\r\n    content: \"\u26a1\";\r\n    position: absolute;\r\n    right: -25px;\r\n    top: 30px;\r\n    font-size: 40px;\r\n    color: orange;\r\n}\r\n\r\n.visimisi-text {\r\n    max-width: 420px;\r\n    text-align: left;\r\n    font-size: 13px;\r\n    color: #555;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* ===== MISI ===== *\/\r\n.misi-title {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.misi-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 18px;\r\n}\r\n\r\n.misi-card {\r\n    background: #f1f3f6;\r\n    border-radius: 10px;\r\n    padding: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    text-align: left;\r\n    font-size: 12px;\r\n    color: #444;\r\n    transition: 0.3s;\r\n}\r\n\r\n.misi-card:hover {\r\n    background: #fff;\r\n    border: 1px solid #3b82f6;\r\n}\r\n\r\n.misi-icon {\r\n    width: 35px;\r\n    height: 35px;\r\n    background: #e6edff;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #3b82f6;\r\n    font-size: 14px;\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media(max-width:768px){\r\n    .misi-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .visimisi-box {\r\n        flex-direction: column;\r\n        text-align: center;\r\n    }\r\n\r\n    .visimisi-text {\r\n        text-align: center;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"visimisi-section\">\r\n    <div class=\"visimisi-container\">\r\n\r\n        <!-- VISI -->\r\n        <div class=\"visimisi-title\">Visi Dinas Pendidikan<\/div>\r\n\r\n        <div class=\"visimisi-box\">\r\n            <div class=\"visimisi-icon\">\u275d\u275e<\/div>\r\n\r\n            <div class=\"visimisi-text\">\r\n                \"Terwujudnya masyarakat Asahan yang cerdas, mandiri dilandasi keimanan dan ketaqwaan kepada Tuhan Yang Maha Esa\u201d\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- MISI -->\r\n        <div class=\"misi-title\">Misi Dinas Pendidikan<\/div>\r\n\r\n        <div class=\"misi-grid\">\r\n\r\n            <div class=\"misi-card\">\r\n                <div class=\"misi-icon\">\ud83d\udcd8<\/div>\r\n                Menumbuhkan Penghayatan dan Pengamalan Ajaran Agama yang dianut dan nilai-nilai budaya sehingga menjadi sumber kearifan bertindak dalam diri peserta didik Formal\/Non Formal dan informal\r\n            <\/div>\r\n\r\n            <div class=\"misi-card\">\r\n                <div class=\"misi-icon\">\ud83d\udc65<\/div>\r\n                Mensukseskan Program Pendidikan Anak Usia Dini, Wajib Belajar 9 Tahun dan Menyiapkan program Wajib Belajar 12 Tahun serta Pendidikan Non Formal dan informal\r\n            <\/div>\r\n\r\n            <div class=\"misi-card\">\r\n                <div class=\"misi-icon\">\u2714<\/div>\r\n             Meningkatkan Profesionalisme Tenaga Pendidik dan Tenaga Kependidikan\r\n            <\/div>\r\n\r\n            <div class=\"misi-card\">\r\n                <div class=\"misi-icon\">\ud83d\udcc4<\/div>\r\n             Meningkatkan Mutu Sarana dan Prasarana Pendidikan melalui 3 (tiga) Pilar Kekuatan yaitu : Pemerintah, Partisipasi Masyarakat, Dunia Usaha dan Dunia Industri\r\n            <\/div>\r\n\r\n            <div class=\"misi-card\">\r\n                <div class=\"misi-icon\">\ud83d\udcc2<\/div>\r\n             Meningkatkan Kwalitas\/Mutu Lulusan setiap Jenjang Pendidikan Berbasis Ilmu Pengetahuan dan Teknologi\r\n            <\/div>\r\n\r\n            <div class=\"misi-card\">\r\n                <div class=\"misi-icon\">\ud83d\udcca<\/div>\r\n             Meningkatkan Pembinaan terhadap Lembaga Kursus dan Pelatihan (LKP) serta Penuntasan Masyarakat Buta Aksara\r\n            <\/div>\r\n\r\n            <div class=\"misi-card\">\r\n                <div class=\"misi-icon\">\ud83d\udcdd<\/div>\r\n             Menggali dan Mengembangkan Potensi Objek diduga Cagar Budaya \r\n            <\/div>\r\n\r\n            <div class=\"misi-card\">\r\n                <div class=\"misi-icon\">\u2699<\/div>\r\n             Mengembangkan Museum Daerah sebagai Pusat Informasi Kebudayaan\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Visi dan Misi Visi dan Misi pelayanan yang disediakan oleh Dinas Pendidikan Kabupaten Asahan VISI DAN MISI PEMERINTAH KABUPATEN ASAHAN VISI Kabupaten Asahan Sejahtera, Religius, Maju, dan Berkelanjutan MISI 1 Meningkatkan Kualitas SDM Masyarakat Asahan yang Cerdas, Sehat dan Berkarakter 2 Meningkatkan Kesejahteraan dan Daya Saing Perekonomian Daerah melalui Penciptaan Iklim Investasi yang Kondusif, Pemerataan [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor-template.php","meta":{"footnotes":""},"class_list":["post-4631","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/disdik.asahankab.go.id\/index.php\/wp-json\/wp\/v2\/pages\/4631","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/disdik.asahankab.go.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/disdik.asahankab.go.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/disdik.asahankab.go.id\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/disdik.asahankab.go.id\/index.php\/wp-json\/wp\/v2\/comments?post=4631"}],"version-history":[{"count":41,"href":"https:\/\/disdik.asahankab.go.id\/index.php\/wp-json\/wp\/v2\/pages\/4631\/revisions"}],"predecessor-version":[{"id":5047,"href":"https:\/\/disdik.asahankab.go.id\/index.php\/wp-json\/wp\/v2\/pages\/4631\/revisions\/5047"}],"wp:attachment":[{"href":"https:\/\/disdik.asahankab.go.id\/index.php\/wp-json\/wp\/v2\/media?parent=4631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}