Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <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="kuraorange kurashadow">
- <div class="kuracard-body img-card">
- <div class="d-flex">
- <div class="kuralogoindo"> <img src="https://kawalcorona.com/uploads/indonesia-PZq.png" width="50" height="50" alt="Positif"> </div>
- <p class="kuracountry">COVID-19 INDONESIA</p>
- <p class="kuracorona"><b> <span id='terjangkit' class="kurapositif"></span></b> POSITIF, <b><span id='sembuh' class="kurasembuh"></span></b> SEMBUH, <br/><b><span id='meninggal' class="kurameninggal"></span></b> MENINGGAL</p>
- <p class="kuraupdate">Update Hari ini: <span id="date"></p>
- </div></div></div>
- <style>
- .kuracard-body {margin: 0;padding: 20px;position: relative;}
- .kurashadow{box-shadow: 0 5px 10px rgba(19, 191, 166, 0.3) !important;}
- .img-card:before {content: '';position: absolute;background: url(https://kawalcorona.com/data/images/svgs/circle.svg);background-position: top right;background-repeat: no-repeat;width: 100%;height: 100%;opacity: 0.8;right:0px;top:0px}
- .kuralogoindo {float: right;position: relative;top: 5px;}
- .kuraorange {background: #FF7E00;color: #fff !important;}
- .kuracountry{font-size:30px;margin:0px !important}
- .kuracorona{padding:5px 0px;margin:0px !important;line-height:30px}
- .kuraupdate{font-size:20px;margin:0px !important}
- .kurapositif{padding:5px 7px 5px 5px;background: #f82649!important;}
- .kurasembuh{padding:5px 7px 5px 5px;background: #09ad95!important;}
- .kurameninggal{padding:5px 7px 5px 5px;background: #d43f8d !important;}
- </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement