fixed bad attributes in validator

embeded_details.html

@@ -21,7 +21,7 @@
         </ul>
     </details>
     <h2 align="center">Embedded Details</h2>
-    <hr width="80%" align="center">
+    <hr width="800" align="center">
     <p align="center">
         <img src="./images/esp32.png" alt="ESP32" height="150">
         <img src="./images/arduino.png" alt="Arduino" height="150">

index.html

@@ -39,7 +39,7 @@
         <img src="./images/opencv.png" alt="OpenCV" height="30">
         <img src="./images/stm32.png" alt="STM32" height="30">
     </p>
-    <hr width="80%" align="center">
+    <hr width="800" align="center">
     <h3>Experience:</h3>
     <a href="./embeded_details.html">
         <h4><i>Embedded Systems:</i></h4>
@@ -48,11 +48,11 @@
         My main stack consists of Platformio+EspIdf or Arduino, also tried STM32</p>
 
     <a href="https://github.com/OkunElya/Air-Quality-Monitor-Device">
-        <img src="./images/AQ_monitor.png" width="50%" border="2" alt="Air Quality Monitor Device"><br>
+        <img src="./images/AQ_monitor.png" width="500"  alt="Air Quality Monitor Device"><br>
         <p><i>Click the image to check GitHub Project</i></p>
     </a>
 
-    <hr width="80%" align="center">
+    <hr width="800" align="center">
 
     <a href="./opencv_details.html">
         <h4><i>OpenCV:</i></h4>
@@ -62,11 +62,11 @@
         Sadly i'm used to opencv binding in python and not C++ , but that is solvable)</p>
 
     <p>
-        <img src="./images/arucos.png" width="50%" border="2" alt="Image of a table with arucos sheet"><br>
+        <img src="./images/arucos.png" width="500" alt="Image of a table with arucos sheet"><br>
         <i>Random image from the internet (not mine)</i>
     </p>
 
-    <hr width="80%" align="center">
+    <hr width="800" align="center">
     <h3>Hobbies:</h3>
     <ol>
         <li>
@@ -77,7 +77,7 @@
                     href="https://t.me/iTakePhotosOnTapok">here</a> </p>
         </li>
     </ol>
-    <hr width="80%" align="center">
+    <hr width="800" align="center">
 
     <h3><a href="./table.html"> Table!!!! With Filters!!! (not working yet)</a></h3>
 <p align="right">Author: Kulesh <br>

opencv_details.html

@@ -21,7 +21,7 @@
         </ul>
     </details>
     <h2 align="center">OpenCV Details</h2>
-    <hr width="80%" align="center">
+    <hr width="800" align="center">
     <p align="center">
         <img src="./images/opencv.png" alt="OpenCV" height="150" align="top">
         as mentioned before i love when programs are able to <i>see</i> things <br>
@@ -33,7 +33,7 @@
         Additionally, I'm exploring Re-Identification (ReId) techniques,
         they are used for recognizing and tracking objects across different camera views or consecutive frames.
     </p>
-    <hr width="50%" align="center">
+    <hr width="500" align="center">
     <p>
         One of many projects I've worked on is <a href="https://github.com/OkunElya/ArucoNGP-MapCreator"
             target="_blank">ArucoNGP-MapCreator</a>.<br>

photography_details.html

@@ -21,20 +21,20 @@
         </ul>
     </details>
     <h2 align="center">Photography Details</h2>
-    <hr width="80%" align="center">
+    <hr width="800" align="center">
 
     <p align="center">
         Usually i capture landcape scenes  with SLR camera, the main workhorse is Nikon D3100 with kit and 70-210mm 
     </p>
     <p align="center">
-        <img src="images/photos/image0.png" alt="Photo 0" width="20%">
+        <img src="images/photos/image0.png" alt="Photo 0" width="200">
-        <img src="images/photos/image1.png" alt="Photo 1" width="20%">
+        <img src="images/photos/image1.png" alt="Photo 1" width="200">
-        <img src="images/photos/image2.png" alt="Photo 2" width="20%">
+        <img src="images/photos/image2.png" alt="Photo 2" width="200">
     </p>
     <p  align="center">
-        <img src="images/photos/image3.png" alt="Photo 3" width="20%">
+        <img src="images/photos/image3.png" alt="Photo 3" width="200">
-        <img src="images/photos/image4.png" alt="Photo 4" width="20%">
+        <img src="images/photos/image4.png" alt="Photo 4" width="200">
-        <img src="images/photos/image5.png" alt="Photo 5" width="20%">
+        <img src="images/photos/image5.png" alt="Photo 5" width="200">
     </p>
 
 </body>

table.html

@@ -67,7 +67,7 @@
     </fieldset>
 </form>
 
-    <table class="data-table" border="1" bordercolor="#080808" cellpadding="5" cellspacing="0">
+    <table class="data-table" border="1" cellpadding="5" cellspacing="0">
         <thead>
             <tr>
                 <th>SensorID</th>