<section id="fast-data">
      <h4 class="text-p" style="margin-top:2rem;">Latest Corona Stats</h4>
      <table id="grad" class="table table-borderless">
        <thead>
          <tr>
            <th>Total Cases</th>
            <th>Active Cases</th>
            <th>Deaths</th>
            <th>Cured</th>
          </tr>
        <tbody id="faster-data"></tbody>
        </thead>
      </table>
<div class="text-p">Made using <a href="https://coronews.iamharsh.design/">CORONEWS-19 API</a></div>
    </section>
@import url('https://fonts.googleapis.com/css?family=Montserrat:700&display=swap');

#grad {
  background-color: #000;
  border-radius: 1rem;
  padding:2rem;
  margin-top: 1rem;
  color: #fff;
  font-family:'Montserrat';
  -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
}
thread {
  border-radius: 1rem;
}

body{
  margin:2rem;font-family:'Montserrat';
}

.text-p{
  margin-bottom:2rem;
  margin-top:2rem;
}
$.getJSON("https://cryptic-ravine-96718.herokuapp.com/", null, function(data) {
  resp = data.stats;
  var j = "<tbody>";
  j += "<tr>";
  j += "<td>" + resp.total + "</td>";
  j += "<td>" + resp.active + "</td>";
  j += "<td>" + resp.deaths + "</td>";
  j += "<td>" + resp.cured + "</td>";
  j += "</tr>";
  j += "</tbody>";
  document.getElementById("faster-data").innerHTML = j;
});

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js