Table-HTML

<!DOCTYPE html>

<html >

<head>

<style type="text/css">

h1{

  font-size: 30px;

  color: #fff;

  text-transform: uppercase;

  font-weight: 300;

  text-align: center;

  margin-bottom: 15px;

}

table{

  width:100%;

  table-layout: fixed;

}

.tbl-header{

  background-color: rgba(255,255,255,0.3);

}

.tbl-content{

  height:300px;

  overflow-x:auto;

  margin-top: 0px;

  border: 1px solid rgba(255,255,255,0.3);

}

th{

  padding: 20px 15px;

  text-align: left;

  font-weight: 500;

  font-size: 12px;

  color: #fff;

  text-transform: uppercase;

}

td{

  padding: 15px;

  text-align: left;

  vertical-align:middle;

  font-weight: 300;

  font-size: 12px;

  color: #fff;

  border-bottom: solid 1px rgba(255,255,255,0.1);

}

body{

  background: -webkit-linear-gradient(left, #25c481, #25b7c4);

  background: linear-gradient(to right, #25c481, #25b7c4);

  font-family: 'Roboto', sans-serif;

}

section{

  margin: 50px;

}

  </style>

</head>

<body>

  <h1>My Anime List</h1>

  <div class="tbl-header">

   <table cellpadding="0" cellspacing="0" border="0">

     <thead>

       <tr>

         <th>#</th>

         <th>Image</th>

         <th>Anime Title</th>

         <th>Score</th>

         <th>Grade</th>

       </tr>

     </thead>

   </table>

  </div>

  <div class="tbl-content">

   <table cellpadding="0" cellspacing="0" border="0">

     <tbody>

       <tr>

         <td>1</td>

         <td>.</td>

         <td>Boku no Hero Academia</td>

         <td>10</td>

         <td>S+</td>

       </tr>

       <tr>

         <td>2</td>

         <td>.</td>

         <td>Sword Art Online</td>

         <td>10</td>

         <td>S+</td>

       </tr>

       <tr>

         <td>3</td>

         <td>.</td>

         <td>Shingeki no Kyojin</td>

         <td>10</td>

         <td>S+</td>

       </tr>

       <tr>

         <td>4</td>

         <td>.</td>

         <td>Dr. Stone</td>

         <td>10</td>

         <td>S+</td>

       </tr>

       <tr>

         <td>5</td>

         <td>.</td>

         <td>Jujustu Kaisen</td>

         <td>10</td>

         <td>S+</td>

       </tr>

       <tr>

         <td>6</td>

         <td>.</td>

         <td>Hunter x Hunter (2011)</td>

         <td>10</td>

         <td>S+</td>

       </tr>

       <tr>

         <td>7</td>

         <td>.</td>

         <td>Fullmetal Alchemist: Brotherhood</td>

         <td>10</td>

         <td>S+</td>

       </tr>

       <tr>

         <td>8</td>

         <td>.</td>

         <td>Kimetsu no Yaiba</td>

         <td>10</td>

         <td>S+</td>

       </tr>

       <tr>

         <td>9</td>

         <td>.</td>

         <td>Tate no Yuusha no Nariagari</td>

         <td>10</td>

         <td>S+</td>

       </tr>

       <tr>

         <td>10</td>

         <td>.</td>

         <td>Ansatsu Kyoushitsu</td>

         <td>10</td>

         <td>S+</td>

       </tr>

       <tr>

         <td>11</td>

         <td>.</td>

         <td>Owari no Seraph</td>

         <td>9</td>

         <td>S</td>

       </tr>

       <tr>

         <td>12</td>

         <td>.</td>

         <td>Mob Psycho 100</td>

         <td>9</td>

         <td>S</td>

       </tr>

       <tr>

         <td>13</td>

         <td>.</td>

         <td>Akame ga Kill!</td>

         <td>9</td>

         <td>S</td>

       </tr>

       <tr>

         <td>14</td>

         <td>.</td>

         <td>Kono Subarashii Sekai ni Shukufuku wo!</td>

         <td>9</td>

         <td>S</td>

       </tr>

       <tr>

         <td>15</td>

         <td>.</td>

         <td>Re-Zero</td>

         <td>9</td>

         <td>S</td>

       </tr>

       <tr>

         <td>16</td>

         <td>.</td>

         <td>Ao no Exorcist</td>

         <td>9</td>

         <td>A+</td>

       </tr>

       <tr>

         <td>17</td>

         <td>.</td>

         <td>Kami-tachi ni Hirowareta Otoko</td>

         <td>9</td>

         <td>A+</td>

       </tr>

       <tr>

         <td>18</td>

         <td>.</td>

         <td>Kuma Kuma Kuma Bear</td>

         <td>9</td>

         <td>A+</td>

       </tr>

       <tr>

         <td>19</td>

         <td>.</td>

         <td>No Game No Life</td>

         <td>9</td>

         <td>A+</td>

       </tr>

       <tr>

         <td>20</td>

         <td>.</td>

         <td>Tokyo Ghoul</td>

         <td>9</td>

         <td>A+</td>

       </tr>

       <tr>

         <td>21</td>

         <td>.</td>

         <td>100-man no Inochi no Ue ni Ore wa Tatteiru</td>

         <td>9</td>

         <td>A</td>

       </tr>

       <tr>

         <td>22</td>

         <td>.</td>

         <td>Haikyuu!!</td>

         <td>9</td>

         <td>A</td>

       </tr>

       <tr>

         <td>23</td>

         <td>.</td>

         <td>Dan Machi</td>

         <td>9</td>

         <td>A</td>

       </tr>

       <tr>

         <td>24</td>

         <td>.</td>

         <td>Nanatsu no Taizai</td>

         <td>8</td>

         <td>A</td>

       </tr>

       <tr>

         <td>25</td>

         <td>.</td>

         <td>Noragami</td>

         <td>8</td>

         <td>A</td>

       </tr>

       <tr>

         <td>26</td>

         <td>.</td>

         <td>Boku dake ga Inai Machi</td>

         <td>7</td>

         <td>B+</td>

       </tr>

       <tr>

         <td>27</td>

         <td>.</td>

         <td>Your Lie in April</td>

         <td>7</td>

         <td>B+</td>

       </tr>

       <tr>

         <td>28</td>

         <td>.</td>

         <td>World Trigger</td>

         <td>7</td>

         <td>B+</td>

       </tr>

       <tr>

         <td>29</td>

         <td>.</td>

         <td>Parasyte- the maxim</td>

         <td>7</td>

         <td>B</td>

       </tr>

       <tr>

         <td>30</td>

         <td>.</td>

         <td>Naruto- Shippuden</td>

         <td>7</td>

         <td>B</td>

       </tr>

       <tr>

         <td>31</td>

         <td>.</td>

         <td>Death Parade</td>

         <td>6</td>

         <td>C</td>

       </tr>

       <tr>

         <td>32</td>

         <td>.</td>

         <td>Death Note</td>

         <td>4</td>

         <td>D</td>

       </tr>

     </tbody>

   </table>

<h5 style="background-color: ; width: 83%; text-align:center; text-transform: upercase; height: 50%; color: #00FFFF; font: 200% Rubik; text-shadow: 0px 0px 15px #e0c5db; padding:15px; border-radius:100px;"><b>My complete anime list till 08-Feb-21</b></h1>

  </div>

</section>

</body>

</html>