It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://villakartikabatu.com/

  1. <!DOCTYPE html>
  2. <html class="no-js" lang="en">
  3.  
  4. <head><script src="//archive.org/includes/athena.js" type="text/javascript"></script>
  5. <script type="text/javascript">window.addEventListener('DOMContentLoaded',function(){var v=archive_analytics.values;v.service='wb';v.server_name='wwwb-app224.us.archive.org';v.server_ms=253;archive_analytics.send_pageview({});});</script>
  6. <script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=1B2M2Y8A" charset="utf-8"></script>
  7. <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=1B2M2Y8A" charset="utf-8"></script>
  8. <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden","showSwfDownload":true};</script>
  9. <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script>
  10. <script type="text/javascript">
  11.    __wm.init("https://web.archive.org/web");
  12.  __wm.wombat("http://bapopsiwakatobi.org/","20241214013633","https://web.archive.org/","web","https://web-static.archive.org/_static/",
  13.      "1734140193");
  14. </script>
  15. <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=1B2M2Y8A" />
  16. <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=1B2M2Y8A" />
  17. <!-- End Wayback Rewrite JS Include -->
  18.  
  19.    <meta charset="UTF-8"/>
  20.    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  21.    <meta name="viewport" content="width=device-width, initial-scale=1"/>
  22.  
  23.    <title>BAPOPSI WAKATOBI -     Home
  24. </title>
  25.  
  26.            
  27.        <meta name="description" content="BAPOPSI WAKATOBI">
  28.        <meta name="keywords" content="BAPOPSI WAKATOBI">
  29.  
  30.        <!-- Open Graph meta tags for social sharing -->
  31.        <meta property="og:type" content="Alumni">
  32.        <meta property="og:title" content="BAPOPSI WAKATOBI">
  33.        <meta property="og:description" content="BAPOPSI WAKATOBI">
  34.        <meta property="og:image" content="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/Setting/9041733939717.png">
  35.        <meta property="og:url" content="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/">
  36.  
  37.        <meta property="og:site_name" content="BAPOPSI WAKATOBI">
  38.  
  39.        <!-- Twitter Card meta tags for Twitter sharing -->
  40.        <meta name="twitter:card" content="Alumni">
  41.        <meta name="twitter:title" content="BAPOPSI WAKATOBI">
  42.        <meta name="twitter:description" content="BAPOPSI WAKATOBI">
  43.        <meta name="twitter:image" content="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/Setting/9041733939717.png">
  44.  
  45.        <meta name="csrf-token" content="gWqNYgQ9XSy7RbEOVZSiSTJC1OqasIMsxhr6dPll"/>
  46.    
  47.    <!-- Place favicon.ico in the root directory -->
  48.    <link rel="icon" href="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/Setting/8921733939730.png" type="image/png" sizes="16x16">
  49.    <link rel="shortcut icon" href="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/Setting/8921733939730.png" type="image/x-icon">
  50.    <link rel="shortcut icon" href="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/Setting/8921733939730.png">
  51.    <!-- fonts file -->
  52.    <link rel="preconnect" href="https://web.archive.org/web/20241214013633/https://fonts.googleapis.com/"/>
  53.    <link rel="preconnect" href="https://web.archive.org/web/20241214013633/https://fonts.gstatic.com/" crossorigin/>
  54.    <link href="https://web.archive.org/web/20241214013633cs_/https://fonts.googleapis.com/css2?family=Inter+Tight:wght@100;200;300;400;500;600;700;800;900&amp;family=Nunito:wght@200;300;400;500;600;700;800;900;1000&amp;display=swap" rel="stylesheet"/>
  55.    <!-- css file  -->
  56.    <link rel="stylesheet" href="https://web.archive.org/web/20241214013633cs_/https://bapopsiwakatobi.org/frontend/css/bootstrap.min.css"/>
  57.    <link rel="stylesheet" href="https://web.archive.org/web/20241214013633cs_/https://bapopsiwakatobi.org/frontend/css/plugins.css?ver=0"/>
  58.    <link rel="stylesheet" href="https://web.archive.org/web/20241214013633cs_/https://bapopsiwakatobi.org/frontend/scss/style.css?ver=0"/>
  59.  
  60.            <style>
  61.    :root {
  62.                --primary-color: #ff2200;
  63.        --black-color: #041439;
  64.        --text-black: #041439;
  65.        --para-color: #707070;
  66.        --hover-color: #030654;
  67.        --color1: #707070;
  68.        --black: #041439;
  69.                --inter-tight: "Inter Tight", sans-serif;
  70.        --scroll-track: #efefef;
  71.        --scroll-thumb: #dadada;
  72.        --stroke-color: #e4e6eb;
  73.        --text-black-10: rgb(27 28 23 / 10%);
  74.        --text-black-28: rgb(27 28 23 / 28%);
  75.        --text-black-50: rgb(27 28 23 / 50%);
  76.        --green: #4cbf4c;
  77.        --red: #f02e17;
  78.        --bg-one: #ededed;
  79.        --border-color: #ededed;
  80.        --color2: #ebe7d5;
  81.        --color3: #fdedeb;
  82.        --color4: #f4f4f4;
  83.        --event-bg: #fbf9f1;
  84.        --body-bg: #ffffff;
  85.        --white: #ffffff;
  86.        --white-10: rgb(255 255 255 / 10%);
  87.        --white-15: rgb(255 255 255 / 15%);
  88.        --white-32: rgb(255 255 255 / 32%);
  89.        --white-80: rgb(255 255 255 / 70%);
  90.        --black-5: rgb(0 0 0 / 5%);
  91.        --black-10: rgb(0 0 0 / 10%);
  92.    }
  93. </style>
  94.    
  95.    
  96.    <style>
  97.                    
  98.            </style>
  99.  
  100.            <!-- Google tag (gtag.js) -->
  101.        <script async src="https://web.archive.org/web/20241214013633js_/https://www.googletagmanager.com/gtag/js?id="></script>
  102.        <script>
  103.            window.dataLayer = window.dataLayer || [];
  104.  
  105.            function gtag() {
  106.                dataLayer.push(arguments);
  107.            }
  108.  
  109.            gtag('js', new Date());
  110.            gtag('config', "");
  111.        </script>
  112.    
  113. </head>
  114.  
  115. <body class="direction-ltr">
  116. <input type="hidden" id="lang_code" value="en">
  117.    <div id="preloader">
  118.        <div id="preloader_status">
  119.            <img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/Setting/2891733939693.png" alt="BAPOPSI WAKATOBI"/>
  120.        </div>
  121.    </div>
  122.  
  123. <!-- Start Header -->
  124. <div class="">
  125.    <!-- Top Header -->
  126.    <div class="pt-19 pb-15 d-none d-lg-block">
  127.        <div class="container">
  128.            <div class="row align-items-center rg-10">
  129.                <!-- Left -->
  130.                <div class="col-lg-6">
  131.                    <div class="d-flex justify-content-center justify-content-lg-start align-items-center flex-wrap cg-23 rg-10">
  132.                        <a href="https://web.archive.org/web/20241214013633/mailto:admin@bapopsiwakatobi.org" class="d-flex align-items-center cg-7 fs-18 fw-600 lh-28 text-black-color">
  133.                            <div class="d-flex"><img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/frontend/images/icon/envelope.svg" alt=""/></div>
  134.                            <p>Email : <span class="fw-500"><span class="__cf_email__" data-cfemail="cdaca9a0a4a38dafacbda2bdbea4baaca6acb9a2afa4e3a2bfaa">[email&#160;protected]</span></span></p>
  135.                        </a>
  136.                        <a href="https://web.archive.org/web/20241214013633/tel:+62823-6277784" class="d-flex align-items-center cg-7 fs-18 fw-600 lh-28 text-black-color">
  137.                            <div class="d-flex"><img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/frontend/images/icon/phone.svg" alt=""/></div>
  138.                            <p>Hotline : <span class="fw-500">+62823-6277784</span>
  139.                            </p>
  140.                        </a>
  141.                    </div>
  142.                </div>
  143.                <!-- Right -->
  144.                <div class="col-lg-6">
  145.                    <div class="d-flex justify-content-center justify-content-lg-end align-items-center g-11">
  146.                        <!-- Language switcher -->
  147.                                                    <div class="dropdown headerUserDropdown lanDropdown">
  148.                                <button class="dropdown-toggle p-0 border-0 bg-transparent d-flex align-items-center cg-8" type="button" data-bs-toggle="dropdown" aria-expanded="false">
  149.                                    <div class="flex-shrink-0 w-42 h-42 rounded-circle overflow-hidden bd-one bd-c-black-5 bg-fafafa d-flex justify-content-center align-items-center">
  150.                                        <img class="h-100 object-fit-cover w-100" src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/Language/6701733669518.png" alt=""/>
  151.                                    </div>
  152.                                    <div class="text-start d-none d-md-block">
  153.                                        <h4 class="fs-15 fw-500 lh-18 text-1b1c17">Bahasa Inggris
  154.                                        </h4>
  155.                                    </div>
  156.                                </button>
  157.                                <ul class="dropdown-menu dropdownItem-one">
  158.                                                                            <li>
  159.                                            <a class="d-flex align-items-center cg-8" href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/local/en">
  160.                                                <div class="d-flex">
  161.                                                    <img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/Language/6701733669518.png" alt="" class="max-w-26"/>
  162.                                                </div>
  163.                                                <p class="fs-14 fw-500 lh-16 text-para-color">Bahasa Inggris</p>
  164.                                            </a>
  165.                                        </li>
  166.                                                                            <li>
  167.                                            <a class="d-flex align-items-center cg-8" href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/local/id">
  168.                                                <div class="d-flex">
  169.                                                    <img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/language/371733669317.png" alt="" class="max-w-26"/>
  170.                                                </div>
  171.                                                <p class="fs-14 fw-500 lh-16 text-para-color">Bahasa Indonesia</p>
  172.                                            </a>
  173.                                        </li>
  174.                                                                    </ul>
  175.                            </div>
  176.                                                                            <a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/login" class="d-flex py-6 px-24 bg-black-color bd-ra-8 fs-18 fw-500 lh-28 text-white hover-bg-color-primary hover-color-black">Login</a>
  177.                                                            <a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/register" class="d-flex py-6 px-24 bg-white bd-one bd-ra-8 fs-18 fw-500 lh-28 text-black-color hover-bg-color-primary hover-border-color-primary">Sign Up</a>
  178.                                                                        </div>
  179.                </div>
  180.            </div>
  181.        </div>
  182.    </div>
  183.    <!-- Main Header -->
  184.    <div class="pt-16 pb-17 bg-primary-color">
  185.        <div class="container">
  186.            <div class="row align-items-center">
  187.                <!-- Left / Logo -->
  188.                <div class="col-lg-2 col-6">
  189.                    <a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/" class="d-flex justify-content-center align-items-center max-w-146"><img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/Setting/1231733939704.png" alt="BAPOPSI WAKATOBI"/></a>
  190.                </div>
  191.                <!-- Middle / Menu -->
  192.                <div class="col-lg-8 col-6">
  193.                    <nav class="navbar navbar-expand-lg p-0">
  194.                        <button class="navbar-toggler menu-navbar-toggler bd-c-black-color ms-auto" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
  195.                            <span class="navbar-toggler-icon"></span>
  196.                        </button>
  197.                        <div class="navbar-collapse menu-navbar-collapse offcanvas offcanvas-start" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
  198.                            <button type="button" class="d-lg-none w-30 h-30 p-0 rounded-circle bg-white border-0 position-absolute top-10 right-10" data-bs-dismiss="offcanvas" aria-label="Close"><i class="fa-solid fa-times"></i></button>
  199.                            <ul class="navbar-nav menu-navbar-nav justify-content-center flex-wrap cg-42 rg-10 w-100">
  200.                                <li class="nav-item">
  201.                                    <a class="nav-link fs-18 fw-500 lh-28 text-black-color p-0 active" aria-current="page" href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/">Home</a>
  202.                                </li>
  203.                                <li class="nav-item"><a class="nav-link fs-18 fw-500 lh-28 text-black-color p-0" href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/all-alumni">Alumni</a></li>
  204.                                <li class="nav-item"><a class="nav-link fs-18 fw-500 lh-28 text-black-color p-0" href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/all-event">Events</a></li>
  205.                                <li class="nav-item"><a class="nav-link fs-18 fw-500 lh-28 text-black-color p-0" href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/our-news">News</a></li>
  206.                                <li class="nav-item"><a class="nav-link fs-18 fw-500 lh-28 text-black-color p-0" href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/our-notice">Notice</a></li>
  207.                                <li class="nav-item dropdown">
  208.                                    <a class="nav-link fs-18 fw-500 lh-28 text-black-color p-0 dropdown-toggle menu-dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Community</a>
  209.                                    <ul class="dropdown-menu">
  210.                                        <li>
  211.                                            <a class="dropdown-item" href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/all-job">
  212.                                                Find Job
  213.                                                <span><i class="fa-solid fa-long-arrow-right"></i></span>
  214.                                            </a>
  215.                                        </li>
  216.                                        <li>
  217.                                            <a class="dropdown-item" href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/all-membership">
  218.                                                Get Membership
  219.                                                <span><i class="fa-solid fa-long-arrow-right"></i></span>
  220.                                            </a>
  221.                                        </li>
  222.                                        <li>
  223.                                            <a class="dropdown-item" href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/all-stories">
  224.                                                Stories
  225.                                                <span><i class="fa-solid fa-long-arrow-right"></i></span>
  226.                                            </a>
  227.                                        </li>
  228.                                    </ul>
  229.                                </li>
  230.                                                                                                <li class="nav-item d-lg-none"><a class="nav-link d-flex justify-content-lg-end align-items-center cg-16 fs-18 fw-600 lh-28 text-black-color" href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/contact-us">
  231.                                        Contact us
  232.                                        <span><i class="fa-solid fa-arrow-right"></i></span></a></li>
  233.                            </ul>
  234.                            <div class="pt-20 w-100 d-lg-none">
  235.                                <div class="d-flex justify-content-start align-items-center flex-wrap cg-23 rg-10 pb-30">
  236.                                    <a href="https://web.archive.org/web/20241214013633/mailto:admin@bapopsiwakatobi.org" class="d-flex align-items-center cg-7 fs-18 fw-600 lh-28 text-black-color">
  237.                                        <div class="d-flex flex-shrink-0"><img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/frontend/images/icon/envelope.svg" alt=""/></div>
  238.                                        <p><span class="d-none d-lg-block">Email :</span> <span class="fw-500"><span class="__cf_email__" data-cfemail="68090c050106280a091807181b011f0903091c070a0146071a0f">[email&#160;protected]</span></span></p>
  239.                                    </a>
  240.                                    <a href="https://web.archive.org/web/20241214013633/tel:(880) 2566 3245" class="d-flex align-items-center cg-7 fs-18 fw-600 lh-28 text-black-color">
  241.                                        <div class="d-flex flex-shrink-0"><img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/frontend/images/icon/phone.svg" alt=""/>
  242.                                        </div>
  243.                                        <p><span class="d-none d-lg-block">Hotline :</span> <span class="fw-500">+62823-6277784</span></p>
  244.                                    </a>
  245.                                </div>
  246.                                <!-- Language switcher -->
  247.                                                                    <div class="dropdown headerUserDropdown lanDropdown">
  248.                                        <button class="dropdown-toggle p-0 border-0 bg-transparent d-flex align-items-center cg-8" type="button" data-bs-toggle="dropdown" aria-expanded="false">
  249.                                            <div class="flex-shrink-0 w-42 h-42 rounded-circle overflow-hidden bd-one bd-c-black-5 bg-fafafa d-flex justify-content-center align-items-center">
  250.                                                <img class="max-w-26" src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/Language/6701733669518.png" alt=""/>
  251.                                            </div>
  252.                                            <div class="text-start d-none d-md-block">
  253.                                                <h4 class="fs-15 fw-500 lh-18 text-1b1c17">
  254.                                                    Bahasa Inggris
  255.                                                </h4>
  256.                                            </div>
  257.                                        </button>
  258.                                        <ul class="dropdown-menu dropdownItem-one">
  259.                                                                                            <li>
  260.                                                    <a class="d-flex align-items-center cg-8" href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/local/en">
  261.                                                        <div class="d-flex">
  262.                                                            <img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/Language/6701733669518.png" alt="" class="max-w-26"/>
  263.                                                        </div>
  264.                                                        <p class="fs-14 fw-500 lh-16 text-para-color">
  265.                                                            Bahasa Inggris</p>
  266.                                                    </a>
  267.                                                </li>
  268.                                                                                            <li>
  269.                                                    <a class="d-flex align-items-center cg-8" href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/local/id">
  270.                                                        <div class="d-flex">
  271.                                                            <img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/language/371733669317.png" alt="" class="max-w-26"/>
  272.                                                        </div>
  273.                                                        <p class="fs-14 fw-500 lh-16 text-para-color">
  274.                                                            Bahasa Indonesia</p>
  275.                                                    </a>
  276.                                                </li>
  277.                                                                                    </ul>
  278.                                    </div>
  279.                                                                <div class="d-flex justify-content-start align-items-center flex-wrap g-11 pt-16">
  280.                                                                            <a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/login" class="d-flex py-6 px-24 bg-black-color bd-ra-8 fs-18 fw-500 lh-28 text-white">Login</a>
  281.                                                                                    <a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/register" class="d-flex py-6 px-24 bg-transparent bd-one bd-ra-8 fs-18 fw-500 lh-28 text-black-color">Sign Up</a>
  282.                                                                                                            </div>
  283.                            </div>
  284.                        </div>
  285.                    </nav>
  286.                </div>
  287.                <!-- Right -->
  288.                <div class="col-lg-2 d-none d-lg-block">
  289.                    <a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/contact-us" class="d-flex justify-content-lg-end align-items-center cg-16 fs-18 fw-600 lh-28 text-black-color">
  290.                        Contact us
  291.                        <span><i class="fa-solid fa-arrow-right"></i></span>
  292.                    </a>
  293.                </div>
  294.            </div>
  295.        </div>
  296.    </div>
  297. </div>
  298. <!-- End Header -->
  299.  
  300.  
  301.    <!-- Start Banner -->
  302.    <section class="home-banner" data-background="https://bapopsiwakatobi.org/storage/uploads/Setting/5641733937282.png">
  303.        <div class="container">
  304.            <div class="row justify-content-center position-relative">
  305.                <div class="col-lg-10">
  306.                    <div class="text-center">
  307.                        <h4 class="fs-74 fw-700 lh-84 text-white pb-21">BAPOPSI WAKATOBI</h4>
  308.                        <p class="fs-18 fw-400 lh-28 text-white max-w-833 m-auto pb-29">Badan Pembina Olahraga Pelajar Seluruh Indonesia (BAPOPSI) merupakan organisasi pembinaan olahraga dikalangan pelajar Indonesia dan merupakan organisasi fungsional anggota KONI. BAPOPSI bertanggungjawab terhadap kemajuan dan perkembangan pembibitan, pembinaan, dan pencapaian prestasi olahraga pelajar.
  309.                        </p>
  310.                        <div class="d-flex justify-content-center align-items-center flex-wrap g-10">
  311.                            <a href="#about-us-section" class="py-15 px-32 bd-one bd-c-primary-color bd-ra-12 d-flex align-items-center cg-16 bg-primary-color fs-18 fw-600 lh-28 text-black-color hover-color-white hover-bg-color-transparent hover-border-color-white">
  312.                                About Us
  313.                                <i class="fa-solid fa-long-arrow-right"></i>
  314.                            </a>
  315.                            <a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/all-event" class="py-15 px-32 bd-one bd-c-white bd-ra-12 d-flex align-items-center cg-16 bg-transparent fs-18 fw-600 lh-28 text-white hover-bg-color-primary hover-border-color-primary hover-color-black">
  316.                                All Events
  317.                                <i class="fa-solid fa-long-arrow-right"></i>
  318.                            </a>
  319.                        </div>
  320.                    </div>
  321.                </div>
  322.            </div>
  323.        </div>
  324.    </section>
  325.    <!-- End Banner -->
  326.  
  327.    <!-- Start Join with community -->
  328.    <section class="joinCommunity-section pb-110">
  329.        <div class="container">
  330.            <div class="joinCommunity-wrap bg-event-bg py-78 px-10 bd-one bd-c-black-10 bd-ra-25 text-center" data-background="https://bapopsiwakatobi.org/frontend/images/community-bg-1.png">
  331.                <span class="d-inline-block py-15 px-25 bg-color4 bd-ra-12 fs-18 fw-400 lh-18 text-black-color mb-23">Join With Community</span>
  332.                <h4 class="fs-36 fw-600 lh-36 text-black pb-42">Why you should join us</h4>
  333.                <div class="items d-flex justify-content-center flex-wrap g-25">
  334.                    <div class="item flex-grow-1 max-w-370 bd-one bd-c-black-10 bd-ra-14 px-26 pt-51 pb-35 bg-white text-center hover-scale-1-1">
  335.                        <img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/Setting/9461733937736.webp" class="mb-20" alt=""/>
  336.                        <h4 class="fs-24 fw-500 lh-28 text-black-color pb-9">Peningkatan Kemampuan dan Karir Olahraga</h4>
  337.                        <p class="fs-18 fw-400 lh-28 text-para-color"><p><span style="font-size: medium;" _msttexthash="57131581" _msthash="108">Bergabung dengan BAPOPSI memberikan kesempatan untuk mengembangkan keterampilan dan potensi dalam dunia olahraga, baik di tingkat amatir maupun profesional. Sebagai induk organisasi olahraga pelajar, BAPOPSI memberikan pelatihan, pembinaan, dan akses ke berbagai kompetisi yang dapat mempercepat perkembangan karir olahraga.</span><br></p></p>
  338.                    </div>
  339.                    <div class="item flex-grow-1 max-w-370 bd-one bd-c-black-10 bd-ra-14 px-26 pt-51 pb-35 bg-white text-center hover-scale-1-1">
  340.                        <img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/Setting/7391733937746.webp" class="mb-20" alt=""/>
  341.                        <h4 class="fs-24 fw-500 lh-28 text-black-color pb-9">Akses ke Jaringan Olahraga yang Luas</h4>
  342.                        <p class="fs-18 fw-400 lh-28 text-para-color"><li><p _msttexthash="59464457" _msthash="369">Bergabung dengan BAPOPSI membuka peluang untuk memperluas jaringan dengan pengurus olahraga di berbagai daerah, mulai dari tingkat provinsi hingga kecamatan. Hal ini sangat berguna untuk membangun koneksi, berbagi pengalaman, serta mendapatkan informasi terbaru mengenai perkembangan olahraga pendidikan dan prestasi di Indonesia.</p></li></p>
  343.                    </div>
  344.                    <div class="item flex-grow-1 max-w-370 bd-one bd-c-black-10 bd-ra-14 px-26 pt-51 pb-35 bg-white text-center hover-scale-1-1">
  345.                        <img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/Setting/8461733937757.webp" class="mb-20" alt=""/>
  346.                        <h4 class="fs-24 fw-500 lh-28 text-black-color pb-9">Kontribusi untuk Pengembangan Olahraga Pendidikan</h4>
  347.                        <p class="fs-18 fw-400 lh-28 text-para-color"><p><span style="font-size: medium;" _msttexthash="52147225" _msthash="288">BAPOPSI berfokus pada pembinaan dan pengembangan olahraga pelajar yang meliputi olahraga pendidikan, rekreasi, dan prestasi. Bergabung dengan BAPOPSI berarti menjadi bagian dari upaya untuk memajukan olahraga di tingkat pelajar dan menciptakan bibit-bibit atlet masa depan yang berkualitas di seluruh Indonesia.</span><br></p></p>
  348.                    </div>
  349.                </div>
  350.            </div>
  351.        </div>
  352.    </section>
  353.    <!-- End Join with community -->
  354.  
  355.    
  356.    <!-- Start About -->
  357.    <section class="position-relative" id="about-us-section">
  358.        <div class="about-img position-absolute bottom-0 start-0 d-none d-xl-block"><img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/Setting/6201733938237.jpeg" alt=""/></div>
  359.        <div class="container">
  360.            <div class="row justify-content-center justify-content-xl-end">
  361.                <div class="col-xl-8 col-lg-10">
  362.                    <div class="about-content">
  363.                        <span class="py-15 px-25 d-inline-block mb-29 bg-white bd-ra-12 fs-18 fw-400 lh-18 text-black-color">About Us</span>
  364.                        <h4 class="pb-32 fs-50 fw-700 lh-46 text-black-color">Tentang Kami</h4>
  365.                        <div class="list-pb-22">
  366.                            <ul class="list-pb-22"><li class="d-flex align-items-start cg-12"><ul><li><ul><li style="margin-bottom: 0px; font-style: normal; font-variant-caps: normal; font-stretch: normal; font-size: 13px; line-height: normal; font-family: &quot;Helvetica Neue&quot;; font-size-adjust: none; font-kerning: auto; font-variant-alternates: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-position: normal; font-feature-settings: normal; font-optical-sizing: auto; font-variation-settings: normal;"><p><strong>Badan Pembina Olahraga Pelajar Seluruh Indonesia (BAPOPSI) Wakatobi</strong> adalah organisasi yang berkomitmen untuk mengembangkan olahraga di kalangan pelajar di Kabupaten Wakatobi. Kami hadir untuk mendukung pembinaan, pelatihan, dan pengembangan potensi olahraga di tingkat pendidikan, guna menciptakan generasi muda yang sehat, berprestasi, dan berkarakter.</p><p>Sebagai bagian dari misi kami, Bapopsi Wakatobi berperan aktif dalam:</p><ul><li>Menyelenggarakan kompetisi olahraga pelajar untuk meningkatkan kompetensi dan sportivitas.</li><li>Mengembangkan program pelatihan berbasis potensi lokal untuk membina atlet muda berbakat.</li><li>Menjalin kerja sama dengan sekolah, pemerintah, dan komunitas olahraga dalam meningkatkan fasilitas dan akses terhadap pendidikan olahraga.</li><li>Mendorong partisipasi pelajar dalam berbagai ajang olahraga, baik di tingkat regional, nasional, maupun internasional.</li></ul><p>Dengan semangat <em>"Membangun Generasi Emas Melalui Olahraga,"</em> Bapopsi Wakatobi percaya bahwa olahraga bukan hanya tentang kemenangan, tetapi juga tentang pembentukan karakter, disiplin, dan kerja sama yang menjadi bekal masa depan.</p><p><strong>Visi:</strong><br>Menjadi organisasi terdepan dalam pembinaan olahraga pelajar untuk mewujudkan pelajar Wakatobi yang sehat, unggul, dan berprestasi.</p><p><strong>Misi:</strong></p><ol><li>Menggalakkan olahraga di kalangan pelajar melalui berbagai program inovatif.</li><li>Memberikan pendampingan dan pelatihan kepada atlet muda berbakat.</li><li>Meningkatkan sarana dan prasarana olahraga di lingkungan pendidikan.</li><li>Membangun jejaring kerja sama yang kuat dengan berbagai pemangku kepentingan.</li></ol></li></ul><ol>
  367. </ol></li></ul></li></ul>
  368.                        </div>
  369.                    </div>
  370.                </div>
  371.            </div>
  372.        </div>
  373.    </section>
  374.    <!-- End About -->
  375.  
  376.    <!-- Start Upcoming Events -->
  377.        <!-- End Upcoming Events -->
  378.  
  379.    <!-- Start Stories -->
  380.    <section class="pt-110 pb-110 position-relative">
  381.        <div class="world-map"><img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/frontend/images/world-map.png" alt=""/></div>
  382.        <div class="container position-relative">
  383.            <div class="row">
  384.                <div class="col-lg-6">
  385.                    <div class="header-one">
  386.                        <span class="d-inline-block py-15 px-25 bg-color4 bd-ra-12 fs-18 fw-400 lh-18 text-black-color mb-19">Stories</span>
  387.                        <h4 class="fs-50 fw-700 lh-60 text-black-color pb-38">Our Stories</h4>
  388.                    </div>
  389.                    <ul class="stories-list">
  390.                                                    <li class="hover-scale-img">
  391.                                <div class="img"><img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/stories/4071733757518.jpeg" alt="PENYERAHAN HADIAH FORNAS KE VII JABAR"/></div>
  392.                                <div class="content">
  393.                                    <div class="d-flex align-items-center cg-11 pb-10">
  394.                                        <div class="d-flex"><img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/frontend/images/icon/calendar-1.svg" alt=""></div>
  395.                                        <p class="fs-18 fw-400 lh-18 text-para-color">
  396.                                            Dec 09, 2024</p>
  397.                                    </div>
  398.                                    <h4 class="mb-16 min-h-68 line-clamp-2 sf-text-ellipsis fs-24 fw-500 lh-34 text-black-color">
  399.                                        PENYERAHAN HADIAH FORNAS KE VII JABAR</h4>
  400.                                    <a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/view-stories/PENYERAHAN-HADIAH-FORNAS-KE-VII-JABAR" class="d-flex align-items-center cg-16 fs-18 fw-600 lh-28 text-black-color">
  401.                                        Know More
  402.                                        <span><i class="fa-solid fa-arrow-right"></i></span>
  403.                                    </a>
  404.                                </div>
  405.                            </li>
  406.                                                    <li class="hover-scale-img">
  407.                                <div class="img"><img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/stories/6811733756900.jpg" alt="BERSAMA KETUA KORMI NASIONAL"/></div>
  408.                                <div class="content">
  409.                                    <div class="d-flex align-items-center cg-11 pb-10">
  410.                                        <div class="d-flex"><img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/frontend/images/icon/calendar-1.svg" alt=""></div>
  411.                                        <p class="fs-18 fw-400 lh-18 text-para-color">
  412.                                            Dec 09, 2024</p>
  413.                                    </div>
  414.                                    <h4 class="mb-16 min-h-68 line-clamp-2 sf-text-ellipsis fs-24 fw-500 lh-34 text-black-color">
  415.                                        BERSAMA KETUA KORMI NASIONAL</h4>
  416.                                    <a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/view-stories/BERSAMA-KETUA-KORMI-NASIONAL" class="d-flex align-items-center cg-16 fs-18 fw-600 lh-28 text-black-color">
  417.                                        Know More
  418.                                        <span><i class="fa-solid fa-arrow-right"></i></span>
  419.                                    </a>
  420.                                </div>
  421.                            </li>
  422.                                            </ul>
  423.                </div>
  424.                <div class="col-lg-6">
  425.                    <div class="stories-right">
  426.                        <h4 class="max-w-291 pb-17 fs-36 fw-700 lh-46 text-black-color">
  427.                            Your network around the globe.</h4>
  428.                        <p class="max-w-486 pb-26 fs-18 fw-400 lh-28 text-para-color">
  429.                            Connect alumni with mentors or coaches who can offer them guidance, advice, or feedback on their personal or professional goals, They can also help them expand their network.
  430.                        </p>
  431.                        <a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/login" class="mb-54 py-15 px-32 bd-ra-12 d-inline-flex align-items-center cg-16 bg-primary-color fs-18 fw-600 lh-28 text-black-color hover-bg-color-one">
  432.                            Join Community
  433.                            <i class="fa-solid fa-long-arrow-right"></i>
  434.                        </a>
  435.                        <div class="d-flex justify-content-center flex-sm-wrap flex-md-nowrap flex-column flex-sm-row align-items-center align-items-sm-start g-24">
  436.  
  437.                            <div class="flex-grow-1 max-w-sm-188 w-100 p-30 bd-one bd-c-black-10 bd-ra-10 bg-event-bg d-flex flex-column justify-content-center align-items-center hover-scale-1-1 countUp-item">
  438.                                <h4 class="fs-36 fw-600 lh-36 text-black-color counter">
  439.                                    2
  440.                                </h4>
  441.                                <p class="fs-18 fw-400 lh-28 text-para-color">Member</p>
  442.                            </div>
  443.                            <div class="flex-grow-1 max-w-sm-188 w-100 p-30 bd-one bd-c-black-10 bd-ra-10 bg-event-bg d-flex flex-column justify-content-center align-items-center hover-scale-1-1 countUp-item">
  444.                                <h4 class="fs-36 fw-600 lh-36 text-black-color counter">
  445.                                    1
  446.                                </h4>
  447.                                <p class="fs-18 fw-400 lh-28 text-para-color">Department&#039;s</p>
  448.                            </div>
  449.                            <div class="flex-grow-1 max-w-sm-188 w-100 p-30 bd-one bd-c-black-10 bd-ra-10 bg-event-bg d-flex flex-column justify-content-center align-items-center hover-scale-1-1 countUp-item">
  450.                                <h4 class="fs-36 fw-600 lh-36 text-black-color counter">
  451.                                    1
  452.                                </h4>
  453.                                <p class="fs-18 fw-400 lh-28 text-para-color">Sessions</p>
  454.                            </div>
  455.                        </div>
  456.                    </div>
  457.                </div>
  458.            </div>
  459.        </div>
  460.    </section>
  461.    <!-- End Stories -->
  462.  
  463.    <!-- Start New Alumni -->
  464.    <section class="pb-110">
  465.        <div class="container">
  466.            <div class="row justify-content-center">
  467.                <div class="col-lg-6">
  468.                    <!--  -->
  469.                    <div class="text-center pb-50 header-one">
  470.                        <span class="d-inline-block py-15 px-25 bg-color4 bd-ra-12 fs-18 fw-400 lh-18 text-black-color mb-25">New Alumni</span>
  471.                        <h4 class="fs-50 fw-700 lh-60 text-black-color pb-14">Recent Join Alumni</h4>
  472.                        <p class="fs-18 fw-400 lh-28 text-para-color">
  473.                            The Alumni Association leverages the resources, talents, and initiatives of alumni and friends to advise, guide, advocate for and support the Association.
  474.                        </p>
  475.                    </div>
  476.                </div>
  477.            </div>
  478.            <!--  -->
  479.            <div class="row rg-24">
  480.                                    <div class="col-lg-3 col-md-4 col-sm-6">
  481.                        <div class="bd-ra-25 bg-event-bg hover-scale-img">
  482.                            <div class="bd-ra-25 overflow-hidden h-341">
  483.                                <img class="w-100 h-100 object-fit-cover" src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/user/9591733670603.jpg" alt="Muharmin"/>
  484.                            </div>
  485.                            <div class="pt-21 pb-23 px-10 text-center">
  486.                                <h4 class="fs-20 fw-600 lh-28 text-black-color pb-2">Muharmin</h4>
  487.                                <p class="fs-18 fw-400 lh-28 text-para-color">,
  488.                                    Batch </p>
  489.                            </div>
  490.                        </div>
  491.                    </div>
  492.                            </div>
  493.        </div>
  494.    </section>
  495.    <!-- End New Alumni -->
  496.  
  497.    <!-- Start Gallery -->
  498.    <section class="pb-110">
  499.        <div class="container">
  500.            <!--  -->
  501.            <div class="row justify-content-center">
  502.                <div class="col-lg-5">
  503.                    <!--  -->
  504.                    <div class="text-center pb-50 header-one">
  505.                        <span class="d-inline-block py-15 px-25 bg-color4 bd-ra-12 fs-18 fw-400 lh-18 text-black-color mb-25">Gallery</span>
  506.                        <h4 class="fs-50 fw-700 lh-60 text-black-color pb-14">Image Gallery</h4>
  507.                        <p class="fs-18 fw-400 lh-28 text-para-color">
  508.                            The Alumni Association leverages the resources, talents, and initiatives of alumni and friends to advise.
  509.                        </p>
  510.                    </div>
  511.                </div>
  512.            </div>
  513.            <div class="swiper imageGallery">
  514.                <div class="swiper-wrapper">
  515.                                            <div class="swiper-slide">
  516.                            <div class="galleryImage-item bd-ra-25 overflow-hidden galleryMain">
  517.                                <a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/storage/uploads/image-galleries/3801733938552.jpg" title="Pelatikan Pengurus Baposi Wakatobi">
  518.                                    <img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/image-galleries/3801733938552.jpg" alt="Pelatikan Pengurus Baposi Wakatobi" class="w-100 h-100 object-fit-cover"/>
  519.                                </a>
  520.                            </div>
  521.                        </div>
  522.                                            <div class="swiper-slide">
  523.                            <div class="galleryImage-item bd-ra-25 overflow-hidden galleryMain">
  524.                                <a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/storage/uploads/image-galleries/8431733938608.jpeg" title="Lomba Takro Bapopai Wakatobi">
  525.                                    <img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/image-galleries/8431733938608.jpeg" alt="Lomba Takro Bapopai Wakatobi" class="w-100 h-100 object-fit-cover"/>
  526.                                </a>
  527.                            </div>
  528.                        </div>
  529.                                            <div class="swiper-slide">
  530.                            <div class="galleryImage-item bd-ra-25 overflow-hidden galleryMain">
  531.                                <a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/storage/uploads/image-galleries/4601733938648.jpeg" title="Baposi Wakatobi">
  532.                                    <img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/image-galleries/4601733938648.jpeg" alt="Baposi Wakatobi" class="w-100 h-100 object-fit-cover"/>
  533.                                </a>
  534.                            </div>
  535.                        </div>
  536.                                            <div class="swiper-slide">
  537.                            <div class="galleryImage-item bd-ra-25 overflow-hidden galleryMain">
  538.                                <a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/storage/uploads/image-galleries/8111733938671.jpg" title="Pelatikan Pengurus Baposi Wakatobi">
  539.                                    <img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/image-galleries/8111733938671.jpg" alt="Pelatikan Pengurus Baposi Wakatobi" class="w-100 h-100 object-fit-cover"/>
  540.                                </a>
  541.                            </div>
  542.                        </div>
  543.                                            <div class="swiper-slide">
  544.                            <div class="galleryImage-item bd-ra-25 overflow-hidden galleryMain">
  545.                                <a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/storage/uploads/image-galleries/4551733938682.jpg" title="Pelatikan Pengurus Baposi Wakatobi">
  546.                                    <img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/image-galleries/4551733938682.jpg" alt="Pelatikan Pengurus Baposi Wakatobi" class="w-100 h-100 object-fit-cover"/>
  547.                                </a>
  548.                            </div>
  549.                        </div>
  550.                                    </div>
  551.                <div class="gallery-button">
  552.                    <div class="swiper-button-next"><i class="fa-solid fa-long-arrow-right"></i></div>
  553.                    <div class="swiper-button-prev"><i class="fa-solid fa-long-arrow-left"></i></div>
  554.                </div>
  555.            </div>
  556.        </div>
  557.    </section>
  558.    <!-- End Gallery -->
  559.  
  560.    <!-- Start Blog -->
  561.    <section class="pb-110">
  562.        <div class="container">
  563.            <!--  -->
  564.            <div class="row justify-content-center">
  565.                <div class="col-lg-5">
  566.                    <!--  -->
  567.                    <div class="text-center pb-50 header-one">
  568.                        <span class="d-inline-block py-15 px-25 bg-color4 bd-ra-12 fs-18 fw-400 lh-18 text-black-color mb-25">Alumni Blogs</span>
  569.                        <h4 class="fs-50 fw-700 lh-60 text-black-color pb-14">News &amp; Views from our community.
  570.                        </h4>
  571.                        <p class="fs-18 fw-400 lh-28 text-para-color">
  572.                            Explore news, views and perspectives from us and your alumni community.
  573.                        </p>
  574.                    </div>
  575.                </div>
  576.            </div>
  577.            <!--  -->
  578.            <div class="row rg-24 pb-50">
  579.                                    <div class="col-lg-4 col-md-6">
  580.                        <div class="hover-scale-img bd-one bd-c-black-10 bd-ra-25 bg-event-bg hover-scale-img">
  581.                            <div class="bd-ra-14 overflow-hidden h-234 position-relative">
  582.                                <img class="w-100 h-100 object-fit-cover" src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/news/3581733940688.jpg" alt="Pra-Popnas Zona IV 2024 Resmi Dibuka di Kendari, 976 Atlet Pelajar Siap Bertanding"/>
  583.                                <p class="frontendNews position-absolute top-22 left-22 p-10 bd-ra-10 bg-primary-color max-w-77 fs-16 fw-400 lh-19 text-black-color text-center">
  584.                                    Dec 12, 2024</p>
  585.                            </div>
  586.                            <div class="pt-29 pb-34 px-25">
  587.                                <div class="d-flex align-items-center cg-10 pb-10">
  588.                                    <div class="w-30 h-30 rounded-circle overflow-hidden"><img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/user/9591733670603.jpg" alt="Muharmin"/></div>
  589.                                    <p class="fs-16 fw-400 lh-14 text-para-color">BY : Muharmin,
  590.                                        Edukasi Olahraga</p>
  591.                                </div>
  592.                                <h4 class="fs-24 fw-600 lh-34 text-black-color mb-25 line-clamp-2 sf-text-ellipsis min-h-68">
  593.                                    Pra-Popnas Zona IV 2024 Resmi Dibuka di Kendari, 976 Atlet Pelajar Siap Bertanding</h4>
  594.                                <a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/news-view-details/Pra-Popnas-Zona-IV-2024-Resmi-Dibuka-di-Kendari-976-Atlet-Pelajar-Siap-Bertanding" class="fs-18 fw-600 lh-28 text-black-color d-inline-flex align-items-center cg-16 hover-color-primary">
  595.                                    Read More
  596.                                    <i class="fa-solid fa-long-arrow-right"></i>
  597.                                </a>
  598.                            </div>
  599.                        </div>
  600.                    </div>
  601.                                    <div class="col-lg-4 col-md-6">
  602.                        <div class="hover-scale-img bd-one bd-c-black-10 bd-ra-25 bg-event-bg hover-scale-img">
  603.                            <div class="bd-ra-14 overflow-hidden h-234 position-relative">
  604.                                <img class="w-100 h-100 object-fit-cover" src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/news/7981733940324.jpg" alt="BAPOPSI Sultra Latih 500 Pelatih Cabang Olahraga di Kendari"/>
  605.                                <p class="frontendNews position-absolute top-22 left-22 p-10 bd-ra-10 bg-primary-color max-w-77 fs-16 fw-400 lh-19 text-black-color text-center">
  606.                                    Dec 12, 2024</p>
  607.                            </div>
  608.                            <div class="pt-29 pb-34 px-25">
  609.                                <div class="d-flex align-items-center cg-10 pb-10">
  610.                                    <div class="w-30 h-30 rounded-circle overflow-hidden"><img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/user/9591733670603.jpg" alt="Muharmin"/></div>
  611.                                    <p class="fs-16 fw-400 lh-14 text-para-color">BY : Muharmin,
  612.                                        Edukasi Olahraga</p>
  613.                                </div>
  614.                                <h4 class="fs-24 fw-600 lh-34 text-black-color mb-25 line-clamp-2 sf-text-ellipsis min-h-68">
  615.                                    BAPOPSI Sultra Latih 500 Pelatih Cabang Olahraga di Kendari</h4>
  616.                                <a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/news-view-details/BAPOPSI-Sultra-Latih-500-Pelatih-Cabang-Olahraga-di-Kendari" class="fs-18 fw-600 lh-28 text-black-color d-inline-flex align-items-center cg-16 hover-color-primary">
  617.                                    Read More
  618.                                    <i class="fa-solid fa-long-arrow-right"></i>
  619.                                </a>
  620.                            </div>
  621.                        </div>
  622.                    </div>
  623.                            </div>
  624.            <div class="text-center">
  625.                <a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/our-news" class="align-items-center bd-c-black-color bd-one bd-ra-12 bg-white cg-16 d-inline-flex fs-18 fw-600 hover-bg-color-primary hover-border-color-primary justify-content-center lh-28 px-32 py-15 text-black-color">
  626.                    Explore All Blogs
  627.                    <i class="fa-solid fa-long-arrow-right"></i>
  628.                </a>
  629.            </div>
  630.        </div>
  631.    </section>
  632.    <!-- End Blog -->
  633.  
  634. <!-- Start Join Community -->
  635. <section>
  636.    <div class="continer">
  637.        <form class="ajax reset" action="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/news-subscription-letter-email" method="post" data-handler="commonResponseForModal">
  638.            <input type="hidden" name="_token" value="gWqNYgQ9XSy7RbEOVZSiSTJC1OqasIMsxhr6dPll">            <div class="join-community flex-column" data-background="https://bapopsiwakatobi.org/frontend/images/community-bg.png">
  639.                <div class="left max-w-498 m-auto">
  640.                    <h4 class="fs-36 fw-600 lh-36 text-black-color pb-15">Subscribe Our Newsletter</h4>
  641.                </div>
  642.                <div class="d-flex flex-column flex-md-row justify-content-center align-items-start g-10 w-100">
  643.                    <div class="max-w-437 align-self-stretch w-100">
  644.                        <input type="email" name="email" class="form-control zForm-control frontEnd-formControl h-100" placeholder="Enter email address">
  645.                    </div>
  646.                    <button type="submit" class="border-0 py-15 px-32 bd-ra-12 flex-shrink-0 d-flex align-items-center cg-16 bg-white hover-bg-color-black hover-color-white fs-18 fw-600 lh-28 text-black-color">
  647.                        Submit
  648.                        <i class="fa-solid fa-long-arrow-right"></i>
  649.                    </button>
  650.                </div>
  651.            </div>
  652.        </form>
  653.    </div>
  654.  
  655. </section>
  656. <!-- End Join Community -->
  657. <!-- Start Footer -->
  658. <footer class="footer-section">
  659.    <div class="container">
  660.        <div class="footer-top">
  661.            <div class="row">
  662.                <div class="col-lg-4 col-md-6 col-sm-10">
  663.                    <div class="max-w-193 pb-15"><img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/storage/uploads/Setting/9041733939717.png" alt="BAPOPSI WAKATOBI"/></div>
  664.                    <p class="fs-18 fw-500 lh-28 text-white pb-32 pr-lg-24">KORMI Wakatobi (Komite Olahraga Rekreasi Masyarakat Indonesia Kabupaten Wakatobi) adalah organisasi yang mewadahi berbagai kegiatan olahraga rekreasi, tradisional, dan kebugaran di Kabupaten Wakatobi.</p>
  665.                    <ul class="d-flex align-items-center flex-wrap g-7">
  666.                        <li>
  667.                            <a target="__blank" href="" class="d-flex justify-content-center align-items-center w-50 h-50 rounded-circle bg-white hover-bg-color-primary"><img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/frontend/images/icon/facebook.svg" alt=""/></a>
  668.                        </li>
  669.                        <li>
  670.                            <a target="__blank" href="https://web.archive.org/web/20241214013633/https://www.google.com/" class="d-flex justify-content-center align-items-center w-50 h-50 rounded-circle bg-white hover-bg-color-primary"><img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/frontend/images/icon/twitter.svg" alt=""/></a>
  671.                        </li>
  672.                        <li>
  673.                            <a target="__blank" href="https://web.archive.org/web/20241214013633/https://www.youtube.com/@DOU1289/videos" class="d-flex justify-content-center align-items-center w-50 h-50 rounded-circle bg-white hover-bg-color-primary"><img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/frontend/images/icon/linkedin.svg" alt=""/></a>
  674.                        </li>
  675.                        <li>
  676.                            <a target="__blank" href="https://web.archive.org/web/20241214013633/https://www.google.com/" class="d-flex justify-content-center align-items-center w-50 h-50 rounded-circle bg-white hover-bg-color-primary"><img src="https://web.archive.org/web/20241214013633im_/https://bapopsiwakatobi.org/frontend/images/icon/instagram.svg" alt=""/></a>
  677.                        </li>
  678.                    </ul>
  679.                </div>
  680.                <div class="col-lg-4 offset-md-1 offset-lg-0 col-md-5 col-sm-10">
  681.                    <div class="pl-xl-75">
  682.                        <h4 class="fs-24 fw-600 lh-28 text-white pb-25">Useful Link</h4>
  683.                        <ul class="footer-nav">
  684.                            <li><a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/our-notice" class="fs-18 fw-500 lh-28 text-white-80 hover-color-white">Notice</a></li>
  685.                            <li><a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/page/privacy_policy" class="fs-18 fw-500 lh-28 text-white-80 hover-color-white">Privacy Policy</a>
  686.                            </li>
  687.                            <li><a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/all-event" class="fs-18 fw-500 lh-28 text-white-80 hover-color-white">Events</a></li>
  688.                            <li><a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/page/cookie_policy" class="fs-18 fw-500 lh-28 text-white-80 hover-color-white">Cookie Policy</a>
  689.                            </li>
  690.                            <li><a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/all-stories" class="fs-18 fw-500 lh-28 text-white-80 hover-color-white">Stories</a>
  691.                            <li><a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/page/terms_condition" class="fs-18 fw-500 lh-28 text-white-80 hover-color-white">Terms &amp; Condition</a>
  692.                            </li>
  693.                            <li><a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/our-news" class="fs-18 fw-500 lh-28 text-white-80 hover-color-white">News</a>
  694.                            </li>
  695.                            <li><a href="https://web.archive.org/web/20241214013633/https://bapopsiwakatobi.org/page/refund_policy" class="fs-18 fw-500 lh-28 text-white-80 hover-color-white">Refund Policy</a>
  696.                            </li>
  697.                        </ul>
  698.                    </div>
  699.                </div>
  700.                <div class="col-lg-4 col-md-6 col-sm-10">
  701.                    <div class="pl-lg-60">
  702.                        <h4 class="fs-24 fw-600 lh-28 text-white pb-25">Contact Us</h4>
  703.                        <ul class="list-pb-13">
  704.                            <li>
  705.                                <p class="fs-18 fw-500 lh-28 text-white-80">Indonesia</p>
  706.                            </li>
  707.                            <li>
  708.                                <p class="fs-18 fw-500 lh-28 text-white-80">Phone:
  709.                                    +62823-6277784</p>
  710.                            </li>
  711.                            <li>
  712.                                <p class="fs-18 fw-500 lh-28 text-white-80">Email:
  713.                                    <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="99f8fdf4f0f7d9fbf8e9f6e9eaf0eef8f2f8edf6fbf0b7f6ebfe">[email&#160;protected]</a></p>
  714.                            </li>
  715.                        </ul>
  716.                    </div>
  717.                </div>
  718.            </div>
  719.        </div>
  720.        <div class="footer-bottom">
  721.            <p class="fs-13 fw-400 lh-20 text-white text-center">© 2023 BAPOPSI WAKATOBI. All Rights Reserved.</p>
  722.        </div>
  723.    </div>
  724. </footer>
  725. <!-- End Footer -->
  726.  
  727.    <div class="cookie-consent-wrap shadow-lg">
  728.        <div class="js-cookie-consent cookie-consent fixed bottom-0 inset-x-0 pb-2 bg-white text-light">
  729.    <div class="max-w-7xl mx-auto px-6">
  730.        <div class="p-2 rounded-lg bg-yellow-100">
  731.            <div class="flex items-center justify-between flex-wrap">
  732.                <div class="w-0 flex-1 items-center hidden md:inline pt-2">
  733.                    <p class="ml-3 text-black cookie-consent__message">
  734.                                                    Your experience on this site will be improved by allowing cookies.
  735.                                            </p>
  736.                </div>
  737.                <div class="mt-2 flex-shrink-0 w-full sm:mt-0 sm:w-auto">
  738.                    <button class="js-cookie-consent-agree fs-15 fw-500 lh-25 text-black py-10 px-26 bg-cdef84 bd-ra-12 hover-bg-one border-0">
  739.                        Allow cookies
  740.                    </button>
  741.                </div>
  742.            </div>
  743.        </div>
  744.    </div>
  745. </div>
  746.  
  747.    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
  748.  
  749.        window.laravelCookieConsent = (function () {
  750.  
  751.            const COOKIE_VALUE = 1;
  752.            const COOKIE_DOMAIN = 'bapopsiwakatobi.org';
  753.  
  754.            function consentWithCookies() {
  755.                setCookie('laravel_cookie_consent', COOKIE_VALUE, 7300);
  756.                hideCookieDialog();
  757.            }
  758.  
  759.            function cookieExists(name) {
  760.                return (document.cookie.split('; ').indexOf(name + '=' + COOKIE_VALUE) !== -1);
  761.            }
  762.  
  763.            function hideCookieDialog() {
  764.                const dialogs = document.getElementsByClassName('js-cookie-consent');
  765.  
  766.                for (let i = 0; i < dialogs.length; ++i) {
  767.                    dialogs[i].style.display = 'none';
  768.                }
  769.            }
  770.  
  771.            function setCookie(name, value, expirationInDays) {
  772.                const date = new Date();
  773.                date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000));
  774.                document.cookie = name + '=' + value
  775.                    + ';expires=' + date.toUTCString()
  776.                    + ';domain=' + COOKIE_DOMAIN
  777.                    + ';path=/'
  778.                    + ';samesite=lax';
  779.            }
  780.  
  781.            if (cookieExists('laravel_cookie_consent')) {
  782.                hideCookieDialog();
  783.            }
  784.  
  785.            const buttons = document.getElementsByClassName('js-cookie-consent-agree');
  786.  
  787.            for (let i = 0; i < buttons.length; ++i) {
  788.                buttons[i].addEventListener('click', consentWithCookies);
  789.            }
  790.  
  791.            return {
  792.                consentWithCookies: consentWithCookies,
  793.                hideCookieDialog: hideCookieDialog
  794.            };
  795.        })();
  796.    </script>
  797.  
  798.    </div>
  799. <!-- js file  -->
  800. <script src="https://web.archive.org/web/20241214013633js_/https://bapopsiwakatobi.org/frontend/js/jquery-3.7.0.min.js"></script>
  801. <script src="https://web.archive.org/web/20241214013633js_/https://bapopsiwakatobi.org/frontend/js/bootstrap.min.js"></script>
  802. <script src="https://web.archive.org/web/20241214013633js_/https://bapopsiwakatobi.org/frontend/js/plugins.js?ver=0"></script>
  803. <script src="https://web.archive.org/web/20241214013633js_/https://bapopsiwakatobi.org/frontend/js/main.js?ver=0"></script>
  804. <script src="https://web.archive.org/web/20241214013633js_/https://bapopsiwakatobi.org/common/js/common.js?ver=0"></script>
  805.  
  806.    <script></script>
  807.  
  808. <script>
  809.    var currencySymbol = "Rp";
  810.    var currencyPlacement = "after";
  811.  
  812.                
  813.    </script>
  814. </body>
  815.  
  816. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda