<!DOCTYPE html><html lang="en"> <head> <!-- Google Tag Manager --><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NZFB5GKW');</script> <!-- End Google Tag Manager --> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta content="#0e0303" name="theme-color"/> <meta content="#0e0303" name="msapplication-navbutton-color"/> <meta content="#0e0303" name="apple-mobile-web-app-status-bar-style"/> <title>Indra Desi Prasetyadi - Blogger and Tech Enthusiast</title> <meta name="description" content="Indra Desi Prasetyadi Personal Website."> <meta name="keywords" content="Indra Desi Prasetyadi"> <meta name="robots" content="index, follow"> <link rel="canonical" href="https://indradp.web.id/"/> <!-- Favicon --> <link href='assets/favicon/icon32.png' rel='icon' sizes='32x32'/> <link href='assets/favicon/icon192.png' rel='icon' sizes='192x192'/> <link href='assets/favicon/icon180.png' rel='apple-touch-icon' sizes='180x180'/> <meta content='assets/favicon/icon144.png' name='msapplication-TileImage'/> <!-- Stylesheet --> <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="assets/css/main.css"> <link rel="stylesheet" type="text/css" href="assets/css/aos.css"> <link rel="stylesheet" type="text/css" href="assets/css/fontawesome/css/all.min.css"> <!-- Open Graph --> <meta property="og:url" content="https://indradp.web.id/"> <meta property="og:type" content="website"> <meta property="og:title" content="Indra Desi Prasetyadi - Blogger and Tech Enthusiast"> <meta property="og:description" content="Indra Desi Prasetyadi Personal Website."> <meta property="og:image" content="https://indradp.web.id/assets/img/banner-indradp.jpg"> <meta property="og:image:type" content="image/gif" /> <meta property="og:image:width" content="600" /> <meta property="og:image:height" content="400" /> <!-- Twitter Card --> <meta name="twitter:card" content="summary"> <meta property="twitter:domain" content="https://indradp.web.id/"> <meta property="twitter:url" content="https://indradp.web.id/"> <meta name="twitter:title" content="Indra Desi Prasetyadi - Blogger and Tech Enthusiast"> <meta name="twitter:description" content="Indra Desi Prasetyadi Personal Website."> <meta name="twitter:image" content="https://indradp.web.id/assets/img/banner-indradp.jpg"> <meta name="twitter:creator" content="@IndraDP77" /> <!-- DNS prefetch --> <link rel="preconnect" href="//fonts.googleapis.com" /> <link rel="dns-prefetch" href="https://www.googletagmanager.com" /> </head> <body> <!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NZFB5GKW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Navbar --> <nav class="navbar navbar-expand-lg navbar-dark py-3 fixed-top shadow-sm" data-aos="fade-down" data-aos-delay="100"> <div class="container"> <a class="navbar-brand" href="/"> <img src="assets/img/header-img.png" alt="indra dp" width="150" height="20"> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav ms-auto"> <li class="nav-item"> <a class="nav-link" href="#blog">Blog</a> </li> <li class="nav-item"> <a class="nav-link" href="#partnership">Partnership</a> </li> <li class="nav-item"> <a class="nav-link" href="#contact">Contact</a> </li> </ul> </div> </div> </nav> <!-- end Navbar --> <!-- Hero --> <section class="hero"> <div class="container-fluid"> <div class="profile d-flex flex-column align-items-center justify-content-center text-center"> <img src="assets/img/me.webp" alt="Indra DP" width="130" height="130" class="rounded-circle shadow-sm mb-2" data-aos="zoom-in" data-aos-delay="200"/> <h1 class="fs-1 fw-semibold text-light mt-3 mb-3" data-aos="zoom-in" data-aos-delay="300">Indra Desi Prasetyadi</h1> <p class="fs-4 fw-normal text-light" data-aos="zoom-in" data-aos-delay="400">Blogger and Tech Enthusiast</p> </div> <div class="social-icons d-flex flex-row justify-content-center text-center" data-aos="zoom-in" data-aos-delay="500"> <a href="https://www.facebook.com/indradesip" rel="nofollow noopener" target="_blank"><i class="fa-brands fa-facebook px-2"></i></a> <a href="https://twitter.com/IndraDP77" rel="nofollow noopener" target="_blank"><i class="fa-brands fa-x-twitter px-2"></i></a> <a href="https://www.instagram.com/indradp77" rel="nofollow noopener" target="_blank"><i class="fa-brands fa-instagram px-2" rel="nofollow noopener" target="_blank"></i></a> <a href="https://www.linkedin.com/in/indradp" rel="nofollow noopener" target="_blank"><i class="fa-brands fa-linkedin px-2"></i></a> <a href="https://github.com/indraadp" rel="nofollow noopener" target="_blank"><i class="fa-brands fa-github px-2"></i></a> </div> <div class="more text-center m-4" data-aos="zoom-in" data-aos-delay="600"> <a href="#blog"><i class="fa-solid fa-chevron-down"></i></a> </div> </div> </section> <!-- end Hero --> <!-- Blog --> <section id="blog"> <div class="container my-4" data-aos="fade-up" data-aos-delay="100"> <div class="row text-center mb-5"> <div class="col"> <h2 class="fs-3 fw-semibold pt-4">My Blog</h2> <hr /> </div> </div> </div> <div class="container mb-5"> <div class="row"> <div class="col-md-5" data-aos="zoom-in" data-aos-delay="200"> <img src="assets/img/indrasblog.webp" alt="Indras Blog" width="500" height="282" class="img-fluid rounded shadow-sm" /> </div> <div class="col-md-7" data-aos="fade-down" data-aos-delay="300"> <h3 class="tb fs-3 fw-semibold">Indra's Blog</h3> <p>Blog yang membahas berbagai hal tentang dunia teknologi mulai dari tutorial, tips dan trik, editorial, berita teknologi menarik, review gadget dan aplikasi gratis.</p> <a href="https://www.indradp.com/" rel="nofollow noopener" target="_blank" class="btn btn-primary shadow-sm mt-4 mb-4" data-aos="fade-up" data-aos-anchor-placement="center-bottom" data-aos-delay="400">Kunjungi Blog <i class="fa-solid fa-angles-right"></i></a> </div> </div> </div> </section> <!-- end Blog --> <!-- Partnership --> <section id="partnership"> <div class="container my-4" data-aos="fade-up" data-aos-delay="100"> <div class="row text-center mb-5"> <div class="col"> <h2 class="fs-3 fw-semibold pt-4">Partnership</h2> <hr /> </div> </div> </div> <div class="container mb-5"> <div class="row"> <div class="col-md-7" data-aos="fade-down" data-aos-delay="200"> <h3 class="fs-3 fw-semibold">Content Placement</h3> <p> Jika kamu memiliki merk, produk, jasa, ataupun bisnis online yang sedang kamu kembangkan, kamu juga bisa mempromosikannya melalui content placement atau artikel review produk di blog Indra's Blog.</p> <a href="https://www.indradp.com/p/kerja-sama-indras-blog.html" rel="nofollow noopener" target="_blank" class="btn btn-primary shadow-sm mt-4 mb-4" data-aos="fade-up" data-aos-anchor-placement="center-bottom" data-aos-delay="300">Selengkapnya <i class="fa-solid fa-angles-right"></i></a> </div> <div class="cp-img col-md-5" data-aos="zoom-in" data-aos-delay="400"> <img src="assets/img/content-writer.webp" alt="Partnership" width="450" height="300" class="img-fluid rounded shadow-sm" /> </div> </div> </div> </div> </section> <!-- end Partnership --> <!-- Contact --> <section id="contact" class="contact"> <div class="container my-4" data-aos="fade-up" data-aos-delay="100"> <div class="row text-center mb-5"> <div class="col"> <h2 class="fs-3 fw-semibold pt-4">Contact</h2> <hr /> </div> </div> </div> <div class="container mb-5"> <div class="contact-wrap"> <div class="row gy-3 px-5"> <div class="col-md-4" data-aos="fade-up" data-aos-delay="200"> <div class="contact-item d-flex align-items-center gap-3"> <i class="fa-solid fa-envelope"></i> <div> <h3 class="fs-5 fw-semibold">Email</h3> <p class="fs-5">contact@indradp.web.id</p> </div> </div> </div> <div class="col-md-4" data-aos="fade-up" data-aos-delay="300"> <div class="contact-item d-flex align-items-center gap-3"> <i class="fa-brands fa-whatsapp"></i> <div> <h3 class="fs-5 fw-semibold">WhatsApp</h3> <p class="fs-5">+6289-7473-8855</p> </div> </div> </div> <div class="col-md-4" data-aos="fade-up" data-aos-delay="400"> <div class="contact-item d-flex align-items-center gap-3"> <i class="fa-brands fa-telegram"></i> <div> <h3 class="fs-5 fw-semibold">Telegram</h3> <p class="fs-5">@IndraDP</p> </div> </div> </div> </div> </div> </div> </section> <!-- end Contact --> <!-- Footer --> <footer class="bg-dark text-white text-center p-3"> <p class="pt-3 pb-2">Made with <span class="text-danger">❤</span> by. <a href="https://www.facebook.com/indradesip" rel="nofollow noopener" target="_blank">Indra DP</a></p> </footer> <!-- end Footer --> <script type="text/javascript" src="assets/js/bootstrap.bundle.min.js"></script> <script type="text/javascript" src="assets/js/aos.js"></script> <script type="text/javascript" src="assets/js/jquery-3.5.1.min.js"></script> <script type="text/javascript" src="assets/js/smooth-scroll.js"></script> <script type="text/javascript" src="assets/js/init.js"></script> </body></html> 
