<!DOCTYPE html>
<html data-bs-theme="light" lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>Let's Start Your Website</title>
    <link rel="stylesheet" href="https://kencang.com/aset/assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700&amp;display=swap">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&amp;display=swap">
    <link rel="stylesheet" href="https://kencang.com/aset/assets/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="https://kencang.com/aset/assets/css/bss-overrides.css">
    <link rel="stylesheet" href="https://kencang.com/aset/assets/css/Pricing-Yearly--Monthly-badges.css">
    <link rel="stylesheet" href="https://kencang.com/aset/assets/css/Stats-icons.css">
</head>

<body id="page-top" data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-offset="72">
    <nav class="navbar navbar-expand-lg fixed-top bg-dark text-uppercase" id="mainNav">
        <div class="container"><center><a class="navbar-brand" href="https://arenhost.id/"><img src="https://arenhost.id/ArenHost.png" width=60px">ARENHOST.ID</a></center></div>
    </nav>
    <header class="text-center text-white bg-primary masthead" style="background: url(&quot;https://arenhost.id/assets/rajaampatt.jpg&quot;), rgb(24, 188, 156);">
        <div class="container">
            <h1 style="background: rgba(255,255,255,0);">Let's Start Making Your New Website!</h1>
            <hr class="star-light">
            <h2 class="fw-light mb-0">This is a Welcome Page, Go to cPanel -&gt; File Manager -&gt; public_html -&gt; Delete arenhost.php</h2>
        </div>
    </header>
    <section id="portfolio" class="portfolio">
        <div class="container py-4 py-xl-5">
            <div class="row mb-5">
                <div class="col-md-8 col-xl-6 text-center mx-auto">
                    <h2>Docs</h2>
                </div>
            </div>
            <div class="row gy-4 row-cols-1 row-cols-md-2 row-cols-xl-3">
                           <div class="col">
                    <div class="card">  <div class="card-body p-4">
          <a href="https://arenpedia.com/docs/cara-redirect-http-ke-https-otomatis/"> <img class="object-fit-cover card-img-top w-100 d-block" style="height: 200px;" src="https://arenpedia.com/wp-content/uploads/2022/01/http-to-https-automatic.png"></a>
                            <p class="text-primary mb-0 card-text">Docs</p>
                             <a style="text-decoration: none;"href="https://arenpedia.com/docs/cara-redirect-http-ke-https-otomatis/">  <h4 class="card-title"><font color="black">Cara Mengaktifkan SSL</h4></font>
                            <p class="card-text"><font color="black">Terkadang orang suka bertanya, mengapa ssl pada web saya tidak aktif?, tetapi sebetulnya yang mereka maksudkan adalah auto redirect http to https, karena kebanyakan web .....</font></p>
       </a>                 </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card"><a href="https://arenpedia.com/docs/cara-install-wordpress-via-softaculous-cpanel/"><img class="object-fit-cover card-img-top w-100 d-block" style="height: 200px;" src="https://arenpedia.com/wp-content/uploads/2022/01/1-1.jpg"></a>
                        <div class="card-body p-4">
                        <a style="text-decoration: none;" href="https://arenpedia.com/docs/cara-install-wordpress-via-softaculous-cpanel/"><p class="text-primary mb-0 card-text">Docs</p>
                           <font color="black">
                           <h4 class="card-title">Cara Install WordPress</h4>
                            <p class="card-text">Cara Install WordPress dari Softaculous cPanel.apa itu Softaculous? dan bagaimana cara install WordPress di Softaculous?.Softaculous adalah tempat dimana anda  bisa menemukan dan menginst....</p>
                       </font>
                       </a>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card"><a href="https://arenpedia.com/docs/cara-menghubungkan-website-canva-ke-domain/"><img class="object-fit-cover card-img-top w-100 d-block" style="height: 200px;" src="https://arenpedia.com/wp-content/uploads/2025/04/Pasted-15-768x376.png"></a>
                        <div class="card-body p-4">
                              <a style="text-decoration: none;" href="https://arenpedia.com/docs/cara-menghubungkan-website-canva-ke-domain/"><p class="text-primary mb-0 card-text">Docs</p>
                            <font color="black"><h4 class="card-title">Cara Menghubungkan Hosting ke Website Canva</h4>
                            <p class="card-text">Buat website tapi gabisa ngoding? buat di canva aja lalu dihubungkan ke hosting di arenhost, dijamin sat set jadi....</p>
                        </font></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="py-4 py-xl-5" style="background: var(--bs-primary);">
        <div class="container">
            <div class="text-dark bg-light border rounded border-0 border-light d-flex flex-column justify-content-between flex-lg-row p-4 p-md-5" style="background: var(--bs-primary);">
                <div class="pb-2 pb-lg-1">
                    <h2 class="fw-bold mb-2">Masih Butuh Bantuan?</h2>
                    <p class="mb-0">Masih bingung? Tenang aja, kamu bisa kontak kami kapanpun dan dimanapun kami berada</p>
                </div>
                <div class="my-2"><a class="btn btn-primary fs-5 px-4 py-2" role="button" href="https://api.whatsapp.com/send/?phone=6285183377714&amp;text=Halo%20ArenHost&amp;type=phone_number&amp;app_absent=0"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-whatsapp" style="font-size: 24px;">
                            <path d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"></path>
                        </svg>&nbsp;Contact Us</a></div>
            </div>
        </div>
    </section>
    <div class="container py-4 py-xl-5">
        <h1 class="text-center">Our Product</h1>
        <div class="row gy-4 row-cols-1 row-cols-md-2 row-cols-xl-3">
            <div class="col">
                <div class="card h-100">
                    <div class="card-body flex-grow-0 p-4">
                        <h4 class="display-4 fw-bold card-title"></h4>
                        <h1>WordPress Hosting</h1>
                    </div>
                    <div class="card-footer d-flex flex-column flex-grow-1 justify-content-between p-4">
                        <p>Hosting yang dikhususkan untuk WordPress dengan control yang mudah dioperasikan dan juga pengoptimalan maksimal menggunakan LiteSpeed Cache dan Redis Cache agar website WordPressmu bisa secepat kilat</p>
                        <div>
                            <ul class="list-unstyled"></ul>
                        </div><a href="https://arenhost.id/wordpress-hosting"><button class="btn btn-primary d-block w-100" type="button" data-bs-target="https://arenhost.id/wordpress-hosting">WordPress Hosting!</button></a>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100">
                    <div class="card-body flex-grow-0 p-4">
                        <h1>Business Hosting</h1>
                    </div>
                    <div class="card-footer d-flex flex-column flex-grow-1 justify-content-between p-4">
                        <p>Hosting dengan Performa tinggi yang bisa digunakan untuk berbagai macam aplikasi mulai dari Absensi, CRUD, Laravel Dan masih banyak lagi. Berbasis control panel cPanel&nbsp; yang dapat memudahkan pengguna dalam mengelola websitenya</p>
                        <div>
                            <ul class="list-unstyled"></ul>
                        </div><a href="https://arenhost.id/business-hosting"><button class="btn btn-primary d-block w-100" type="button" data-bs-target="https://arenhost.id/business-hosting">Developer Hosting!</button></a>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100">
                    <div class="card-body flex-grow-0 p-4">
                        <h1>VPS KVM Indonesia</h1>
                    </div>
                    <div class="card-footer d-flex flex-column flex-grow-1 justify-content-between p-4">
                        <p>Server dengan performa tinggi, cocok buat kamu yang butuh akses root dan juga kontrol penuh terhadap servermu, Dengan Server yang berlokasi di Datacenter indonesia, membuat akses ke servermu cepat dan memiliki latency yang rendah</p>
                        <div>
                            <ul class="list-unstyled"></ul>
                        </div><a href="https://kencang.com/vps-iix-murah"><button class="btn btn-primary d-block w-100" type="button" data-bs-target="https://arenhost.id/vps-kvm">VPS Linux!</button></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container py-4 py-xl-5">
        <div class="row mb-5">
            <div class="col-md-8 col-xl-6 text-center mx-auto">
                <h2>Recent Post From ArenHost</h2>
            </div>
        </div>
        <div class="row gy-4 row-cols-1 row-cols-md-2 row-cols-xl-3">
        
        <?php
