Advertisement
folliejester

Untitled

Mar 5th, 2024
730
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 23.50 KB | Source Code | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta
  7.      name="viewport"
  8.      content="width=device-width,
  9.                   initial-scale=1.0"
  10.    />
  11.     <title>Proj1</title>
  12.   </head>
  13.   <body
  14.    style="
  15.      background-color: lightgrey;
  16.      background-image: url('https://i.imgur.com/8ttb5FL.png');
  17.      background-repeat: no-repeat;
  18.      background-size: cover;
  19.    "
  20.  >
  21.     <div
  22.      id="dateTime"
  23.      style="position: fixed; top: 10px; left: 10px; font-size: 20px"
  24.    ></div>
  25.     <h1 id="tableTitle" align="center">PLAYERS & THEIR STATS</h1>
  26.    <table border="1" id="statsTable" style="margin: auto; width: 80%">
  27.       <tr>
  28.         <td>
  29.           <strong>
  30.             <center>Name of the players</center>
  31.           </strong>
  32.         </td>
  33.         <td>
  34.           <strong> Statistics </strong>
  35.         </td>
  36.       </tr>
  37.       <tr>
  38.         <td id="startoftable" style="text-align: center">
  39.           <div style="margin-top: 10px">
  40.             <img
  41.              id="playerImage1"
  42.              src="https://i.imgur.com/Ari5UmX.png"
  43.              alt="ROHIT SHARMA Image"
  44.              style="width: 2.5cm; height: 2.5cm"
  45.            />
  46.             <div style="font-size: 20px; margin-top: 5px">ROHIT SHARMA</div>
  47.           </div>
  48.         </td>
  49.         <td>
  50.           <ul>
  51.             <li>Matches: 151</li>
  52.             <li>Inn: 143</li>
  53.             <li>NO: 18</li>
  54.             <li>Runs: 3974</li>
  55.             <li>HS: 121*</li>
  56.             <li>Avg: 31.79</li>
  57.             <li>SR: 139.98</li>
  58.             <li>100’s: 5</li>
  59.             <li>50’s: 29</li>
  60.             <li>4s: 359</li>
  61.             <li>6s: 190</li>
  62.             <li>CT: 60</li>
  63.             <li>ST: 0</li>
  64.           </ul>
  65.         </td>
  66.       </tr>
  67.       <tr>
  68.         <td style="text-align: center">
  69.           <div style="margin-top: 10px">
  70.             <img
  71.              id="playerImage2"
  72.              src="https://i.imgur.com/GceTMvr.png"
  73.              alt="VIRAT KOHLI Image"
  74.              style="width: 2.5cm; height: 2.5cm"
  75.            />
  76.             <div style="font-size: 20px; margin-top: 5px">VIRAT KOHLI</div>
  77.           </div>
  78.         </td>
  79.         <td>
  80.           <ul>
  81.             <li>Matches: 117</li>
  82.             <li>Inn: 109</li>
  83.             <li>NO: 31</li>
  84.             <li>Runs: 4037</li>
  85.             <li>HS: 122*</li>
  86.             <li>Avg: 51.76</li>
  87.             <li>SR: 138.16</li>
  88.             <li>100’s: 1</li>
  89.             <li>50’s: 37</li>
  90.             <li>4s: 361</li>
  91.             <li>6s: 117</li>
  92.             <li>CT: 52</li>
  93.             <li>ST: 0</li>
  94.           </ul>
  95.         </td>
  96.       </tr>
  97.       <tr>
  98.         <td style="text-align: center">
  99.           <div style="margin-top: 10px">
  100.             <img
  101.              id="playerImage3"
  102.              src="https://i.imgur.com/8QkfzPd.png"
  103.              alt="JASPRIT BUMRAH Image"
  104.              style="width: 2.5cm; height: 2.5cm"
  105.            />
  106.             <div style="font-size: 20px; margin-top: 5px">JASPRIT BUMRAH</div>
  107.           </div>
  108.         </td>
  109.         <td>
  110.           <ul>
  111.             <li>Matches: 62</li>
  112.             <li>Inn: 7</li>
  113.             <li>NO: 5</li>
  114.             <li>Runs: 8</li>
  115.             <li>HS: 7</li>
  116.             <li>Avg: 4.00</li>
  117.             <li>SR: 61.54</li>
  118.             <li>100’s: 0</li>
  119.             <li>50’s: 0</li>
  120.             <li>4s: 1</li>
  121.             <li>6s: 0</li>
  122.             <li>CT: 7</li>
  123.             <li>ST: 0</li>
  124.           </ul>
  125.         </td>
  126.       </tr>
  127.       <tr>
  128.         <td style="text-align: center">
  129.           <div style="margin-top: 10px">
  130.             <img
  131.              id="playerImage4"
  132.              src="https://i.imgur.com/29zSOrJ.png"
  133.              alt="RAVINDRA JADEJA Image"
  134.              style="width: 2.5cm; height: 2.5cm"
  135.            />
  136.             <div style="font-size: 20px; margin-top: 5px">RAVINDRA JADEJA</div>
  137.           </div>
  138.         </td>
  139.         <td>
  140.           <ul>
  141.             <li>Matches: 66</li>
  142.             <li>Inn: 36</li>
  143.             <li>NO: 15</li>
  144.             <li>Runs: 480</li>
  145.             <li>HS: 46*</li>
  146.             <li>Avg: 22.86</li>
  147.             <li>SR: 125.33</li>
  148.             <li>100’s: 0</li>
  149.             <li>50’s: 0</li>
  150.             <li>4s: 36</li>
  151.             <li>6s: 13</li>
  152.             <li>CT: 25</li>
  153.             <li>ST: 0</li>
  154.           </ul>
  155.         </td>
  156.       </tr>
  157.       <tr>
  158.         <td style="text-align: center">
  159.           <div style="margin-top: 10px">
  160.             <img
  161.              id="playerImage5"
  162.              src="https://i.imgur.com/xS9d83Y.png"
  163.              alt="HARDIK PANDYA Image"
  164.              style="width: 2.5cm; height: 2.5cm"
  165.            />
  166.             <div style="font-size: 20px; margin-top: 5px">HARDIK PANDYA</div>
  167.           </div>
  168.         </td>
  169.         <td>
  170.           <ul>
  171.             <li>Matches: 92</li>
  172.             <li>Inn: 71</li>
  173.             <li>NO: 18</li>
  174.             <li>Runs: 1348</li>
  175.             <li>HS: 71*</li>
  176.             <li>Avg: 25.43</li>
  177.             <li>SR: 139.83</li>
  178.             <li>100’s: 0</li>
  179.             <li>50’s: 3</li>
  180.             <li>4s: 96</li>
  181.             <li>6s: 69</li>
  182.             <li>CT: 45</li>
  183.             <li>ST: 0</li>
  184.           </ul>
  185.         </td>
  186.       </tr>
  187.       <tr>
  188.         <td style="text-align: center">
  189.           <div style="margin-top: 10px">
  190.             <img
  191.              id="playerImage6"
  192.              src="https://i.imgur.com/oDlpKPS.png"
  193.              alt="RAVICHANDRAN ASHWIN Image"
  194.              style="width: 2.5cm; height: 2.5cm"
  195.            />
  196.             <div style="font-size: 20px; margin-top: 5px">
  197.               RAVICHANDRAN ASHWIN
  198.             </div>
  199.           </div>
  200.         </td>
  201.         <td>
  202.           <ul>
  203.             <li>Matches: 65</li>
  204.             <li>Inn: 19</li>
  205.             <li>NO: 12</li>
  206.             <li>Runs: 184</li>
  207.             <li>HS: 31*</li>
  208.             <li>Avg: 26.29</li>
  209.             <li>SR: 115.00</li>
  210.             <li>100’s: 0</li>
  211.             <li>50’s: 0</li>
  212.             <li>4s: 17</li>
  213.             <li>6s: 4</li>
  214.             <li>CT: 11</li>
  215.             <li>ST: 0</li>
  216.           </ul>
  217.         </td>
  218.       </tr>
  219.       <tr>
  220.         <td style="text-align: center">
  221.           <div style="margin-top: 10px">
  222.             <img
  223.              id="playerImage7"
  224.              src="https://i.imgur.com/3IpvfYP.png"
  225.              alt="MOHAMMAD SHAMI Image"
  226.              style="width: 2.5cm; height: 2.5cm"
  227.            />
  228.             <div style="font-size: 20px; margin-top: 5px">MOHAMMAD SHAMI</div>
  229.           </div>
  230.         </td>
  231.         <td>
  232.           <ul>
  233.             <li>Matches: 23</li>
  234.             <li>Inn: 3</li>
  235.             <li>NO: 2</li>
  236.             <li>Runs: 0</li>
  237.             <li>HS: 0*</li>
  238.             <li>Avg: 0.00</li>
  239.             <li>SR: 0.00</li>
  240.             <li>100’s: 0</li>
  241.             <li>50’s: 0</li>
  242.             <li>4s: 0</li>
  243.             <li>6s: 0</li>
  244.             <li>CT: 1</li>
  245.             <li>ST: 0</li>
  246.           </ul>
  247.         </td>
  248.       </tr>
  249.       <tr>
  250.         <td style="text-align: center">
  251.           <div style="margin-top: 10px">
  252.             <img
  253.              id="playerImage8"
  254.              src="https://i.imgur.com/DOFXIrg.png"
  255.              alt="RISHABH PANT Image"
  256.              style="width: 2.5cm; height: 2.5cm"
  257.            />
  258.             <div style="font-size: 20px; margin-top: 5px">RISHABH PANT</div>
  259.           </div>
  260.         </td>
  261.         <td>
  262.           <ul>
  263.             <li>Matches: 66</li>
  264.             <li>Inn: 56</li>
  265.             <li>NO: 12</li>
  266.             <li>Runs: 987</li>
  267.             <li>HS: 65*</li>
  268.             <li>Avg: 22.43</li>
  269.             <li>SR: 126.38</li>
  270.             <li>100’s: 0</li>
  271.             <li>50’s: 3</li>
  272.             <li>4s: 86</li>
  273.             <li>6s: 37</li>
  274.             <li>CT: 27</li>
  275.             <li>ST: 9</li>
  276.           </ul>
  277.         </td>
  278.       </tr>
  279.       <tr>
  280.         <td style="text-align: center">
  281.           <div style="margin-top: 10px">
  282.             <img
  283.              id="playerImage9"
  284.              src="https://i.imgur.com/l8D4nEr.png"
  285.              alt="AXAR PATEL Image"
  286.              style="width: 2.5cm; height: 2.5cm"
  287.            />
  288.             <div style="font-size: 20px; margin-top: 5px">AXAR PATEL</div>
  289.           </div>
  290.         </td>
  291.         <td>
  292.           <ul>
  293.             <li>Matches: 52</li>
  294.             <li>Inn: 31</li>
  295.             <li>NO: 12</li>
  296.             <li>Runs: 361</li>
  297.             <li>HS: 65</li>
  298.             <li>Avg: 19.00</li>
  299.             <li>SR: 144.40</li>
  300.             <li>100’s: 0</li>
  301.             <li>50’s: 1</li>
  302.             <li>4s: 27</li>
  303.             <li>6s: 16</li>
  304.             <li>CT: 16</li>
  305.             <li>ST: 0</li>
  306.           </ul>
  307.         </td>
  308.       </tr>
  309.       <tr>
  310.         <td style="text-align: center">
  311.           <div style="margin-top: 10px">
  312.             <img
  313.              id="playerImage10"
  314.              src="https://i.imgur.com/CWAFkCm.png"
  315.              alt="KL RAHUL Image"
  316.              style="width: 2.5cm; height: 2.5cm"
  317.            />
  318.             <div style="font-size: 20px; margin-top: 5px">KL RAHUL</div>
  319.           </div>
  320.         </td>
  321.         <td>
  322.           <ul>
  323.             <li>Matches: 72</li>
  324.             <li>Inn: 68</li>
  325.             <li>NO: 8</li>
  326.             <li>Runs: 2265</li>
  327.             <li>HS: 110*</li>
  328.             <li>Avg: 37.75</li>
  329.             <li>SR: 139.13</li>
  330.             <li>100’s: 2</li>
  331.             <li>50’s: 22</li>
  332.             <li>4s: 191</li>
  333.             <li>6s: 99</li>
  334.             <li>CT: 23</li>
  335.             <li>ST: 1</li>
  336.           </ul>
  337.         </td>
  338.       </tr>
  339.       <tr>
  340.         <td style="text-align: center">
  341.           <div style="margin-top: 10px">
  342.             <img
  343.              id="playerImage11"
  344.              src="https://i.imgur.com/kpwlI3s.png"
  345.              alt="SHREYAS IYER Image"
  346.              style="width: 2.5cm; height: 2.5cm"
  347.            />
  348.             <div style="font-size: 20px; margin-top: 5px">SHREYAS IYER</div>
  349.           </div>
  350.         </td>
  351.         <td>
  352.           <ul>
  353.             <li>Matches: 51</li>
  354.             <li>Inn: 47</li>
  355.             <li>NO: 11</li>
  356.             <li>Runs: 1104</li>
  357.             <li>HS: 74*</li>
  358.             <li>Avg: 30.67</li>
  359.             <li>SR: 136.13</li>
  360.             <li>100’s: 0</li>
  361.             <li>50’s: 8</li>
  362.             <li>4s: 90</li>
  363.             <li>6s: 44</li>
  364.             <li>CT: 16</li>
  365.             <li>ST: 0</li>
  366.           </ul>
  367.         </td>
  368.       </tr>
  369.       <tr>
  370.         <td style="text-align: center">
  371.           <div style="margin-top: 10px">
  372.             <img
  373.              id="playerImage12"
  374.              src="https://i.imgur.com/SDyezJS.png"
  375.              alt="MOHAMMED SIRAJ Image"
  376.              style="width: 2.5cm; height: 2.5cm"
  377.            />
  378.             <div style="font-size: 20px; margin-top: 5px">MOHAMMED SIRAJ</div>
  379.           </div>
  380.         </td>
  381.         <td>
  382.           <ul>
  383.             <li>Matches: 10</li>
  384.             <li>Inn: 2</li>
  385.             <li>NO: 1</li>
  386.             <li>Runs: 7</li>
  387.             <li>HS: 5</li>
  388.             <li>Avg: 7.00</li>
  389.             <li>SR: 87.50</li>
  390.             <li>100’s: 0</li>
  391.             <li>50’s: 0</li>
  392.             <li>4s: 1</li>
  393.             <li>6s: 0</li>
  394.             <li>CT: 4</li>
  395.             <li>ST: 0</li>
  396.           </ul>
  397.         </td>
  398.       </tr>
  399.       <tr>
  400.         <td style="text-align: center">
  401.           <div style="margin-top: 10px">
  402.             <img
  403.              id="playerImage13"
  404.              src="https://i.imgur.com/cLu1OgE.png"
  405.              alt="SURYAKUMAR YADAV Image"
  406.              style="width: 2.5cm; height: 2.5cm"
  407.            />
  408.             <div style="font-size: 20px; margin-top: 5px">SURYAKUMAR YADAV</div>
  409.           </div>
  410.         </td>
  411.         <td>
  412.           <ul>
  413.             <li>Matches: 60</li>
  414.             <li>Inn: 57</li>
  415.             <li>NO: 10</li>
  416.             <li>Runs: 2141</li>
  417.             <li>HS: 117</li>
  418.             <li>Avg: 45.55</li>
  419.             <li>SR: 171.55</li>
  420.             <li>100’s: 4</li>
  421.             <li>50’s: 17</li>
  422.             <li>4s: 192</li>
  423.             <li>6s: 123</li>
  424.             <li>CT: 40</li>
  425.             <li>ST: 0</li>
  426.           </ul>
  427.         </td>
  428.       </tr>
  429.       <tr>
  430.         <td style="text-align: center">
  431.           <div style="margin-top: 10px">
  432.             <img
  433.              id="playerImage14"
  434.              src="https://i.imgur.com/r3RcY7y.png"
  435.              alt="SHUBMAN GILL Image"
  436.              style="width: 2.5cm; height: 2.5cm"
  437.            />
  438.             <div style="font-size: 20px; margin-top: 5px">SHUBMAN GILL</div>
  439.           </div>
  440.         </td>
  441.         <td>
  442.           <ul>
  443.             <li>Matches: 14</li>
  444.             <li>Inn: 14</li>
  445.             <li>NO: 1</li>
  446.             <li>Runs: 399</li>
  447.             <li>HS: 126*</li>
  448.             <li>Avg: 26.08</li>
  449.             <li>SR: 149.34</li>
  450.             <li>100’s: 1</li>
  451.             <li>50’s: 1</li>
  452.             <li>4s: 32</li>
  453.             <li>6s: 16</li>
  454.             <li>CT: 3</li>
  455.             <li>ST: -</li>
  456.           </ul>
  457.         </td>
  458.       </tr>
  459.       <tr>
  460.         <td style="text-align: center">
  461.           <div style="margin-top: 10px">
  462.             <img
  463.              id="playerImage15"
  464.              src="https://i.imgur.com/2OT8eHN.png"
  465.              alt="UMESH YADAV Image"
  466.              style="width: 2.5cm; height: 2.5cm"
  467.            />
  468.             <div style="font-size: 20px; margin-top: 5px">UMESH YADAV</div>
  469.           </div>
  470.         </td>
  471.         <td>
  472.           <ul>
  473.             <li>Matches: 9</li>
  474.             <li>Inn: 2</li>
  475.             <li>NO: 1</li>
  476.             <li>Runs: 22</li>
  477.             <li>HS: 20*</li>
  478.             <li>Avg: 22.00</li>
  479.             <li>SR: 104.76</li>
  480.             <li>100’s: 0</li>
  481.             <li>50’s: 0</li>
  482.             <li>4s: 2</li>
  483.             <li>6s: 0</li>
  484.             <li>CT: 3</li>
  485.             <li>ST: 0</li>
  486.           </ul>
  487.         </td>
  488.       </tr>
  489.       <tr>
  490.         <td style="text-align: center">
  491.           <div style="margin-top: 10px">
  492.             <img
  493.              id="playerImage16"
  494.              src="https://i.imgur.com/ROWmLF6.png"
  495.              alt="SHIKHAR DHAWAN Image"
  496.              style="width: 2.5cm; height: 2.5cm"
  497.            />
  498.             <div style="font-size: 20px; margin-top: 5px">SHIKHAR DHAWAN</div>
  499.           </div>
  500.         </td>
  501.         <td>
  502.           <ul>
  503.             <li>Matches: 68</li>
  504.             <li>Inn: 66</li>
  505.             <li>NO: 3</li>
  506.             <li>Runs: 1759</li>
  507.             <li>HS: 92</li>
  508.             <li>Avg: 27.92</li>
  509.             <li>SR: 126.36</li>
  510.             <li>100’s: 0</li>
  511.             <li>50’s: 11</li>
  512.             <li>4s: 191</li>
  513.             <li>6s: 50</li>
  514.             <li>CT: 19</li>
  515.             <li>ST: 0</li>
  516.           </ul>
  517.         </td>
  518.       </tr>
  519.       <tr>
  520.         <td style="text-align: center">
  521.           <div style="margin-top: 10px">
  522.             <img
  523.              id="playerImage17"
  524.              src="https://i.imgur.com/uBLeYX3.png"
  525.              alt="SHARDUL THAKUR Image"
  526.              style="width: 2.5cm; height: 2.5cm"
  527.            />
  528.             <div style="font-size: 20px; margin-top: 5px">SHARDUL THAKUR</div>
  529.           </div>
  530.         </td>
  531.         <td>
  532.           <ul>
  533.             <li>Matches: 25</li>
  534.             <li>Inn: 6</li>
  535.             <li>NO: 3</li>
  536.             <li>Runs: 69</li>
  537.             <li>HS: 22*</li>
  538.             <li>Avg: 23.00</li>
  539.             <li>SR: 181.58</li>
  540.             <li>100’s: 0</li>
  541.             <li>50’s: 0</li>
  542.             <li>4s: 5</li>
  543.             <li>6s: 4</li>
  544.             <li>CT: 7</li>
  545.             <li>ST: 0</li>
  546.           </ul>
  547.         </td>
  548.       </tr>
  549.       <tr>
  550.         <td style="text-align: center">
  551.           <div style="margin-top: 10px">
  552.             <img
  553.              id="playerImage18"
  554.              src="https://i.imgur.com/gPPehRW.png"
  555.              alt="ISHAN KISHAN Image"
  556.              style="width: 2.5cm; height: 2.5cm"
  557.            />
  558.             <div style="font-size: 20px; margin-top: 5px">ISHAN KISHAN</div>
  559.           </div>
  560.         </td>
  561.         <td>
  562.           <ul>
  563.             <li>Matches: 32</li>
  564.             <li>Inn: 32</li>
  565.             <li>NO: 1</li>
  566.             <li>Runs: 796</li>
  567.             <li>HS: 89</li>
  568.             <li>Avg: 25.68</li>
  569.             <li>SR: 124.37</li>
  570.             <li>100’s: 0</li>
  571.             <li>50’s: 6</li>
  572.             <li>4s: 79</li>
  573.             <li>6s: 36</li>
  574.             <li>CT: 13</li>
  575.             <li>ST: 3</li>
  576.           </ul>
  577.         </td>
  578.       </tr>
  579.       <tr>
  580.         <td style="text-align: center">
  581.           <div style="margin-top: 10px">
  582.             <img
  583.              id="playerImage19"
  584.              src="https://i.imgur.com/odNnmzs.png"
  585.              alt="DEEPAK HOODA Image"
  586.              style="width: 2.5cm; height: 2.5cm"
  587.            />
  588.             <div style="font-size: 20px; margin-top: 5px">DEEPAK HOODA</div>
  589.           </div>
  590.         </td>
  591.         <td>
  592.           <ul>
  593.             <li>Matches: 21</li>
  594.             <li>Inn: 17</li>
  595.             <li>NO: 5</li>
  596.             <li>Runs: 368</li>
  597.             <li>HS: 104</li>
  598.             <li>Avg: 30.67</li>
  599.             <li>SR: 147.20</li>
  600.             <li>100’s: 1</li>
  601.             <li>50’s: 0</li>
  602.             <li>4s: 29</li>
  603.             <li>6s: 18</li>
  604.             <li>CT: 15</li>
  605.             <li>ST: 0</li>
  606.           </ul>
  607.         </td>
  608.       </tr>
  609.       <tr>
  610.         <td style="text-align: center">
  611.           <div style="margin-top: 10px">
  612.             <img
  613.              id="playerImage20"
  614.              src="https://i.imgur.com/JoU1C9Q.png"
  615.              alt="YUZVENDRA CHAHAL Image"
  616.              style="width: 2.5cm; height: 2.5cm"
  617.            />
  618.             <div style="font-size: 20px; margin-top: 5px">YUZVENDRA CHAHAL</div>
  619.           </div>
  620.         </td>
  621.         <td>
  622.           <ul>
  623.             <li>Matches: 80</li>
  624.             <li>Inn: 6</li>
  625.             <li>NO: 4</li>
  626.             <li>Runs: 6</li>
  627.             <li>HS: 3*</li>
  628.             <li>Avg: 3.00</li>
  629.             <li>SR: 46.15</li>
  630.             <li>100’s: 0</li>
  631.             <li>50’s: 0</li>
  632.             <li>4s: 0</li>
  633.             <li>6s: 0</li>
  634.             <li>CT: 15</li>
  635.             <li>ST: 0</li>
  636.           </ul>
  637.         </td>
  638.       </tr>
  639.       <tr>
  640.         <td style="text-align: center">
  641.           <div style="margin-top: 10px">
  642.             <img
  643.              id="playerImage21"
  644.              src="https://i.imgur.com/UuSDy52.png"
  645.              alt="KULDEEP YADAV Image"
  646.              style="width: 2.5cm; height: 2.5cm"
  647.            />
  648.             <div style="font-size: 20px; margin-top: 5px">KULDEEP YADAV</div>
  649.           </div>
  650.         </td>
  651.         <td>
  652.           <ul>
  653.             <li>Matches: 35</li>
  654.             <li>Inn: 7</li>
  655.             <li>NO: 3</li>
  656.             <li>Runs: 46</li>
  657.             <li>HS: 23*</li>
  658.             <li>Avg: 11.50</li>
  659.             <li>SR: 77.97</li>
  660.             <li>100’s: 0</li>
  661.             <li>50’s: 0</li>
  662.             <li>4s: 2</li>
  663.             <li>6s: 0</li>
  664.             <li>CT: 10</li>
  665.             <li>ST: 0</li>
  666.           </ul>
  667.         </td>
  668.       </tr>
  669.       <tr>
  670.         <td style="text-align: center">
  671.           <div style="margin-top: 10px">
  672.             <img
  673.              id="playerImage22"
  674.              src="https://i.imgur.com/3MhtZdi.png"
  675.              alt="WASHINGTON SUNDAR Image"
  676.              style="width: 2.5cm; height: 2.5cm"
  677.            />
  678.             <div style="font-size: 20px; margin-top: 5px">
  679.               WASHINGTON SUNDAR
  680.             </div>
  681.           </div>
  682.         </td>
  683.         <td>
  684.           <ul>
  685.             <li>Matches: 42</li>
  686.             <li>Inn: 15</li>
  687.             <li>NO: 5</li>
  688.             <li>Runs: 107</li>
  689.             <li>HS: 50</li>
  690.             <li>Avg: 10.70</li>
  691.             <li>SR: 150.70</li>
  692.             <li>100’s: 0</li>
  693.             <li>50’s: 1</li>
  694.             <li>4s: 10</li>
  695.             <li>6s: 6</li>
  696.             <li>CT: 13</li>
  697.             <li>ST: 0</li>
  698.           </ul>
  699.         </td>
  700.       </tr>
  701.       <tr>
  702.         <td style="text-align: center">
  703.           <div style="margin-top: 10px">
  704.             <img
  705.              id="playerImage23"
  706.              src="https://i.imgur.com/NFpTdDb.png"
  707.              alt="SANJU SAMSON Image"
  708.              style="width: 2.5cm; height: 2.5cm"
  709.            />
  710.             <div style="font-size: 20px; margin-top: 5px">SANJU SAMSON</div>
  711.           </div>
  712.         </td>
  713.         <td>
  714.           <ul>
  715.             <li>Matches: 25</li>
  716.             <li>Inn: 22</li>
  717.             <li>NO: 2</li>
  718.             <li>Runs: 374</li>
  719.             <li>HS: 77</li>
  720.             <li>Avg: 18.70</li>
  721.             <li>SR: 133.10</li>
  722.             <li>100’s: 0</li>
  723.             <li>50’s: 1</li>
  724.             <li>4s: 31</li>
  725.             <li>6s: 15</li>
  726.             <li>CT: 14</li>
  727.             <li>ST: 4</li>
  728.           </ul>
  729.         </td>
  730.       </tr>
  731.       <tr>
  732.         <td id="endoftable" style="text-align: center">
  733.           <div style="margin-top: 10px">
  734.             <img
  735.              id="playerImage24"
  736.              src="https://i.imgur.com/7ZP1XjU.png"
  737.              alt="ARSHDEEP SINGH Image"
  738.              style="width: 2.5cm; height: 2.5cm"
  739.            />
  740.             <div style="font-size: 20px; margin-top: 5px">ARSHDEEP SINGH</div>
  741.           </div>
  742.         </td>
  743.         <td>
  744.           <ul>
  745.             <li>Matches: 43</li>
  746.             <li>Inn: 11</li>
  747.             <li>NO: 8</li>
  748.             <li>Runs: 34</li>
  749.             <li>HS: 12</li>
  750.             <li>Avg: 11.33</li>
  751.             <li>SR: 125.93</li>
  752.             <li>100’s: 0</li>
  753.             <li>50’s: 0</li>
  754.             <li>4s: 3</li>
  755.             <li>6s: 1</li>
  756.             <li>CT: 12</li>
  757.             <li>ST: -</li>
  758.           </ul>
  759.         </td>
  760.       </tr>
  761.     </table>
  762.     <button
  763.      id="floatingButton"
  764.      style="position: fixed; bottom: 10px; left: 10px"
  765.    >
  766.       Switch
  767.     </button>
  768.     <script>
  769.       document
  770.         .getElementById("floatingButton")
  771.         .addEventListener("click", () => {
  772.           const body = document.body;
  773.           if (body.style.backgroundColor === "lightgrey") {
  774.             body.style.backgroundColor = "rgb(64, 228, 228)";
  775.             body.style.backgroundImage = "none";
  776.           } else {
  777.             body.style.backgroundColor = "lightgrey";
  778.             body.style.backgroundImage =
  779.               "url('https://i.imgur.com/8ttb5FL.png')";
  780.           }
  781.         });
  782.       setInterval(() => {
  783.         const dateTimeElement = document.getElementById("dateTime");
  784.         if (dateTimeElement) {
  785.           const now = new Date();
  786.           const date = now.toLocaleDateString();
  787.           const time = now.toLocaleTimeString();
  788.           dateTimeElement.innerText = `Date: ${date}\nTime: ${time}`;
  789.         }
  790.       }, 1000);
  791.     </script>
  792.     <a
  793.      id="bottomOfTable"
  794.      style="
  795.        text-decoration: none;
  796.        color: black;
  797.        position: fixed;
  798.        top: 10px;
  799.        right: 10px;
  800.      "
  801.      href="#endoftable"
  802.    >
  803.       ⬇️
  804.     </a>
  805.     <a
  806.      id="topOfTable"
  807.      style="
  808.        text-decoration: none;
  809.        color: black;
  810.        position: fixed;
  811.        bottom: 10px;
  812.        right: 10px;
  813.      "
  814.      href="#startoftable"
  815.    >
  816.       ⬆️
  817.     </a>
  818.   </body>
  819. </html>
  820.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement