corona virus live update code with css by SMsudipBD

corona virus live update code with css Don't miss. <div class="corona-content"><div class="coronavirus-statistics"><h4>বিশ্বজুড়ে করোনাভাইরাস</h4><div class="corona-body body-bangladesh"><h4>বাংলাদেশে</h4><div class="corona-content"><div class="text">আক্রান্ত</div><div class="number">১,২৩১</div></div><div class="corona-content"><div class="text">সুস্থ</div><div class="number">৪৯</div></div><div class="corona-content"><div class="text">মৃত্যু</div><div class="number death">৫০</div></div><div class="corona-content"><div class="number sutro">সূত্র:আইইডিসিআর</div></div></div><div class="corona-body body-world"><h4>বিশ্বে</h4><div class="corona-content"><div class="text">আক্রান্ত</div><div class="number">২,০১৭,৮১০</div></div><div class="corona-content"><div class="text">সুস্থ</div><div class="number">৪,৯২,১১৫</div></div><div class="corona-content"><div class="text">মৃত্যু</div><div class="number death">১,২৮,০৪৪</div></div><div class="corona-content"><div class="number sutro">সূত্র:জনস হপকিন্স ইউনিভার্সিটি</div></div></div></div></div><div style='clear:both;'></div><div class='menu-sudip'>Update: ১৬/০৪/২০২০ by SMsudipBD</div></div> css code /*---==============corona css=====================---*/ .coronavirus-statistics{background:#e5e5e5;text-align:center;padding-bottom:12px;margin-bottom:16px;} .coronavirus-statistics h4{background-image: linear-gradient(50deg,#6400f5,#fb0035);color:#fff;margin-top:0;font-size:22px;margin-bottom:0;padding:10px;} .coronavirus-statistics .corona-body{width:50%;float:left;background:#fff;} .coronavirus-statistics .corona-body h4{background:#055a09;padding:5px;font-size:20px;margin-top:0;margin-bottom:1px;} .coronavirus-statistics .corona-body.body-world h4{background:#d50066;} .coronavirus-statistics .corona-body .corona-content{margin:5px 0;border-right:1px dotted;} .coronavirus-statistics .corona-body.body-world .corona-content{border:none;margin-right:2%;margin-left:-2%;} .coronavirus-statistics .corona-body .corona-content .text{font-size:18px;} .coronavirus-statistics .corona-body .corona-content .text.sutro{font-size:10px;margin-bottom:-5px;} .coronavirus-statistics .corona-body .corona-content .number{background:#a5d6a7;width:74%;margin-left:13%;border-radius:100px;padding:4px 4px;font-size:15px;font-weight:bold;} .coronavirus-statistics .corona-body.body-world .corona-content .number{background:#b0bec5;} .coronavirus-statistics .corona-body.body-world .corona-content .number.death{background:#F44336;color:#fff;} .menu-sudip { text-align: center; color: #fff; font-weight: bold; background: linear-gradient(20deg,#fff,#d31bc6 40%,#a525bd 60%,#fff 100%); padding: 5px; border-radius: 5px; } .coronavirus-statistics .corona-body .corona-content .number.sutro{background:none;color:#0009;font-weight:normal;font-size:10px;padding:0;margin-left:0;width:100%;margin-bottom:0;line-height:34px;} .coronavirus-statistics .corona-body.body-bangladesh .corona-content .number.death{background:#F44336;color:#fff;} @media screen and (max-width:1024px){.coronavirus-statistics .corona-body .corona-content .number{font-size:12px;}} /*---==============corona css end=====================---*/ dont edit other by design will be crop. thanks all. Demo.. [bg=#f82e00]Demo here[/bg]