Skip to content

Instantly share code, notes, and snippets.

@mininxd

mininxd/List Kota.html

Last active December 25, 2024 02:15
Show Gist options
  • Save mininxd/76aa7a922b596a1cd45c6f950ad0f483 to your computer and use it in GitHub Desktop.
Save mininxd/76aa7a922b596a1cd45c6f950ad0f483 to your computer and use it in GitHub Desktop.
Download ZIP
List Kota
Raw
List Kota.html
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="nofollow" href="https://justpaste.it/redirect/hk9ta/https%3A%2F%2Fcdn.jsdelivr.net%2Fnpm%2Fbootstrap%404.6.0%2Fdist%2Fcss%2Fbootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<link rel="nofollow" type="text/css" href="https://justpaste.it/redirect/hk9ta/https%3A%2F%2Fcdn.datatables.net%2F1.10.20%2Fcss%2Fjquery.dataTables.css">
<link rel="nofollow" href="https://justpaste.it/redirect/hk9ta/https%3A%2F%2Fcdn.datatables.net%2Fbuttons%2F1.7.0%2Fcss%2Fbuttons.dataTables.min.css">
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/c99d96031e.js" crossorigin="anonymous"></script>
<!-- Animation CSS -->
<link rel="nofollow" href="https://justpaste.it/redirect/hk9ta/https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fanimate.css%2F4.1.1%2Fanimate.min.css">
<style type="text/css">
.home:hover{
background-color: #E7664A;
color: white !important;
border-radius: 30px;
}
.asmaul:hover{
background-color: #E7664A;
color: white !important;
border-radius: 30px;
}
.niat:hover{
background-color: #E7664A;
color: white !important;
border-radius: 30px;
}
.baca:hover{
background-color: #E7664A;
color: white !important;
border-radius: 30px;
}
.kursi:hover{
background-color: #E7664A;
color: white !important;
border-radius: 30px;
}
.doa:hover{
background-color: #E7664A;
color: white !important;
border-radius: 30px;
}
.shalat:hover{
background-color: #E7664A;
color: white !important;
border-radius: 30px;
}
</style>
<?php
$opts = [
'http' => [
'method' => 'GET',
'header' => "Accept-Encoding: gzip, deflate\r\n"
],
'ssl' => [
'verify_peer' => false,
'verify_peer_name' => false
]
];
$context = stream_context_create($opts);
$data = file_get_contents('https://waktu-sholat.vercel.app/province', false, $context);
$decodedData = @gzdecode($data) ?: $data;
$dataArr = json_decode($decodedData, true);
?>
<title>List Kota</title>
</head>
<body id="home" style="background: linear-gradient(to bottom, #000428, #004e92);">
<div class="container-fluid pt-3 pb-2">
<nav class="navbar navbar-expand-lg navbar-light bg-white pt-3 pb-3" style="border-radius: 20px; background: linear-gradient(to right, #654ea3, #eaafc8);">
<div class="container">
<a class="navbar-brand text-white" href=''><i class="fas fa-quran"> Al - Qur'an Digital</i></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link active home text-white" href=''><i class="fas fa-home"> Home</i></a>
<a class="nav-link active asmaul text-white" href=''><i class="fas fa-atlas"> Asmaul Husna</i></a>
<a class="nav-link active niat text-white" href=''><i class="fas fa-book-open"> Niat Shalat</i></a>
<a class="nav-link active baca text-white" href=''><i class="fas fa-columns"> Bacaan Shalat</i></a>
<a class="nav-link active kursi text-white" href=''><i class="fas fa-receipt"> Ayat Kursi</i></a>
<a class="nav-link active doa text-white" href=''><i class="fas fa-pray"> Doa Doa</i></a>
<a class="nav-link active shalat text-white" href=''><i class="fas fa-clock"> Jadwal Shalat</i></a>
</div>
</div>
</div>
</nav>
</div>
<div class="container mb-3">
<div class="alert alert-info text-center mt-4 mb-4"><marquee width="80%">SELAMAT DATANG DI WEBSITE KAMI ^_^
YUKK NGAJI..</marquee>
</div>
<div class="row mt-4 mb-4 text">
<div class="col-sm-4">
<div class="thumbnail bold">
<div class="card animate__animated animate__rotateInDownLeft bg-success text-white bold" style="border-radius: 20px;">
<div class="card-body">
<b><i class="fas fa-city">
<?= $dataArr[0]['id']; ?>.
<a href="<?= $dataArr[0]['id']; ?>" style="color: white;">
<?= $dataArr[0]['name']; ?>
</a>
</i></b>
<br><br>
</div>
</div>
<br><br>
</div>
</div>
</div>
</div>
<!-- <div class="container-fluid pb-3">
<footer id="about" style="background: linear-gradient(to top, #0f0c29, #302b63, #24243e); border-radius: 20px;">
<div class="container-fluid text-center text-white pt-4 pb-4">
<h5 class="pt-2 pb-4"><i class="far fa-user"> Created By :</i></h5 class="font-weight-bold pt-2 pb-3">
<div class="row">
<div class="col-6 text-right">
<img src="mbok.png" class="rounded-circle img-thumbnail" style="width: 140px">
</div>
<div class="col-6 text-left">
<p class="text-white">
<br><br><i class="fab fa-facebook"> Claus Von Stauffenberg | 2021</i></p>
</div>
</div>
</div>
</footer>
</div> -->
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.js"></script>
<!-- <script>
$(document).ready(function () {
$('#table_id').DataTable({
// script untuk membuat export data
})
});
</script> -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment