tutorial-website/index.html at main · postkomik/tutorial-website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<html>
  <head>
    <title></title>
    <meta content="">
    <style></style>
  </head>
  <body>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var d = new Date();
$("#date").html(d.getDate() + "/" + (d.getMonth()+1) + "/" + d.getFullYear());
    $.ajax({url: "https://api.kawalcorona.com/indonesia/", success: function(result){
     $("#terjangkit").html(result[0].positif);
     $("#sembuh").html(result[0].sembuh);
     $("#meninggal").html(result[0].meninggal);
    }});
});
</script>

<div class="bisablog-card">
    <div class="bisablog-info"><h2>DATA COVID-19 INDONESIA</h2></div>
    <p class="bisablog-positif">&#128567 Positif: <span id="terjangkit"></span></p>
    <p class="bisablog-sembuh">&#128522 Sembuh: <span id="sembuh"></span></p>
    <p class="bisablog-meninggal">&#128557 Meninggal: <span id="meninggal"></span></p>
  <div class="bisablog-info"><span><em><a href="https://postkomik.github.io/Submit-site-to-google-serach-console-pada-website-statis/">site</a></em></span></div>
</div>

<style>
.bisablog-card {padding: 5%; border:1px solid #eaeaea; background:#f4f4f4;border-radius:10px}
.bisablog-card p {color:#fff}
.bisablog-positif {background:#e53935}
.bisablog-sembuh {background:#43a047}
.bisablog-meninggal {padding:10px 7px; background:#546e7a}
.bisablog-positif, .bisablog-sembuh {padding:10px 7px; margin-bottom:1em}
.bisablog-info {text-align:center}
.bisablog-card p{font-weight:bold}
</style>

  </body>
</html>