CINXE.COM
PERKI - Indonesian Heart Association
<!doctype html> <html lang="en"> <head> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-16NT0K2HV2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-16NT0K2HV2'); </script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors"> <title>PERKI - Indonesian Heart Association</title> <link rel="shortcut icon" href="https://inaheart.org/img/perki-logo.png"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" integrity="sha512-mSYUmp1HYZDFaVKK//63EcZq4iFWFjxSL+Z3T/aCt4IO9Cejm03q3NKKYN6pFQzY0SBOr8h+eCIAZHPXcpZaNw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link href="https://inaheart.org/css/base.css?v=1740152388" rel="stylesheet" /> <link href="https://inaheart.org/css/layouts.css?v=1740152388" rel="stylesheet" /> <link href="https://inaheart.org/css/modules.css?v=1740152388" rel="stylesheet" /> <!-- <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap" rel="stylesheet"> --> <meta name="csrf-token" content="THWlOQNENFe0Gx8sh4ctj6Jz4vYtLYX64p5O3gih" /> </head> <body> <header id="desktop_navbar" class="container-fluid px-0"> <div class="container top-menu d-flex justify-content-between"> <div class="navbar_menu d-flex align-items-center"> <a href="https://inaheart.org" class="px-4"> <p class="mb-0">Home</p> </a> <a href="https://inaheart.org/contact-us"> <p class="mb-0">Contact Us</p> </a> </div> <div class="d-flex"> <div class="login-btn-container bg-primary d-flex justify-content-center align-items-center"> <a href="https://inaheart.org/login" class="login-btn w-100 justify-content-center d-flex align-items-center"> <p class="mb-0 text-white mr-2">Login</p> <i class="fa fa-user text-white mx-2"></i> </a> </div> </div> </div> <div class="main-menu-container d-flex align-items-center"> <div class="container main-menu d-flex align-items-center"> <a href="https://inaheart.org"> <img src="https://inaheart.org/img/perki-logo.png" class="logo" alt="PERKI LOGO" /> </a> <ul class="menu-list d-flex mb-0"> <li> <a href="https://inaheart.org/about" class="navbar_main_list_item"> <div class="heart_rate_icon" alt="heart-rate-icon"></div> <p class="mb-0">About</p> </a> </li> <li> <a href="https://inaheart.org/chapter" class="navbar_main_list_item"> <div class="heart_rate_icon" alt="heart-rate-icon"></div> <p class="mb-0">Chapters</p> </a> </li> <li> <a href="https://inaheart.org/working-group" class="navbar_main_list_item"> <div class="heart_rate_icon" alt="heart-rate-icon"></div> <p class="mb-0">Working Groups</p> </a> </li> <li> <a href="https://inaheart.org/events" class="navbar_main_list_item"> <div class="heart_rate_icon" alt="heart-rate-icon"></div> <p class="mb-0">Events</p> </a> </li> <li> <a href="https://inaheart.org/news" class="navbar_main_list_item"> <div class="heart_rate_icon" alt="heart-rate-icon"></div> <p class="mb-0">News & Article</p> </a> </li> <li> <a href="https://inaheart.org/publications" class="navbar_main_list_item"> <div class="heart_rate_icon" alt="heart-rate-icon"></div> <p class="mb-0">Guidelines, Statements<br>& Publications</p> </a> </li> <li> <a href="https://inaheart.org/members" class="navbar_main_list_item"> <div class="heart_rate_icon" alt="heart-rate-icon"></div> <p class="mb-0">Search Inaheart <br> Members</p> </a> </li> <li> <a href="https://www.ijconline.id/index.php/ijc" target="_blank" class="navbar_main_list_item"> <div class="heart_rate_icon" alt="heart-rate-icon"></div> <p class="mb-0">Indonesian <br> Journal of Cardiology</p> </a> </li> <li> <a href="https://inaheart.org/acls" class="navbar_main_list_item"> <div class="heart_rate_icon" alt="heart-rate-icon"></div> <p class="mb-0">Courses &<br>Education</p> </a> </li> </ul> </div> </div> </header> <header id="sm_navbar" class="container py-2"> <div class="sm-main-menu"> <div class="d-flex align-items-center justify-content-between"> <a href="javascript:void(0)" class="btn-sm-bars"> <i class="fa fa-bars text-grey"></i> </a> <a href="https://inaheart.org"> <img src="https://inaheart.org/img/perki-logo.png" class="logo" alt="PERKI LOGO" /> </a> <a href="https://inaheart.org/login"> <i class="fa fa-user text-grey"></i> </a> </div> </div> </header> <div class="sm-list-menu bg-white"> <ul> <li> <a href="https://inaheart.org">Home</a> </li> <li> <a href="https://inaheart.org/contact-us">Contact Us</a> </li> <li> <a href="https://inaheart.org/login">Login</a> </li> <li> <a href="https://inaheart.org/about">About</a> </li> <li> <a href="https://inaheart.org/chapter">Chapters</a> </li> <li> <a href="https://inaheart.org/working-group">Working Groups</a> </li> <li> <a href="https://inaheart.org/events">Events</a> </li> <li> <a href="https://inaheart.org/news">News & Articles</a> </li> <li> <a href="https://inaheart.org/guidelines">Guidelines & Statements</a> </li> <li> <a href="https://inaheart.org/members">Search Inaheart Members</a> </li> <li> <a href="https://www.ijconline.id/index.php/ijc" target="_blank">Indonesian Journal of Cardiology</a> </li> <li> <a href="https://inaheart.org/acls">Courses & Education</a> </li> </ul> </div> <div id="toppage"> <div class=""> <!-- BANNER --> <div class="container-fluid banner-section"> <div class="row d-flex align-items-center"> <div class="col-6 col-md-5 offset-md-1"> <h1 class="fw-bold mb-3 lato-bold">Indonesian Heart Association</h1> <p class="mb-3">Perhimpunan Dokter Spesialis Jantung dan Pembuluh Darah Indonesia</p> </div> <div class="col-6 col-md-6 px-0"> <div class="banner-img-container"> <img src="https://inaheart.org/img/banner.png" class="img-fluid d-none d-md-block" alt="Indonesian Heart Association"> <img src="https://inaheart.org/img/banner-sm.png" class="img-fluid d-block d-md-none" alt="Indonesian Heart Association"> </div> </div> </div> </div> <!-- EVENT --> <div class="container event-section"> <h2 class="text-center fw-bold pb-3">Upcoming PERKI Events</h2> <div class="warning-message news-no-data d-flex flex-column align-items-center justify-content-center"> <img src="https://inaheart.org/img/perki-logo.png" class="logo-icon my-3" alt="PERKI LOGO" /> <h3 class="mb-2 fw-bold">No Data Found</h3> <p class="">There are no active event at the moment.</p> </div> <div class="warning-message news-loading-data d-flex flex-column align-items-center justify-content-center"> <img src="https://inaheart.org/img/perki-logo.png" class="logo-icon my-3" alt="PERKI LOGO" /> <h3 class="mb-2 fw-bold">Loading Data</h3> </div> <div class="news-loaded-data "> <div class="slideshow-container"></div> <button class="prev-slide-btn btn-navigation btn light"> <i class="fa fa-chevron-left"></i> </button> <button class="next-slide-btn btn-navigation btn light"> <i class="fa fa-chevron-right"></i> </button> </div> </div> <!-- NEWS AND GUIDELINE --> <div class="container news-section"> <div class="row"> <!-- NEWS --> <div class="col-12 col-md-8"> <h2 class="mb-3 fw-bold lato-bold">InaHeartNews</h2> <div class="warning-message news-no-data d-flex flex-column align-items-center justify-content-center"> <img src="https://inaheart.org/img/perki-logo.png" class="logo-icon my-3" alt="PERKI LOGO" /> <h3 class="mb-2 fw-bold">No Data Found</h3> <p class="">There are no news found in our database.</p> </div> <div class="row news-container news-loaded-data mb-4"> </div> <div class="text-center"> <a href="https://inaheart.org/news" class="btn bg-primary btn-primary-style text-white"> <p class="mb-0 text-white">See All News</p> </a> </div> </div> <!-- GUIDELINE --> <div class="col-12 col-md-4"> <h2 class="mb-3 fw-bold lato-bold">Guidelines</h2> <div class="warning-message guideline-no-data d-flex flex-column align-items-center justify-content-center"> <img src="https://inaheart.org/img/perki-logo.png" class="logo-icon my-3" alt="PERKI LOGO" /> <h3 class="mb-2 fw-bold">No Data Found</h3> <p class="">There are no guideline found in our database.</p> </div> <div class="row guideline-container guideline-loaded-data mb-4"> </div> <div class="text-center"> <a href="https://inaheart.org/guidelines" class="btn bg-primary btn-primary-style"> <p class="mb-0 text-white">See All Guidelines</p> </a> </div> </div> </div> </div> <!-- WORKING GROUPS --> <div class="container working-group-section"> <div class="row"> <div class="col-md-12 "> <h2 class="fw-bold lato-bold text-center mb-4">Working Groups</h2> <div class="warning-message working-group-no-data d-flex flex-column align-items-center justify-content-center"> <img src="https://inaheart.org/img/perki-logo.png" class="logo-icon my-3" alt="PERKI LOGO" /> <h3 class="mb-2 fw-bold">No Data Found</h3> <p class="">There are no working group found in our database.</p> </div> <div class="working-group-loaded-data flex-column"> <div class="working-group-container row"></div> <div class="text-center mt-3"> <a href="https://inaheart.org/working-group" class="btn bg-primary btn-primary-style text-white"> <p class="mb-0 text-white">See All Working Groups</p> </a> </div> </div> </div> </div> </div> <!-- MEMBERS --> <div class="container member-section"> <div class="row"> <div class="col-md-12 "> <h2 class="fw-bold lato-bold text-center mb-4">PERKI Members</h2> <div class="warning-message member-no-data d-flex flex-column align-items-center justify-content-center"> <img src="https://inaheart.org/img/perki-logo.png" class="logo-icon my-3" alt="PERKI LOGO" /> <h3 class="mb-2 fw-bold">No Data Found</h3> <p class="">There are no member found in our database.</p> </div> <div class="member-loaded-data flex-column"> <div class="offset-md-8 col-md-4 mb-5"> <div class="input-group mb-3 search-member"> <input type="text" class="form-control" placeholder="Search members..." aria-label="Search members..." aria-describedby="button-addon2" readonly> <button class="btn btn-primary-style bg-primary text-white" type="button" id="button-addon2"><i class="fa fa-search"></i></button> </div> </div> <div class="member-container row"></div> <div class="text-center mt-3"> <a href="https://inaheart.org/members" class="btn bg-primary btn-primary-style text-white"> <p class="mb-0 text-white">Discover PERKI Members</p> </a> </div> </div> </div> </div> </div> <!-- CHAPTERS --> <div class="container chapter-section"> <div class="row"> <div class="col-md-12 "> <h2 class="fw-bold lato-bold text-center mb-4">PERKI Chapters</h2> <div class="warning-message chapter-no-data d-flex flex-column align-items-center justify-content-center"> <img src="https://inaheart.org/img/perki-logo.png" class="logo-icon my-3" alt="PERKI LOGO" /> <h3 class="mb-2 fw-bold">No Data Found</h3> <p class="">There are no chapter found in our database.</p> </div> <div class="chapter-loaded-data flex-column"> <div class="chapter-container row"></div> <div class="text-center mt-3"> <a href="https://inaheart.org/chapter" class="btn bg-primary btn-primary-style text-white"> <p class="mb-0 text-white">See All PERKI Chapters</p> </a> </div> </div> </div> </div> </div> </div> </div> <footer id="footer"> <div class="container"> <div class="row"> <div class="col-12 col-md-3 text-center footer-section"> <a href="https://inaheart.org"> <div class="logo-img-wrapper"> <img src="https://inaheart.org/img/perki-logo.png" class="footer-logo mx-auto" alt="PERKI LOGO" /> </div> </a> </div> <div class="col-12 col-md-2 footer-section"> <p class="fw-bold text-white lato-bold">Quick Links</p> <ul> <li><a href="https://inaheart.org/about">About</a></li> <li><a href="https://inaheart.org/news">News</a></li> <li><a href="https://inaheart.org/members">Search PERKI Members</a></li> <li><a href="https://inaheart.org/working-group">Working Groups</a></li> <li><a href="https://inaheart.org/chapter">PERKI Chapters</a></li> </ul> </div> <div class="col-12 col-md-3 footer-section"> <p class="fw-bold text-white"></p> <ul> <li><a href="https://inaheart.org/events">PERKI Events</a></li> <li><a href="https://inaheart.org/guidelines">Guidelines</a></li> <li><a href="https://inaheart.org/acls">ACLS</a></li> <li><a href="https://www.ijconline.id/index.php/ijc" target="_blank">Indonesian Journal of Cardiology</a></li> </ul> </div> <div class="col-12 col-md-4 footer-section"> <p class="fw-bold text-white">Contact Info</p> <ul> <li> <a href="https://maps.app.goo.gl/Xpvr98zAdYCtCoBR9" target="_blank"> <i class="fa fa-location-dot"></i> Jakarta </a> </li> <li> <a href="tel:62215681149"> <i class="fa fa-phone"></i> +62 21 568 1149 ext 101 (inaheart secretariat) </a> </li> <li> <a href="tel:62215681149"> <i class="fa fa-phone"></i> +62 21 568 1149 ext 106 (collegium inaheart) </a> </li> <li> <a href="tel:62215681149"> <i class="fa fa-phone"></i> +62 21 568 1149 ext 108 (web-support) </a> </li> <li> <a href="/cdn-cgi/l/email-protection#cab9afa9b8afbeabb8a3abbe8aa3a4aba2afabb8bee4a5b8ad"> <i class="fa fa-envelope"></i> <span class="__cf_email__" data-cfemail="2251474150475643504b4356624b4c434a474350560c4d5045">[email protected]</span> </a> </li> <li> <a href="https://www.instagram.com/inaheartperki" target="_blank"><i class="fa-brands fa-instagram"></i></a> <a href="https://www.facebook.com/inaheartpage/" target="_blank"><i class="fa-brands fa-square-facebook"></i></a> <a href="https://www.youtube.com/@inaheartnewstv8674/featured" target="_blank"><i class="fa-brands fa-youtube"></i></a> </li> </ul> </div> <div class="col-12 text-center copyright-container"> <p class="text-white">Copyright 漏 2023 PERKI</p> </div> </div> </div> </footer> <!-- Bootstrap core Javascript --> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> <script> var base_url = "https://inaheart.org" $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); </script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"> </script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js" integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V" crossorigin="anonymous"> </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js" integrity="sha512-T/tUfKSV1bihCnd+MxKD0Hm1uBBroVYBOYSk1knyvQ9VyZJpc/ALb4P0r6ubwVPSGB2GvjeoMAJJImBG12TiaQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> <script src="https://inaheart.org/js/script.js?v=1740152388"></script> <script> // $getLocalStorage = localStorage.getItem("token"); // $.ajax({ // url: "https://inaheart.org/api/user", // Replace with your own route URL // type: "GET", // dataType: "json", // headers: { // 'Authorization': 'Bearer '+$getLocalStorage // }, // success: function(data) { // // console.log(data) // // Get the element with the class "login-btn-container" // const loginBtnContainer = $('.login-btn-container'); // // Create a new HTML element to append // const logoutBtn = $(` // <a href="#" class="logout-btn w-100 h-100 justify-content-center d-flex align-items-center"> // <p class="mb-0 text-white mr-2">Logout</p> // <!-- <i class="fa fa-user text-white mx-2"></i> --> // </a> // `); // // Append the new button to the loginBtnContainer // loginBtnContainer.append(logoutBtn); // var APP_URL = "https:\/\/inaheart.org" // let welcome_text = ""; // welcome_text += "<a href='"+APP_URL+"/members/"+data.id+"'>"; // welcome_text += "<div class='d-flex align-items-center'>"; // welcome_text += " <h5 class='fw-bold text-primary mb-0 lato-bold'>Welcome, </h5>" // welcome_text += " <h5 class='mb-0'>"+data.name+"</h5>" // welcome_text += " <i class='fa fa-user-circle text-grey' style='font-size:30px;margin-left:10px'></i>" // welcome_text += "</div>"; // welcome_text += "</a>"; // $('.welcome_text').html(welcome_text) // }, // error: function(xhr, status, error) { // const loginBtnContainer = $('.login-btn-container'); // // Create a new HTML element to append // const loginBtn = $(` // <a id="btn-login" href="https://inaheart.org/login" class="login-btn h-100 w-100 justify-content-center d-flex align-items-center"> // <p class="mb-0 text-white mr-2">Login</p> // <i class="fa fa-user text-white mx-2"></i> // </a> // `); // console.log("head"); // if ($('#btn-login').length === 0) { // loginBtnContainer.append(loginBtn); // } // // Append the new button to the loginBtnContainer // } // }); </script> <!-- Your Javascript Below --> </body> </html>