{"id":9,"date":"2025-06-03T08:11:08","date_gmt":"2025-06-03T08:11:08","guid":{"rendered":"https:\/\/progam.yayasansosialharapansumut.or.id\/?page_id=9"},"modified":"2025-06-03T08:21:23","modified_gmt":"2025-06-03T08:21:23","slug":"program","status":"publish","type":"page","link":"https:\/\/progam.yayasansosialharapansumut.or.id\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a7e118 e-flex e-con-boxed e-con e-parent\" data-id=\"2a7e118\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d6be33 elementor-widget elementor-widget-html\" data-id=\"4d6be33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- AOS Animate On Scroll -->\r\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\r\n\r\n\r\n<style>\r\n  * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  html,\r\n  body {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow-x: hidden;\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    background-color: #F1FAF4;\r\n    color: #212121;\r\n  }\r\n\r\n  .fullwidth {\r\n    width: 100vw;\r\n    margin-left: calc(-50vw + 50%);\r\n  }\r\n\r\n  \/* HEADER *\/\r\n  .custom-header {\r\n    background: linear-gradient(90deg, #f1f1f1, #388E3C);\r\n    color: white;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 15px 30px;\r\n    flex-wrap: wrap;\r\n    flex-direction: row;\r\n    gap: 20px;\r\n  }\r\n\r\n  .header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n  }\r\n\r\n  .header-left img {\r\n    width: 60px;\r\n    height: 60px;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .title-tagline h1 {\r\n    font-size: 22px;\r\n    margin: 0;\r\n    color: #388E3C;\r\n  }\r\n\r\n  .title-tagline p {\r\n    font-size: 14px;\r\n    margin: 0;\r\n    opacity: 0.9;\r\n    color: #000000;\r\n    overlay: blac\r\n  }\r\n\r\n  .menu-toggle {\r\n    display: none;\r\n    font-size: 28px;\r\n    background: none;\r\n    border: none;\r\n    color: orange;\r\n    cursor: pointer;\r\n    margin-left: auto;\r\n  }\r\n\r\n  \/* MOBILE MENU *\/\r\n  @media (max-width: 768px) {\r\n    .menu-toggle {\r\n      display: block;\r\n    }\r\n\r\n    .header-right {\r\n      display: none;\r\n      width: 100%;\r\n    }\r\n\r\n    .header-right.active {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      margin-top: 10px;\r\n    }\r\n\r\n    .header-right ul {\r\n      flex-direction: column;\r\n      width: 100%;\r\n      padding-left: 0;\r\n      margin: 0;\r\n    }\r\n\r\n    .header-right ul li {\r\n      width: 100%;\r\n      padding: 10px 20px;\r\n    }\r\n\r\n    .header-right ul li a {\r\n      display: block;\r\n      width: 100%;\r\n      text-align: left;\r\n      background-color: #FBC02D;\r\n      color: #212121;\r\n      border-radius: 0;\r\n    }\r\n\r\n    .header-right ul li a:hover {\r\n      background-color: #FFD54F;\r\n    }\r\n  }\r\n\r\n\r\n\r\n  .header-right ul {\r\n    list-style: none;\r\n    display: flex;\r\n    gap: 25px;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .header-right ul li a {\r\n    text-decoration: none;\r\n    background-color: #FBC02D;\r\n    color: #212121;\r\n    font-weight: 600;\r\n    padding: 8px 16px;\r\n    border-radius: 20px;\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n    margin-top: 15px;\r\n  }\r\n\r\n  .header-right ul li a:hover {\r\n    background-color: rgba(255, 255, 255, 0.2);\r\n    \/* efek glow halus *\/\r\n    color: #FBC02D;\r\n  }\r\n\r\n  \/* HERO *\/\r\n  .hero {\r\n    padding: 0;\r\n    background: none;\r\n    text-align: center;\r\n  }\r\n\r\n  .hero-banner-img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    margin: 0 auto;\r\n    object-fit: contain;\r\n  }\r\n\r\n\r\n  .hero h2 {\r\n    font-size: 38px;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .hero p {\r\n    font-size: 18px;\r\n    max-width: 700px;\r\n    margin: auto;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n\r\n  .btn-donasi {\r\n    background-color: #FBC02D;\r\n    padding: 12px 25px;\r\n    border: none;\r\n    color: #212121;\r\n    font-weight: bold;\r\n    text-decoration: none;\r\n    border-radius: 6px;\r\n    display: inline-block;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .btn-donasi:hover {\r\n    background-color: #f9b000;\r\n  }\r\n\r\n  \/* STATISTIK *\/\r\n  .stats {\r\n    display: flex;\r\n    justify-content: space-around;\r\n    padding: 40px 20px;\r\n    background: #E8F5E9;\r\n    flex-wrap: wrap;\r\n    gap: 20px;\r\n    text-align: center;\r\n  }\r\n\r\n  .stat-item {\r\n    flex: 1 1 200px;\r\n  }\r\n\r\n  .stat-item h3 {\r\n    font-size: 36px;\r\n    color: #388E3C;\r\n  }\r\n\r\n  .stat-item p {\r\n    font-size: 16px;\r\n  }\r\n\r\n  \/* PROGRAM *\/\r\n  .program-section {\r\n    padding: 60px 20px;\r\n    background: #F1FAF4;\r\n    text-align: center;\r\n  }\r\n\r\n  .program-section h2 {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .program-cards {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 20px;\r\n    justify-content: center;\r\n  }\r\n\r\n  .program-card {\r\n    background: #ffffff;\r\n    border: 1px solid #DCE3EA;\r\n    padding: 20px;\r\n    width: 250px;\r\n    border-radius: 10px;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .program-card:nth-child(1)::before {\r\n    content: '\ud83d\udcda';\r\n    \/* Bantuan Pendidikan *\/\r\n  }\r\n\r\n  .program-card:nth-child(2)::before {\r\n    content: '\ud83e\ude7a';\r\n    \/* Pelayanan Kesehatan *\/\r\n  }\r\n\r\n  .program-card:nth-child(3)::before {\r\n    content: '\ud83d\udecd\ufe0f';\r\n    \/* Bantuan Sosial *\/\r\n  }\r\n\r\n  .program-card::before {\r\n    display: block;\r\n    font-size: 34px;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .program-card:hover {\r\n    transform: scale(1.03);\r\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n  .program-card h3 {\r\n    margin-top: 0;\r\n    color: #2E7D32;\r\n  }\r\n\r\n  \/* TESTIMONI *\/\r\n  .testimonials {\r\n    background: #E8F5E9;\r\n    padding: 50px 20px;\r\n    text-align: center;\r\n  }\r\n\r\n  .testimonials h2 {\r\n    margin-bottom: 30px;\r\n    font-size: 28px;\r\n    font-weight: bold;\r\n  }\r\n\r\n  .testimonial-wrapper {\r\n    max-width: 800px;\r\n    margin: auto;\r\n    text-align: center;\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  .testimonial-track {\r\n    display: flex;\r\n    transition: transform 0.5s ease-in-out;\r\n    width: 500%;\r\n  }\r\n\r\n  .testimonial-item {\r\n    flex: 0 0 100%;\r\n    box-sizing: border-box;\r\n    padding: 30px 20px;\r\n  }\r\n\r\n  .testimonial-item p {\r\n    font-size: 18px;\r\n    font-style: italic;\r\n    color: #333;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .testimonial-item span {\r\n    font-weight: bold;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n\r\n  .testimonial-dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: 15px;\r\n  }\r\n\r\n  .testimonial-dots .dot {\r\n    width: 12px;\r\n    height: 12px;\r\n    background: #bbb;\r\n    border-radius: 50%;\r\n    margin: 0 5px;\r\n    transition: background 0.3s ease;\r\n  }\r\n\r\n  .testimonial-dots .dot.active {\r\n    background: #388E3C;\r\n  }\r\n\r\n\r\n  \/* KONSULTASI *\/\r\n  .konsultasi {\r\n    padding: 50px 20px;\r\n    background: #E8F5E9;\r\n    text-align: center;\r\n  }\r\n\r\n  .konsultasi h2 {\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .konsultasi form {\r\n    max-width: 500px;\r\n    margin: auto;\r\n    text-align: left;\r\n  }\r\n\r\n  .konsultasi input,\r\n  .konsultasi textarea {\r\n    width: 100%;\r\n    padding: 10px;\r\n    margin-bottom: 15px;\r\n    border-radius: 5px;\r\n    border: 1px solid #ccc;\r\n  }\r\n\r\n  .konsultasi button {\r\n    padding: 10px 20px;\r\n    background: #388E3C;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 5px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .konsultasi button:hover {\r\n    background: #2E7D32;\r\n  }\r\n\r\n  \/* POPUP *\/\r\n  .popup-overlay {\r\n    display: none;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    background: rgba(0, 0, 0, 0.4);\r\n    z-index: 9999;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .popup-box {\r\n    background: white;\r\n    padding: 30px;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n    max-width: 300px;\r\n    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);\r\n    animation: popupFade 0.3s ease-in-out;\r\n  }\r\n\r\n  .popup-box p {\r\n    font-size: 16px;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .popup-box button {\r\n    background: #388E3C;\r\n    color: white;\r\n    border: none;\r\n    padding: 10px 20px;\r\n    border-radius: 5px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  @keyframes popupFade {\r\n    from {\r\n      transform: scale(0.9);\r\n      opacity: 0;\r\n    }\r\n\r\n    to {\r\n      transform: scale(1);\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  \/* LOKASI *\/\r\n  .lokasi {\r\n    background: #F1FAF4;\r\n    padding: 60px 20px;\r\n  }\r\n\r\n  .lokasi-container {\r\n    max-width: 1200px;\r\n    margin: auto;\r\n    display: flex;\r\n    gap: 40px;\r\n    flex-wrap: wrap;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .lokasi-teks {\r\n    flex: 1 1 400px;\r\n  }\r\n\r\n  .lokasi-teks h2 {\r\n    margin-bottom: 10px;\r\n    color: #388E3C;\r\n  }\r\n\r\n  .lokasi-teks p {\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .lokasi-maps {\r\n    flex: 1 1 500px;\r\n    min-width: 300px;\r\n  }\r\n\r\n  \/* FOOTER *\/\r\n  .custom-footer {\r\n    background: linear-gradient(90deg, #f1f1f1, #388E3C);\r\n    background-size: 400% 400%;\r\n    animation: gradientShift 15s ease infinite;\r\n    color: #388E3C;\r\n    padding: 40px 20px 10px;\r\n  }\r\n\r\n  .footer-content {\r\n    display: flex;\r\n    flex-wrap: nowrap;\r\n    justify-content: space-between;\r\n    max-width: 1200px;\r\n    margin: auto;\r\n    gap: 0;\r\n    position: relative;\r\n  }\r\n\r\n  .footer-left,\r\n  .footer-middle,\r\n  .footer-right {\r\n    flex: 1;\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .footer-left p {\r\n    color: #000000 !important;\r\n    text-align: justify;\r\n  }\r\n\r\n  \/* GARIS PEMISAH *\/\r\n  .footer-middle {\r\n    border-left: 1px solid rgba(0, 0, 0, 0.2);\r\n    border-right: 1px solid rgba(0, 0, 0, 0.2);\r\n    text-align: center;\r\n  }\r\n\r\n  \/* RESPONSIVE: HILANGKAN GARIS DAN STACKING KOLOM *\/\r\n  @media (max-width: 768px) {\r\n    .footer-content {\r\n      flex-direction: column;\r\n      gap: 30px;\r\n    }\r\n\r\n    .footer-middle {\r\n      border: none;\r\n    }\r\n  }\r\n\r\n  .footer-left img {\r\n    width: 60px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .footer-left h3 {\r\n    font-size: 16px;\r\n    margin: 0;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .footer-middle h4,\r\n  .footer-right h4 {\r\n    font-size: 18px;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .footer-middle ul {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n  }\r\n\r\n  .footer-middle ul li {\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .footer-middle ul li a {\r\n    color: #000000;\r\n    \/* link navigasi *\/\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .footer-middle ul li a:hover {\r\n    color: rgb(207, 187, 5);\r\n    \/* hover *\/\r\n  }\r\n\r\n  .footer-right p {\r\n    margin: 6px 0;\r\n    font-size: 14px;\r\n    color: #000000;\r\n  }\r\n\r\n  .social-icons {\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .social-icons a {\r\n    margin-right: 10px;\r\n    display: inline-block;\r\n  }\r\n\r\n  .social-icons img {\r\n    width: 20px;\r\n    height: 20px;\r\n    filter: brightness(0) invert(1);\r\n  }\r\n\r\n  .footer-bottom {\r\n    border-top: 1px solid rgba(3, 3, 3, 0.2);\r\n    margin-top: 30px;\r\n    padding-top: 15px;\r\n    text-align: center;\r\n  }\r\n\r\n  .footer-bottom p {\r\n    margin: 0;\r\n    font-size: 13px;\r\n    color: #000000;\r\n  }\r\n\r\n  \/* RESPONSIVE *\/\r\n  @media (max-width: 768px) {\r\n\r\n    .custom-header,\r\n    .footer-content,\r\n    .stats,\r\n    .program-cards,\r\n    .lokasi-container {\r\n      flex-direction: column;\r\n      align-items: center;\r\n      text-align: center;\r\n    }\r\n\r\n    .header-left,\r\n    .footer-left,\r\n    .footer-middle,\r\n    .footer-right {\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .header-right ul {\r\n      flex-direction: column;\r\n      gap: 10px;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .social-icons a {\r\n      margin: 0 5px;\r\n    }\r\n  }\r\n\r\n  .pengumuman-bar {\r\n    width: 100%;\r\n    background-color: #FFF59D;\r\n    color: #000000;\r\n    padding: 10px 20px;\r\n    font-weight: 500;\r\n    font-size: 14px;\r\n    border-bottom: 2px solid #FBC02D;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    text-align: left;\r\n    box-sizing: border-box;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  #runningText {\r\n    display: inline-block;\r\n    animation: runText 15s linear infinite;\r\n  }\r\n\r\n  @keyframes runText {\r\n    0% {\r\n      transform: translateX(100%);\r\n    }\r\n\r\n    100% {\r\n      transform: translateX(-100%);\r\n    }\r\n  }\r\n\r\n  \/* Statistik Ikon *\/\r\n  .stat-item::before {\r\n    content: '\ud83c\udfaf';\r\n    display: block;\r\n    font-size: 32px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  \/* Ganti berdasarkan urutan stat-item *\/\r\n\r\n  .stat-item:nth-child(1)::before {\r\n    content: '\u2705';\r\n    \/* Program Terealisasi *\/\r\n  }\r\n\r\n  .stat-item:nth-child(2)::before {\r\n    content: '\ud83e\udd1d';\r\n    \/* Relawan Aktif *\/\r\n  }\r\n\r\n  .stat-item:nth-child(3)::before {\r\n    content: '\ud83c\udf81';\r\n    \/* Penerima Manfaat *\/\r\n  }\r\n\r\n  .stat-item::before {\r\n    display: block;\r\n    font-size: 32px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  \/* Hover efek lebih halus *\/\r\n  .program-card:hover {\r\n    transform: scale(1.05);\r\n    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n  \/* Dot Slider *\/\r\n  .slider-dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: 15px;\r\n  }\r\n\r\n  .slider-dots .dot {\r\n    height: 12px;\r\n    width: 12px;\r\n    margin: 0 5px;\r\n    background-color: #bbb;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    transition: background-color 0.3s ease;\r\n  }\r\n\r\n  .slider-dots .active {\r\n    background-color: #388E3C;\r\n  }\r\n\r\n  \/* Form Input Validation *\/\r\n  .konsultasi input:invalid,\r\n  .konsultasi textarea:invalid {\r\n    border-color: red;\r\n  }\r\n\r\n  \/* Tombol Scroll to Top *\/\r\n  #scrollTopBtn {\r\n    position: fixed;\r\n    bottom: 20px;\r\n    right: 20px;\r\n    background: #388E3C;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 50%;\r\n    font-size: 20px;\r\n    width: 45px;\r\n    height: 45px;\r\n    cursor: pointer;\r\n    z-index: 10000;\r\n    display: none;\r\n  }\r\n\r\n  \/* AOS Animasi *\/\r\n  [data-aos] {\r\n    opacity: 0;\r\n    transition-property: transform, opacity;\r\n  }\r\n\r\n  [data-aos].aos-animate {\r\n    opacity: 1;\r\n  }\r\n\r\n  .nav-menu-wrapper {\r\n    background-color: #E8F5E9;\r\n    \/* warna latar khusus menu navigasi *\/\r\n    padding: 10px 0;\r\n    text-align: center;\r\n  }\r\n\r\n  .nav-menu {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    display: inline-flex;\r\n    gap: 15px;\r\n  }\r\n\r\n  .nav-menu li a {\r\n    position: relative;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n    display: inline-block;\r\n    padding: 10px 20px;\r\n    border-radius: 8px;\r\n    background-color: #AED581;\r\n    color: #212121;\r\n    font-weight: bold;\r\n    text-decoration: none;\r\n    transition: color 0.3s ease, transform 0.2s ease;\r\n  }\r\n\r\n  .nav-menu li a::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: #81C784;\r\n    \/* warna efek hover *\/\r\n    z-index: -1;\r\n    transition: left 0.3s ease;\r\n    border-radius: 8px;\r\n  }\r\n\r\n  .nav-menu li a:hover::before {\r\n    left: 0;\r\n  }\r\n\r\n  .nav-menu li a:hover {\r\n    color: white;\r\n    transform: scale(1.05);\r\n  }\r\n<\/style>\r\n\r\n<!-- HEADER -->\r\n<div class=\"custom-header fullwidth\">\r\n  <div class=\"header-left\">\r\n    <img decoding=\"async\" src=\"https:\/\/yayasansosialharapansumut.or.id\/wp-content\/uploads\/2025\/05\/logo.png\" alt=\"Logo Yayasan\" \/>\r\n    <div class=\"title-tagline\">\r\n      <h1>Yayasan Sosial Harapan Sumatera Utara<\/h1>\r\n      <p>Menebar Harapan, Mewujudkan Kepedulian<\/p>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"pengumuman-bar fullwidth\">\r\n    <div id=\"runningText\">\ud83d\udce2 Memuat pengumuman...<\/div>\r\n  <\/div>\r\n<\/div>\r\n>\r\n\r\n\r\n\r\n<!-- HERO -->\r\n<section class=\"hero fullwidth\" id=\"beranda\">\r\n  <img decoding=\"async\" src=\"https:\/\/yayasansosialharapansumut.or.id\/wp-content\/uploads\/2025\/05\/slider-yayasan.jpg\" alt=\"Banner Yayasan\"\r\n    class=\"hero-banner-img\">\r\n\r\n  <!-- PROGRAM UNGGULAN -->\r\n  <section class=\"program-section fullwidth\" id=\"program\">\r\n    <h2>Program & Kegiatan Yayasan Sosial Harapan Sumut<\/h2>\r\n    <h2>Bakti Sosial Peduli Sesama<\/h2>\r\n    <p>Deskripsi: Kegiatan pembagian sembako, pakaian layak pakai, dan kebutuhan dasar kepada masyarakat kurang mampu di daerah terpencil maupun perkotaan.<\/p>\r\n    <p>Tujuan: Mengurangi beban hidup masyarakat prasejahtera di Sumatera Utara.<\/p>\r\n\r\n    <h2>Beasiswa Harapan Anak Negeri<\/h2>\r\n    <p>Deskripsi: Program beasiswa bagi anak-anak yatim, piatu, atau dari keluarga tidak mampu untuk melanjutkan pendidikan dasar dan menengah.<\/p>\r\n    <p>Tujuan: Mendorong akses pendidikan yang adil dan berkualitas.<\/p>\r\n\r\n    <h2>Pelayanan Kesehatan Gratis<\/h2>\r\n    <p>Deskripsi: Pemeriksaan kesehatan gratis, pengobatan ringan, serta penyuluhan kesehatan oleh tenaga medis relawan.<\/p>\r\n    <p>Tujuan: Meningkatkan kesadaran kesehatan dan memberikan layanan kepada masyarakat yang sulit menjangkau fasilitas medis.<\/p>\r\n\r\n    <h2>Gerakan Relawan Harapan<\/h2>\r\n    <p>Deskripsi: Program perekrutan dan pembinaan relawan untuk ikut serta dalam kegiatan sosial, tanggap bencana, dan program pendidikan masyarakat.<\/p>\r\n    <p>Tujuan: Membentuk jaringan relawan aktif dan peduli di seluruh wilayah Sumatera Utara.<\/p>\r\n\r\n    <h2>Pemberdayaan UMKM dan Wirausaha Sosial<\/h2>\r\n    <p>Deskripsi: Pelatihan keterampilan kerja, kewirausahaan, dan pendampingan usaha mikro untuk ibu rumah tangga, pemuda, dan penyintas bencana.<\/p>\r\n    <p>Tujuan: Meningkatkan kemandirian ekonomi dan mengurangi angka pengangguran.<\/p>\r\n\r\n    <h2>Tanggap Bencana dan Bantuan Darurat<\/h2>\r\n    <p>Deskripsi: Respons cepat terhadap bencana alam seperti banjir, gempa, atau kebakaran, dengan menyalurkan bantuan logistik dan tenaga relawan.<\/p>\r\n    <p>Tujuan: Memberikan bantuan kemanusiaan dengan cepat dan efektif kepada korban bencana.<\/p>\r\n\r\n    <h2>Pesantren Ramadhan & Edukasi Moral<\/h2>\r\n    <p>Deskripsi: Kegiatan keagamaan, pelatihan nilai-nilai moral, dan pendidikan karakter bagi anak-anak dan remaja selama bulan Ramadhan.<\/p>\r\n    <p>Tujuan: Membentuk generasi muda yang religius, berakhlak, dan berempati sosial.<\/p>\r\n\r\n    <h2>Gerakan Hijau Harapan<\/h2>\r\n    <p>Deskripsi: Penanaman pohon, edukasi lingkungan, dan aksi bersih sungai di wilayah Sumut.<\/p>\r\n    <p>Tujuan: Menumbuhkan kepedulian lingkungan dan membangun masyarakat yang sadar ekologi.<\/p>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- MAPS -->\r\n  <section class=\"lokasi fullwidth\" id=\"lokasi\">\r\n    <div class=\"lokasi-container\">\r\n      <div class=\"lokasi-teks\">\r\n        <h2>Lokasi Kantor Yayasan<\/h2>\r\n        <p>Yayasan Sosial Harapan Sumatera Utara berlokasi strategis di pusat kota Medan, memudahkan akses masyarakat\r\n          untuk datang berkonsultasi, berdonasi, atau bergabung sebagai relawan. Kami terbuka untuk semua kalangan yang\r\n          ingin berkontribusi dalam kegiatan sosial.<\/p>\r\n      <\/div>\r\n      <div class=\"lokasi-maps\">\r\n        <iframe\r\n          src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3981.9205707138804!2d98.48414860978765!3d3.605657050163283!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x303129e1a6bf75c1%3A0x9e8cf0335c33a67!2sJl.%20Jendral%20Sudirman%20No.123%2C%20Binjai%2C%20Kec.%20Binjai%20Kota%2C%20Kota%20Binjai%2C%20Sumatera%20Utara%2020712!5e0!3m2!1sid!2sid!4v1747263597779!5m2!1sid!2sid\"\r\n          width=\"100%\" height=\"350\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"\r\n          referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- KONSULTASI -->\r\n  <section class=\"konsultasi fullwidth\" id=\"kontak\">\r\n    <h2>Konsultasi \/ Permintaan Bantuan<\/h2>\r\n    <form onsubmit=\"showPopup(event)\">\r\n      <input type=\"text\" placeholder=\"Nama Lengkap\" required>\r\n      <input type=\"email\" placeholder=\"Email\" required>\r\n      <textarea placeholder=\"Tulis permintaan atau pertanyaan Anda...\" rows=\"5\" required><\/textarea>\r\n      <button type=\"submit\">Kirim Permintaan<\/button>\r\n    <\/form>\r\n\r\n    <!-- Popup Window -->\r\n    <div class=\"popup-overlay\" id=\"popupOverlay\">\r\n      <div class=\"popup-box\">\r\n        <p>\u2705 Permintaan berhasil dikirim!<\/p>\r\n        <p>Team Kami Akan Segera Menghubungi Anda<\/p>\r\n        <button onclick=\"closePopup()\">Tutup<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n  <!-- FOOTER -->\r\n  <div\r\n    style=\"position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width: 100vw; overflow: hidden;\">\r\n    <svg viewBox=\"0 0 1200 150\" preserveAspectRatio=\"none\" style=\"display: block; width: 100%; height: 150px;\">\r\n      <path d=\"M0,0 C600,150 600,-50 1200,0 L1200,120 L0,120 Z\" fill=\"#388E3C\">\r\n        <animate attributeName=\"d\" dur=\"6s\" repeatCount=\"indefinite\" values=\"\r\n        M0,0 C600,150 600,-50 1200,0 L1200,120 L0,120 Z;\r\n        M0,0 C600,100 600,-100 1200,0 L1200,120 L0,120 Z;\r\n        M0,0 C600,150 600,-50 1200,0 L1200,120 L0,120 Z;\r\n        \" \/>\r\n      <\/path>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"custom-footer fullwidth\">\r\n    <div class=\"footer-content\">\r\n      <!-- KIRI -->\r\n      <div class=\"footer-left\">\r\n        <img decoding=\"async\" src=\"https:\/\/yayasansosialharapansumut.or.id\/wp-content\/uploads\/2025\/05\/logo.png\" alt=\"Logo\" \/>\r\n        <h3>Yayasan Sosial Harapan Sumatera Utara<\/h3>\r\n        <p>Yayasan Sosial Harapan Sumatera Utara adalah lembaga nirlaba yang bergerak di bidang sosial, kemanusiaan,\r\n          pendidikan, dan kesehatan untuk membantu masyarakat kurang mampu di Sumatera Utara melalui program-program\r\n          nyata yang berkelanjutan.<\/p>\r\n      <\/div>\r\n\r\n      <!-- TENGAH -->\r\n      <div class=\"footer-middle\">\r\n        <h4>Navigasi<\/h4>\r\n        <ul>\r\n          <li><a href=\"#beranda\">Beranda<\/a><\/li>\r\n          <li><a href=\"#program\">Program<\/a><\/li>\r\n          <li><a href=\"#donasi\">Donasi<\/a><\/li>\r\n          <li><a href=\"#kontak\">Kontak<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- KANAN -->\r\n      <div class=\"footer-right\">\r\n        <h4>Kontak<\/h4>\r\n        <p>Jl. Sudirman No.123, Binjai, Sumatera Utara, Indonesia<\/p>\r\n        <p>Telepon : 0812-8091-1155<\/p>\r\n        <p>Email: info@harapansumut.org<\/p>\r\n        <div class=\"social-icons\">\r\n          <a href=\"#\" aria-label=\"Facebook\" target=\"_blank\">\r\n            <svg width=\"24\" height=\"24\" fill=\"#1877F2\" viewBox=\"0 0 24 24\">\r\n              <path\r\n                d=\"M22 12a10 10 0 1 0-11.5 9.87v-6.99h-2.2v-2.88h2.2v-2.2c0-2.18 1.3-3.4 3.3-3.4.96 0 1.96.17 1.96.17v2.14h-1.1c-1.08 0-1.42.67-1.42 1.35v1.93h2.42l-.39 2.88h-2.03v6.99A10 10 0 0 0 22 12z\" \/>\r\n            <\/svg>\r\n          <\/a>\r\n          <a href=\"#\" aria-label=\"Instagram\" target=\"_blank\">\r\n            <svg width=\"24\" height=\"24\" fill=\"#E1306C\" viewBox=\"0 0 24 24\">\r\n              <path\r\n                d=\"M12 2.16c3.2 0 3.584.012 4.849.07 1.17.056 1.95.24 2.4.403a4.8 4.8 0 0 1 1.708 1.11 4.8 4.8 0 0 1 1.11 1.709c.163.45.347 1.23.403 2.4.058 1.265.07 1.649.07 4.849s-.012 3.584-.07 4.849c-.056 1.17-.24 1.95-.403 2.4a4.8 4.8 0 0 1-1.11 1.708 4.8 4.8 0 0 1-1.709 1.11c-.45.163-1.23.347-2.4.403-1.265.058-1.649.07-4.849.07s-3.584-.012-4.849-.07c-1.17-.056-1.95-.24-2.4-.403a4.8 4.8 0 0 1-1.708-1.11 4.8 4.8 0 0 1-1.11-1.709c-.163-.45-.347-1.23-.403-2.4C2.172 15.584 2.16 15.2 2.16 12s.012-3.584.07-4.849c.056-1.17.24-1.95.403-2.4a4.8 4.8 0 0 1 1.11-1.708 4.8 4.8 0 0 1 1.709-1.11c.45-.163 1.23-.347 2.4-.403C8.416 2.172 8.8 2.16 12 2.16zm0 1.68c-3.162 0-3.532.012-4.781.069-1.041.05-1.607.217-1.981.362a3.12 3.12 0 0 0-1.13.74 3.12 3.12 0 0 0-.74 1.13c-.145.374-.312.94-.362 1.981-.057 1.25-.069 1.619-.069 4.781s.012 3.532.069 4.781c.05 1.041.217 1.607.362 1.981.174.447.408.845.74 1.13.285.332.683.566 1.13.74.374.145.94.312 1.981.362 1.25.057 1.619.069 4.781.069s3.532-.012 4.781-.069c1.041-.05 1.607-.217 1.981-.362a3.12 3.12 0 0 0 1.13-.74 3.12 3.12 0 0 0 .74-1.13c.145-.374.312-.94.362-1.981.057-1.25.069-1.619.069-4.781s-.012-3.532-.069-4.781c-.05-1.041-.217-1.607-.362-1.981a3.12 3.12 0 0 0-.74-1.13 3.12 3.12 0 0 0-1.13-.74c-.374-.145-.94-.312-1.981-.362-1.25-.057-1.619-.069-4.781-.069zM12 5.838a6.162 6.162 0 1 1 0 12.324A6.162 6.162 0 0 1 12 5.838zm0 10.143a3.981 3.981 0 1 0 0-7.962 3.981 3.981 0 0 0 0 7.962zm6.406-10.565a1.44 1.44 0 1 1-2.88 0 1.44 1.44 0 0 1 2.88 0z\" \/>\r\n            <\/svg>\r\n          <\/a>\r\n          <a href=\"#\" aria-label=\"Twitter\" target=\"_blank\">\r\n            <svg width=\"24\" height=\"24\" fill=\"#1DA1F2\" viewBox=\"0 0 24 24\">\r\n              <path\r\n                d=\"M22.46 6c-.77.35-1.6.58-2.46.69a4.29 4.29 0 0 0 1.88-2.37c-.84.5-1.76.85-2.75 1.05a4.27 4.27 0 0 0-7.29 3.89c-3.55-.18-6.7-1.88-8.82-4.47a4.27 4.27 0 0 0-.58 2.14c0 1.48.75 2.78 1.88 3.54a4.22 4.22 0 0 1-1.94-.54v.06a4.27 4.27 0 0 0 3.42 4.18c-.44.12-.91.18-1.39.18-.34 0-.67-.03-1-.1a4.27 4.27 0 0 0 3.98 2.96A8.57 8.57 0 0 1 2 19.54a12.07 12.07 0 0 0 6.56 1.92c7.87 0 12.18-6.52 12.18-12.17 0-.19 0-.37-.01-.56A8.7 8.7 0 0 0 24 5.5a8.52 8.52 0 0 1-2.54.7z\" \/>\r\n            <\/svg>\r\n          <\/a>\r\n          <a href=\"#\" aria-label=\"YouTube\" target=\"_blank\">\r\n            <svg width=\"24\" height=\"24\" fill=\"#FF0000\" viewBox=\"0 0 24 24\">\r\n              <path\r\n                d=\"M10 15.5v-7l6 3.5-6 3.5zM23 12s0-3.3-.4-4.9c-.3-1.1-1.1-2-2.2-2.2C18.3 4.5 12 4.5 12 4.5s-6.3 0-8.4.4C2.5 5.1 1.7 6 1.4 7.1 1 8.7 1 12 1 12s0 3.3.4 4.9c.3 1.1 1.1 2 2.2 2.2 2.1.4 8.4.4 8.4.4s6.3 0 8.4-.4c1.1-.3 1.9-1.1 2.2-2.2.4-1.6.4-4.9.4-4.9z\" \/>\r\n            <\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- COPYRIGHT -->\r\n    <div class=\"footer-bottom\">\r\n      <p>&copy; 2025 Yayasan Sosial Harapan Sumatera Utara<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <script>\r\n    function animateCount(id, target) {\r\n      let el = document.getElementById(id);\r\n      let count = 0;\r\n      let speed = 20;\r\n      let increment = Math.ceil(target \/ 100);\r\n      let interval = setInterval(() => {\r\n        count += increment;\r\n        if (count >= target) {\r\n          count = target;\r\n          clearInterval(interval);\r\n        }\r\n        el.textContent = count;\r\n      }, speed);\r\n    }\r\n\r\n    window.addEventListener(\"load\", () => {\r\n      animateCount(\"count1\", 125);\r\n      animateCount(\"count2\", 75);\r\n      animateCount(\"count3\", 1000);\r\n    });\r\n\r\n  <\/script>\r\n\r\n  <!-- Swiper JS -->\r\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n\r\n  <!-- Inisialisasi Swiper -->\r\n  <script>\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n      new Swiper('.swiper', {\r\n        loop: true,\r\n        autoplay: {\r\n          delay: 5000,\r\n          disableOnInteraction: false\r\n        },\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n          clickable: true\r\n        }\r\n      });\r\n    });\r\n  <\/script>\r\n\r\n  <script>\r\n    function showPopup(e) {\r\n      e.preventDefault();\r\n      document.getElementById('popupOverlay').style.display = 'flex';\r\n    }\r\n\r\n    function closePopup() {\r\n      document.getElementById('popupOverlay').style.display = 'none';\r\n    }\r\n\r\n    const toggleBtn = document.getElementById(\"menuToggle\");\r\n    const navMenu = document.getElementById(\"navMenu\");\r\n\r\n    toggleBtn.addEventListener(\"click\", function () {\r\n      navMenu.classList.toggle(\"active\");\r\n    });\r\n  <\/script>\r\n\r\n  <script>\r\n    const texts = [\r\n      \"\ud83d\udce2 Yayasan Sosial Harapan Sumatera Utara hadir untuk menebar harapan dan membangun kepedulian sosial.\",\r\n      \"\ud83d\udce2 Ayo Donasi! Satu aksi kecil Anda bisa menjadi harapan besar bagi sesama.\",\r\n      \"\ud83d\udce2 Program bantuan sembako! Hari Pelaksanaan bisa menghubungi lewat whatsapp resmi yayasan kami.\",\r\n      \"\ud83d\udce2 Gabung jadi Relawan! Jadilah tangan yang membantu, hati yang peduli.\",\r\n      \"\ud83d\udce2 Bantu sesama untuk kehidupan yang lebih baik bersama Yayasan Harapan Sumut.\"\r\n    ];\r\n\r\n    const randomText = texts[Math.floor(Math.random() * texts.length)];\r\n    document.getElementById(\"runningText\").textContent = randomText;\r\n  <\/script>\r\n\r\n  <!-- AOS Animate On Scroll -->\r\n  <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n  <script>\r\n    AOS.init({ once: true });\r\n  <\/script>\r\n\r\n  <!-- Scroll to Top Button -->\r\n  <button id=\"scrollTopBtn\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' })\">\u2191<\/button>\r\n  <script>\r\n    window.addEventListener('scroll', () => {\r\n      document.getElementById(\"scrollTopBtn\").style.display = window.scrollY > 300 ? 'block' : 'none';\r\n    });\r\n  <\/script>\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>Yayasan Sosial Harapan Sumatera Utara Menebar Harapan, Mewujudkan Kepedulian \ud83d\udce2 Memuat pengumuman&#8230; &gt; Program &amp; Kegiatan Yayasan Sosial Harapan Sumut Bakti Sosial Peduli Sesama Deskripsi: Kegiatan pembagian sembako, pakaian layak pakai, dan kebutuhan dasar kepada masyarakat kurang mampu di daerah terpencil maupun perkotaan. Tujuan: Mengurangi beban hidup masyarakat prasejahtera di Sumatera Utara. Beasiswa Harapan Anak [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/progam.yayasansosialharapansumut.or.id\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/progam.yayasansosialharapansumut.or.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/progam.yayasansosialharapansumut.or.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/progam.yayasansosialharapansumut.or.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/progam.yayasansosialharapansumut.or.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":4,"href":"https:\/\/progam.yayasansosialharapansumut.or.id\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/progam.yayasansosialharapansumut.or.id\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/progam.yayasansosialharapansumut.or.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}