1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <base href="https://etc.web.id/"> 6 <meta charset="utf-8"> 7 <meta content="width=device-width, initial-scale=1.0" name="viewport"> 8 <title>TPA Bappenas</title> 9 <meta content="ETCertification, Deskripsi TPA Bappenas"> 10 <meta content="ETCertification, deskripsi, tes, tpa bappenas" name="keywords"> 11 12 <!-- Favicons --> 13 <link href="assets/img/favicon.png" rel="icon"> 14 <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> 15 16 <!-- Fonts --> 17 <link href="https://fonts.googleapis.com" rel="preconnect"> 18 <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin> 19 <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> 20 21 <!-- Vendor CSS Files --> 22 <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> 23 <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> 24 <link href="assets/vendor/aos/aos.css" rel="stylesheet"> 25 <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"> 26 <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet"> 27 28 <!-- Main CSS File --> 29 <link href="assets/css/main.css" rel="stylesheet"> 30
30<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2703463403065439" crossorigin="anonymous"></script>
30 31</head> 32 33<body class="index-page"> 34 35 <header id="header" class="header d-flex align-items-center fixed-top"> 36 <div class="container-fluid container-xl position-relative d-flex align-items-center"> 37 38 <a href="./" class="logo d-flex align-items-center me-auto"> 39 <!-- Uncomment the line below if you also wish to use an image logo --> 40 <img src="assets/img/logo.png" alt=""> 41 <h1 class="sitename">ETCertification</h1> 42 </a> 43 44 <nav id="navmenu" class="navmenu"> 45 <ul> 46 <li><a href="#home">Home<br></a></li> 47 <li><a href="#tentang">Tentang Kami</a></li> 48 <li class="dropdown"><a href="#"><span>Layanan</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a> 49 <ul> 50 <li><a href="cetak-ulang-sertifikat">Cetak Ulang Sertifikat</a></li> 51 <li><a href="/#fasilitas">Fasilitas Kami</a></li> 52 </ul> 53 </li> 54 <!-- <li><a href="#biaya">Biaya</a></li> --> 55 <li><a href="tpabappenas" class="active">Panduan</a></li> 56 <li><a href="https://portal.etc.web.id">Jadwal TPA</a></li> 57 <li><a href="https://blog.etc.web.id">Blog</a></li> 58 <!-- <li class="dropdown"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a> 59 <ul> 60 <li><a href="#">Dropdown 1</a></li> 61 <li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a> 62 <ul> 63 <li><a href="#">Deep Dropdown 1</a></li> 64 <li><a href="#">Deep Dropdown 2</a></li> 65 <li><a href="#">Deep Dropdown 3</a></li> 66 <li><a href="#">Deep Dropdown 4</a></li> 67 <li><a href="#">Deep Dropdown 5</a></li> 68 </ul> 69 </li> 70 <li><a href="#">Dropdown 2</a></li> 71 <li><a href="#">Dropdown 3</a></li> 72 <li><a href="#">Dropdown 4</a></li> 73 </ul> 74 </li> --> 75 <li><a href="#kontak">Kontak</a></li> 76 <a class="btn-getstarted flex-md-shrink-0" href="https://portal.etc.web.id/user/login">Mendaftar/Masuk</a> 77 </ul> 78 <i class="mobile-nav-toggle d-xl-none bi bi-list"></i> 79 </nav> 80 81 82 </div> 83 </header> 84 85 <main class="main"> 86 87 <!-- Hero Section --> 88 <section id="home" class="hero section"> 89 90 <div class="container"> 91 <div class="row gy-4"> 92 <div class="col-lg-6 order-2 order-lg-1 d-flex flex-column justify-content-center"> 93 <h1 data-aos="fade-up">Petunjuk Persiapan Ujian TPA Online</h1> 94 <p data-aos="fade-up" data-aos-delay="100">Temukan informasi lengkap dan panduan untuk mempersiapkan Tes Potensi Akademik Bappenas Online. Pastikan Anda memahami semua tahapan dan persyaratan sebelum mengikuti Ujian TPA Online.</p> 95 <div class="d-flex flex-column flex-md-row" data-aos="fade-up" data-aos-delay="200"> 96 <a href="tpabappenas/#ayomulai" class="btn-get-started">Ayo Mulai <i class="bi bi-arrow-right"></i></a> 97 <!-- <a href="https://www.youtube.com/watch?v=M40M-JyHva4" class="glightbox btn-watch-video d-flex align-items-center justify-content-center ms-0 ms-md-4 mt-4 mt-md-0"> 98 <i class="bi bi-play-circle"></i><span>Tonton Video</span> 99 </a> --> 100 </div> 101 </div> 102 <div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="zoom-out"> 103 <img src="assets/img/hero-img.png" class="img-fluid animated" alt="Panduan TPA Bappenas"> 104 </div> 105 </div> 106 </div> 107 108 </section><!-- /Hero Section --> 109 110 111 <!-- Values Section --> 112 <section id="ayomulai" class="values section"> 113 114 <!-- Section Title --> 115 <div class="container section-title" data-aos="fade-up"> 116 <h2>Informasi Penting</h2> 117 <p>
117Berikut panduan lengkap untuk mempersiapkan tes potensi akademik, termasuk petunjuk instalasi perangkat, prosedur dan fitur tes.<br></p> 118 </div><!-- End Section Title --> 119 120 <div class="container"> 121 122 <div class="row gy-4"> 123 124 <div class="col-lg-4" data-aos="fade-up" data-aos-delay="100"> 125 <div class="card"> 126 <img src="assets/img/values-3.png" class="img-fluid" alt="Petunjuk Instalasi Perangkat"> 127 <h3>Petunjuk Instalasi Perangkat</h3> 128 <p>Ikuti panduan instalasi perangkat dengan seksama untuk memastikan semua perangkat lunak dan aplikasi yang diperlukan untuk tes terpasang dengan benar. Pastikan Anda sudah mengunduh dan menginstal semua aplikasi yang diperlukan, seperti browser dan aplikasi Zoom, sesuai dengan petunjuk yang diberikan.</p> 129 <a href="tpabappenas/panduan-instalasi-perangkat.html" class="btn btn-primary"> 130 <i class="bi bi-file-earmark-text"></i> Lihat Petunjuk Instalasi 131 </a> 132 </div> 133 </div><!-- End Card Item --> 134 135 <div class="col-lg-4" data-aos="fade-up" data-aos-delay="200"> 136 <div class="card"> 137 <img src="assets/img/values-1.png" class="img-fluid" alt="Prosedur dan Fitur Tes"> 138 <h3>Prosedur dan Fitur Tes</h3> 139 <p>Pelajari prosedur lengkap dan fitur-fitur penting dari tes potensi akademik untuk memaksimalkan performa Anda selama ujian. Panduan ini mencakup cara mengakses ujian, menggunakan fitur yang tersedia, serta tips untuk mengelola waktu Anda dengan efektif selama tes.</p> 140 <a href="tpabappenas/prosedur-dan-fitur-tes.html" class="btn btn-info"> 141 <i class="bi bi-info-circle"></i> Lihat Prosedur dan Fitur Tes 142 </a> 143 </div> 144 </div><!-- End Card Item --> 145 146 <div class="col-lg-4" data-aos="fade-up" data-aos-delay="300"> 147 <div class="card"> 148 <img src="assets/img/values-2.png" class="img-fluid" alt="Deskripsi TPA"> 149 <h3>Sejarah TPA</h3> 150 <p>Ketahui lebih lanjut tentang Tes Potensi Akademik (TPA), termasuk sejarah, tujuan, dan struktur tes. Memahami apa yang diukur dalam tes ini dapat membantu Anda mempersiapkan diri dengan lebih baik dan meningkatkan peluang keberhasilan dalam ujian.</p> 151 <a href="tpabappenas/deskripsi-tpa.html" class="btn btn-secondary"> 152 <i class="bi bi-file-earmark"></i> Lihat Deskripsi TPA 153 </a> 154 </div> 155 </div><!-- End Card Item --> 156 157 </div> 158 159 </div> 160 161 </section><!-- /Values Section --> 162 163 164 165 </main> 166 167 <footer id="footer" class="footer"> 168 169 <div class="footer-newsletter"> 170 <div class="container"> 171 <div class="row justify-content-center text-center"> 172 <div class="col-lg-6"> 173 <h4>Berlangganan Informasi Terbaru</h4> 174 <p>Daftarkan email Anda untuk mendapatkan informasi terbaru mengenai Tes Potensi Akademik dan layanan kami secara langsung di inbox Anda!</p> 175 <form action="newsletter.php" id="postnewsletter" method="post" class="php-email-form"> 176 <div class="newsletter-form"><input type="email" name="email" required><input type="submit" value="Subscribe"></div> 177 <div class="loading">Loading</div> 178 <div class="error-message"></div> 179 <div class="sent-message">Your subscription request has been sent. Thank you!</div> 180 </form> 181 </div> 182 </div> 183 </div> 184 </div> 185 186 <div class="container footer-top"> 187 <div class="row gy-4"> 188 <div class="col-lg-4 col-md-6 footer-about"> 189 <a href="./" class="d-flex align-items-center"> 190 <span class="sitename">ETCertification</span> 191 </a> 192 <div class="footer-contact pt-3"> 193 <!-- <p></p> --> 194 <!-- <p></p> --> 195 <p class="mt-3"><strong>Phone:</strong> <span>+081529911500</span></p> 196 <p><strong>Email:</strong> <span><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="6a03040c052a0f1e09441d0f0844030e">[email protected]</a></span></p> 197 </div> 198 </div> 199 200 <div class="col-lg-2 col-md-3 footer-links"> 201 <h4>Link Penting</h4> 202 <ul> 203 <li><i class="bi bi-chevron-right"></i> <a href="https://blog.etc.web.id">Blog</a></li> 204 <li><i class="bi bi-chevron-right"></i> <a href="#tentang">Tentang Kami</a></li> 205 <li><i class="bi bi-chevron-right"></i> <a href="#fasilitas-lainnya">
205Fasilitas</a></li> 206 <li><i class="bi bi-chevron-right"></i> <a href="#biaya">Biaya</a></li> 207 <li><i class="bi bi-chevron-right"></i> <a href="#kontak">Kontak</a></li> 208 <li><i class="bi bi-chevron-right"></i> <a href="../privacy-policy">Kebijakan Privasi</a></li> 209 </ul> 210 </div> 211 212 <div class="col-lg-2 col-md-3 footer-links"> 213 <h4>Layanan Kami</h4> 214 <ul> 215 <li><i class="bi bi-chevron-right"></i> <a href="https://portal.etc.web.id/#jadwal-ujian">Jadwal TPA</a></li> 216 <li><i class="bi bi-chevron-right"></i> <a href="https://portal.etc.web.id/#jadwal-ujian">Try Out TKDA</a></li> 217 <li><i class="bi bi-chevron-right"></i> <a href="https://portal.etc.web.id/#jadwal-ujian">TOEFL</a></li> 218 <li><i class="bi bi-chevron-right"></i> <a href="https://etc.web.id/tryout-tkda.html">Tes TKDA</a></li> 219 <li><i class="bi bi-chevron-right"></i> <a href="https://stats.uptimerobot.com/PZkNmTvarf" target="_blank"> Server Status</a></li> 220 </ul> 221 </div> 222 223 <div class="col-lg-4 col-md-12"> 224 <h4>Ikuti Kami</h4> 225 <p>Dapatkan informasi terkini seputar layanan dan acara kami dengan mengikuti media sosial resmi ETCertification.</p> 226 <div class="social-links d-flex"> 227 <a href="#"><i class="bi bi-twitter-x"></i></a> 228 <a href="#"><i class="bi bi-facebook"></i></a> 229 <a href="#"><i class="bi bi-instagram"></i></a> 230 <a href="#"><i class="bi bi-linkedin"></i></a> 231 </div> 232 </div> 233 234 </div> 235 </div> 236 237 <div class="container copyright text-center mt-4"> 238 <p>© <span>Copyright 2026</span> <strong class="px-1 sitename">ETCertification</strong> <span>All Rights Reserved</span></p> 239 <div class="credits" style="display:none"> 240 <!-- All the links in the footer should remain intact. --> 241 <!-- You can delete the links only if you've purchased the pro version. --> 242 <!-- Licensing information: https://bootstrapmade.com/license/ --> 243 <!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] --> 244 Designed by BootstrapMade 245 </div> 246 </div> 247 248 </footer> 249 250 <!-- Scroll Top --> 251 <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> 252 253 <!-- Vendor JS Files -->
vendor: 111 bytes, lines 253-254
253 254 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
254<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
254 255
255<script src="assets/vendor/php-email-form/validate.js"></script>
255 256
256<script src="assets/vendor/aos/aos.js"></script>
256 257
257<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
257 258
258<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
258 259
259<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
259 260
260<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
260 261
261<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
261 262 263 <!-- Main JS File --> 264
264<script src="assets/js/main.js"></script>
264 265
265<script> 266 document.querySelector('#postnewsletter').addEventListener('submit', function(e) { 267 e.preventDefault(); 268 269 let form = this; 270 let formData = new FormData(form); 271 272 fetch(form.action, { 273 method: 'POST', 274 body: formData 275 }) 276 .then(response => response.json()) 277 .then(data => { 278 if (data.status === 'success') { 279 form.querySelector('div.sent-message').textContent = data.message; 280 form.querySelector('div.sent-message').style.display = 'block'; 281 form.querySelector('div.error-message').style.display = 'none'; 282 } else { 283 form.querySelector('div.error-message').textContent = data.message; 284 form.querySelector('div.error-message').style.display = 'block'; 285 form.querySelector('div.sent-message').style.display = 'none'; 286 } 287 }) 288 .catch(error => { 289 form.querySelector('div.error-message').textContent = 'Ada masalah dalam pengiriman data. Silakan coba lagi.'; 290 form.querySelector('div.error-message').style.display = 'block'; 291 }); 292 }); 293 </script>
293 294 <!-- Google tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 294-295
294 295 <script async src="https://www.googletagmanager.com/gtag/js?id=
295G-KYJ5RWVK0E
vendor: 14 bytes, lines 295-296
295"></script> 296
296<script> 297
vendor: 136 bytes, lines 297-300
297window.dataLayer = window.dataLayer || []; 298 function gtag(){dataLayer.push(arguments);} 299 gtag('js', new Date()); 300 gtag('config', '
300G-KYJ5RWVK0E
vendor: 6 bytes, lines 300-301
300'); 301
301</script>
301 302
302<script async data-watzapkey="XZ1y1792" src="https://cdn.watzap.id/widget-api.js"></script>
vendor: 2 bytes, line 302
302
303<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"6670a24628034f3d99adbe51de796ee3","r":1,"spa":2}' crossorigin="anonymous"></script>
303 304</body> 305 306</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.