update index

EbrahimAlwajih · Jul 2, 2024 · 7db0fc5 · 7db0fc5
1 parent b189ddd
commit 7db0fc5
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 18 deletions.
diff --git a/README.md b/README.md
@@ -78,7 +78,7 @@ pip install matplotlib pandas
 
 ## License
 
-This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
+This Code is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
 
 ## Contributing
 

diff --git a/index.html b/index.html
@@ -3,59 +3,75 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="Radar Diagram: A Python project for creating radar charts to visualize model performance based on various metrics.">
+    <meta name="description" content="Radar Diagram: A Python Code for creating radar charts to visualize model performance based on various metrics.">
     <meta name="keywords" content="Radar Chart, Spider Chart, Model Performance, Data Visualization, Python, GitHub, Repository">
     <title>Radar Diagram</title>
     <style>
         body {
-            font-family: Arial, sans-serif;
+            font-family: 'Helvetica Neue', Arial, sans-serif;
+            background-color: #e8f5e9;
+            color: #333;
             margin: 0;
             padding: 0;
-            background-color: #f4f4f4;
-            color: #333;
         }
         .container {
-            width: 80%;
+            width: 90%;
             margin: auto;
             overflow: hidden;
         }
         header {
-            background: #50b3a2;
+            background: #2e7d32;
             color: #fff;
-            padding-top: 30px;
-            min-height: 70px;
-            border-bottom: #e8491d 3px solid;
+            padding: 20px 0;
+            text-align: center;
+            border-bottom: 4px solid #ff9800;
         }
         header a {
-            color: #fff;
+            color: #ff9800;
             text-decoration: none;
             text-transform: uppercase;
             font-size: 16px;
         }
         header ul {
             padding: 0;
             list-style: none;
+            text-align: center;
         }
         header li {
             display: inline;
-            padding: 0 20px 0 20px;
+            padding: 0 15px;
         }
         .showcase {
-            min-height: 400px;
-            background: #35424a;
+            background: #66bb6a;
             color: #fff;
             text-align: center;
-            padding: 150px 0;
+            padding: 100px 0;
         }
         .showcase h1 {
-            font-size: 55px;
+            font-size: 50px;
             margin-top: 0;
         }
+        .showcase p {
+            font-size: 20px;
+        }
         .content {
-            padding: 30px 0;
+            padding: 40px 0;
+            text-align: center;
         }
         .content h2 {
-            text-align: center;
+            font-size: 36px;
+        }
+        .content p {
+            font-size: 18px;
+            line-height: 1.6;
+            margin: 20px 0;
+        }
+        .content a {
+            color: #ff9800;
+            text-decoration: none;
+        }
+        .content a:hover {
+            text-decoration: underline;
         }
     </style>
 </head>