$url = "https://arenhost.id/blog/a.php";

// pakai cURL
$ch = curl_init($url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); // kalau SSL error
$json = curl_exec($ch);
curl_close($ch);

// decode JSON
$data = json_decode($json, true);

if ($data && is_array($data)) {
    foreach ($data as $item) {
        $title = $item['title'] ?? '';
        $thumbnail = $item['thumbnail'] ?? '';
        $excerpt = $item['excerpt'] ?? '';
        $link = $item['link'] ?? '#';


          echo '<div class="col">';
         echo "       <div class=\"card\"><a href=\"$link\"><img class=\"object-fit-cover card-img-top w-100 d-block\" style=\"height: 200px;\" src=\"$thumbnail\"></a>";
                echo "    <div class=\"card-body p-4\">";
                    echo "    <a style=\"text-decoration: none;\" href=\"$link\"> <p class=\"text-primary mb-0 card-text\">Article</p>";
                       echo "<font color=\"black\">  <h4 class=\"card-title\">$title</h4>";
                      echo "  <p class=\"card-text\">$excerpt</p></font></a>";
                     echo "</div>";
               echo "  </div>";
            echo " </div>";
    }
} else {
    echo "Gagal membaca atau decode JSON dari {$url}";
}
?>

        
        
          
            
            
        </div>
    </div>
    <footer class="text-center bg-body" data-bs-theme="dark">
        <div class="container py-4 py-lg-5">
            <p class="text-body mb-0">Copyright © 2025 ArenHost</p>
        </div>
    </footer>
    <div class="position-fixed d-lg-none scroll-to-top rounded"><a class="text-center d-block rounded text-white" href="#page-top"><i class="fa fa-chevron-up"></i></a></div>
    <div class="modal text-center" role="dialog" tabindex="-1" id="portfolio-modal-1">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header"><button class="btn-close" type="button" aria-label="Close" data-bs-dismiss="modal"></button></div>
                <div class="modal-body">
                    <div class="container text-center">
                        <div class="row">
                            <div class="col-lg-8 mx-auto">
                                <h2 class="text-uppercase text-secondary mb-0">Project Name</h2>
                                <hr class="mb-5 star-dark"><img class="img-fluid mb-5" src="assets/img/portfolio/cabin.png">
                                <p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer pb-5"><a class="btn btn-primary btn-lg mx-auto rounded-pill" role="button" data-bs-dismiss="modal"><i class="fa fa-close"></i>&nbsp;Close Project</a></div>
            </div>
        </div>
    </div>
    <div class="modal text-center" role="dialog" tabindex="-1" id="portfolio-modal-2">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header"><button class="btn-close" type="button" aria-label="Close" data-bs-dismiss="modal"></button></div>
                <div class="modal-body">
                    <div class="container text-center">
                        <div class="row">
                            <div class="col-lg-8 mx-auto">
                                <h2 class="text-uppercase text-secondary mb-0">Project Name</h2>
                                <hr class="mb-5 star-dark"><img class="img-fluid mb-5" src="assets/img/portfolio/cake.png">
                                <p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer pb-5"><a class="btn btn-primary btn-lg mx-auto rounded-pill" role="button" data-bs-dismiss="modal"><i class="fa fa-close"></i>&nbsp;Close Project</a></div>
            </div>
        </div>
    </div>
    <div class="modal text-center" role="dialog" tabindex="-1" id="portfolio-modal-3">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header"><button class="btn-close" type="button" aria-label="Close" data-bs-dismiss="modal"></button></div>
                <div class="modal-body">
                    <div class="container text-center">
                        <div class="row">
                            <div class="col-lg-8 mx-auto">
                                <h2 class="text-uppercase text-secondary mb-0">Project Name</h2>
                                <hr class="mb-5 star-dark"><img class="img-fluid mb-5" src="assets/img/portfolio/circus.png">
                                <p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer pb-5"><a class="btn btn-primary btn-lg mx-auto rounded-pill" role="button" data-bs-dismiss="modal"><i class="fa fa-close"></i>&nbsp;Close Project</a></div>
            </div>
        </div>
    </div>
    <div class="modal text-center" role="dialog" tabindex="-1" id="portfolio-modal-4">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header"><button class="btn-close" type="button" aria-label="Close" data-bs-dismiss="modal"></button></div>
                <div class="modal-body">
                    <div class="container text-center">
                        <div class="row">
                            <div class="col-lg-8 mx-auto">
                                <h2 class="text-uppercase text-secondary mb-0">Project Name</h2>
                                <hr class="mb-5 star-dark"><img class="img-fluid mb-5" src="assets/img/portfolio/game.png">
                                <p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer pb-5"><a class="btn btn-primary btn-lg mx-auto rounded-pill" role="button" data-bs-dismiss="modal"><i class="fa fa-close"></i>&nbsp;Close Project</a></div>
            </div>
        </div>
    </div>
    <div class="modal text-center" role="dialog" tabindex="-1" id="portfolio-modal-5">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header"><button class="btn-close" type="button" aria-label="Close" data-bs-dismiss="modal"></button></div>
                <div class="modal-body">
                    <div class="container text-center">
                        <div class="row">
                            <div class="col-lg-8 mx-auto">
                                <h2 class="text-uppercase text-secondary mb-0">Project Name</h2>
                                <hr class="mb-5 star-dark"><img class="img-fluid mb-5" src="assets/img/portfolio/safe.png">
                                <p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer pb-5"><a class="btn btn-primary btn-lg mx-auto rounded-pill" role="button" data-bs-dismiss="modal"><i class="fa fa-close"></i>&nbsp;Close Project</a></div>
            </div>
        </div>
    </div>
    <div class="modal text-center" role="dialog" tabindex="-1" id="portfolio-modal-6">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header"><button class="btn-close" type="button" aria-label="Close" data-bs-dismiss="modal"></button></div>
                <div class="modal-body">
                    <div class="container text-center">
                        <div class="row">
                            <div class="col-lg-8 mx-auto">
                                <h2 class="text-uppercase text-secondary mb-0">Project Name</h2>
                                <hr class="mb-5 star-dark"><img class="img-fluid mb-5" src="assets/img/portfolio/submarine.png">
                                <p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer pb-5"><a class="btn btn-primary btn-lg mx-auto rounded-pill" role="button" data-bs-dismiss="modal"><i class="fa fa-close"></i>&nbsp;Close Project</a></div>
            </div>
        </div>
    </div>
    <script src="https://kencang.com/aset/assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="https://kencang.com/aset/assets/js/freelancer.js"></script>
</body>

</html>
