Question

Create a web page for the website of your school which will display the 1st three Rank holders of classes 1 to 12. The title of the page should be 'Achievers of the year'. Use all the attributes of Font tags. ​

Answer 1

<div class="row slideanim slide"><div class="col-sm-6"><div class="achiever-content"><h2 class="text-center  bg-color-index" style="padding:0;"><span class="fa fa-trophy"></span> &nbsp;Achievers 2020-21</h2><hr class="bottom-line"><div class="row" style="height: 277px;"> <div class="col-sm-6"><div id="owl-demo8" class="owl-carousel owl-theme" style="opacity: 1; display: block;"><div class="owl-wrapper-outer"><div class="owl-wrapper" style="width: 10660px; left: 0px; display: block; transition: all 800ms ease 0s; transform: translate3d(-1599px, 0px, 0px);"><div class="owl-item" style="width: 533px;"><div class="item"><img class="lazyOwl" src=" " style="display: block; margin: 0 auto;width: 150px; height: 180px;"><center><b>Class X Topper</b></center><center>KHUSHI YADAV<br> 98%</center></div></div><div class="owl-item" style="width: 533px;"><div class="item"><img class="lazyOwl" src="" style="display: block; margin: 0 auto;width: 150px; height: 180px;"><center><b>Class X Topper</b></center><center>SHRUTI MONDAL<br> 97.8%</center></div></div><div class="owl-item" style="width: 533px;"><div class="item"><img class="lazyOwl" src="" style="display: block; margin: 0 auto;width: 150px; height: 180px;"><center><b>Class X Topper</b></center><center>ARADHANA KOSHTA<br> 97.6%</center></div></div><div class="owl-item" style="width: 533px;"><div class="item"><img class="lazyOwl" src="" style="display: block; margin: 0 auto;width: 150px; height: 180px;"><center><b>Class X Topper</b></center><center>SNEHA SINGH<br> 97.6%</center></div></div><div class="owl-item" style="width: 533px;"><div class="item"><img class="lazyOwl" src="" style="display: block; margin: 0 auto;width: 150px; height: 180px;"><center><b>Class X Topper</b></center><center>CHHAVI KUMARI<br> 97.4%</center></div></div><div class="owl-item" style="width: 533px;"><div class="item"><img class="lazyOwl" src="" style="display: block; margin: 0 auto;width: 150px; height: 180px;"><center><b>Class X Topper</b></center><center>AAYUSH YADAV<br> 97.2%</center></div></div><div class="owl-item" style="width: 533px;"><div class="item"><img class="lazyOwl" src="" style="display: block; margin: 0 auto;width: 150px; height: 180px;"><center><b>Class X Topper</b></center><center>VIVAAN RAWAT<br> 97.2%</center></div></div><div class="owl-item" style="width: 533px;"><div class="item"><img class="lazyOwl" src="" style="display: block; margin: 0 auto;width: 150px; height: 180px;"><center><b>Class X Topper</b></center><center>ABHISHEK SHARMA<br> 97</center></div></div><div class="owl-item" style="width: 533px;"><div class="item"><img class="lazyOwl" src="" style="display: block; margin: 0 auto;width: 150px; height: 180px;"><center><b>Class X Topper</b></center><center>HARDIK SHARMA<br> 97%</center></div></div><div class="owl-item" style="width: 533px;"><div class="item"><img class="lazyOwl" src="" style="display: block; margin: 0 auto;width: 150px; height: 180px;"><center><b>Class X Topper</b></center><center>HARSH NAGPAL<br> 96.8%</center></div></div></div></div><div class="owl-controls clickable"><div class="owl-buttons"><div class="owl-prev">prev</div><div class="owl-next">next</div></div></div></div></div><div class="col-sm-6"><div id="owl-demo6" class="owl-carousel owl-theme" style="opacity: 1; display: block;"><div class="owl-wrapper-outer"><div class="owl-wrapper" style="width: 5330px; left: 0px; display: block; transition: all 800ms ease 0s; transform: translate3d(-1599px, 0px, 0px);"><div class="owl-item" style="width: 533px;"><div class="item"><img class="lazyOwl" src="" style="display: block; margin: 0 auto;width: 150px; height: 180px;"><center><b>Class XII Topper</b></center><center>MUSKAAN CHAUDHARY<br> 97.6%</center></div></div><div class="owl-item" style="width: 533px;"><div class="item"><img class="lazyOwl" src="" style="display: block; margin: 0 auto;width: 150px; height: 180px;"><center><b>Class XII Topper</b></center><center>OJASWI ANAND <br> 96.6%</center></div></div><div class="owl-item" style="width: 533px;"><div class="item"><img class="lazyOwl" src="" style="display: block; margin: 0 auto;width: 150px; height: 180px;"><center><b>Class XII Topper</b></center><center>SHREYA PRADHAN<br> 96.6%</center></div></div><div class="owl-item" style="width: 533px;"><div class="item"><img class="lazyOwl" src="" style="display: block; margin: 0 auto;width: 150px; height: 180px;"><center><b>Class XII Topper</b></center><center>TANISHQ TRIVEDI<br> 95.6%</center></div></div><div class="owl-item" style="width: 533px;"><div class="item"><img class="lazyOwl" src="" style="display: block; margin: 0 auto;width: 150px; height: 180px;"><center><b>Class XII Topper</b></center><center>JAANVI SHARMA<br> 95.6%</center></div></div></div></div><div class="owl-controls clickable"><div class="owl-buttons"><div class="owl-prev">prev</div><div class="owl-next">next</div></div></div></div> </div></div></div></div> </div> </div>