change and improvements

BilakshanP · Mar 1, 2024 · d55d511 · d55d511
1 parent 367a11c
commit d55d511
Show file tree

Hide file tree

Showing 9 changed files with 64 additions and 56 deletions.
diff --git a/Icons/Music.png → assets/images/icons/music.png b/Icons/Music.png → assets/images/icons/music.png
diff --git a/Icons/Science.png → assets/images/icons/science.png b/Icons/Science.png → assets/images/icons/science.png
diff --git a/Icons/Sports.png → assets/images/icons/sports.png b/Icons/Sports.png → assets/images/icons/sports.png
diff --git a/Icons/Theatre and film.png → assets/images/icons/theatre-and-films.png b/Icons/Theatre and film.png → assets/images/icons/theatre-and-films.png
diff --git a/home.css → assets/styles/home.css b/home.css → assets/styles/home.css
@@ -1,31 +1,33 @@
-body{
+body {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     background-color: rgb(246, 239, 213);
 }
+
 .categories {
     display:flex    ;
     justify-content: space-between;
     width: 80%;
     position: center;
     margin: 0% 10%;
-  }
+}
 
 .how-it-works-container {
     display: flex;
     flex-direction: column;
     justify-content: center;
-  }
+}
 
 .how-it-works-item {
     margin-bottom: 10px;
-  }
+}
 
 .description-container {
     width: 60%;
-  }
+}
 
 .description-item {
     margin-bottom: 30px;
-  }
+}
 
 img{ 
     display: inline-block;

diff --git a/assets/styles/index.css b/assets/styles/index.css
@@ -0,0 +1,31 @@
+a {
+    cursor: pointer;
+    color: inherit;
+}
+
+a:hover,
+a:focus {
+    color: red;
+    text-decoration: none;
+}
+
+a:visited {
+    color: purple;
+}
+
+a:visited:hover,
+a:visited:focus {
+    color: blue;
+}
+
+a:active {
+    color: green;
+}
+
+u:hover {
+    color: green;
+}
+
+p span {
+    text-decoration: underline;
+}
diff --git a/assets/styles/style.css b/assets/styles/style.css
@@ -0,0 +1,7 @@
+@import url('https://fonts.googleapis.com/css2?family=Anta&display=swap');
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
diff --git a/home.html b/home.html
@@ -1,20 +1,25 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="home.css">
+
+    <link rel="stylesheet" href="./assets/styles/style.css">
+    <link rel="stylesheet" href="./assets/styles/home.css">
     <title>Document</title>
 </head>
+
 <body>
-    Tribute page<br>
+    Tribute page
     <div class="categories">
-        <img src="https://media.istockphoto.com/id/1337144146/vector/default-avatar-profile-icon-vector.jpg?s=612x612&w=0&k=20&c=BIbFwuv7FxTWvh5S3vB6bkT0Qv8Vn8N5Ffseq84ClGI=" style="border-color: rgb(255, 251, 0)"></image>
-        <img src="https://media.istockphoto.com/id/1337144146/vector/default-avatar-profile-icon-vector.jpg?s=612x612&w=0&k=20&c=BIbFwuv7FxTWvh5S3vB6bkT0Qv8Vn8N5Ffseq84ClGI=" style="border-color: rgb(21, 255, 0)"></image>
-        <img src="https://media.istockphoto.com/id/1337144146/vector/default-avatar-profile-icon-vector.jpg?s=612x612&w=0&k=20&c=BIbFwuv7FxTWvh5S3vB6bkT0Qv8Vn8N5Ffseq84ClGI=" style="border-color: rgb(0, 229, 255)"></image>
-        <img src="https://media.istockphoto.com/id/1337144146/vector/default-avatar-profile-icon-vector.jpg?s=612x612&w=0&k=20&c=BIbFwuv7FxTWvh5S3vB6bkT0Qv8Vn8N5Ffseq84ClGI=" style="border-color: rgb(225, 0, 255)"></image>
-        <img src="https://media.istockphoto.com/id/1337144146/vector/default-avatar-profile-icon-vector.jpg?s=612x612&w=0&k=20&c=BIbFwuv7FxTWvh5S3vB6bkT0Qv8Vn8N5Ffseq84ClGI=" style="border-color: rgb(255, 0, 0)"></image>
-
+        <img src="./assets/images/icons/science.png" style="border-color: rgb(255, 251, 0)" />
+        <img src="./assets/images/icons/sports.png" style="border-color: rgb(21, 255, 0)" />
+        <img src="./assets/images/icons/music.png" style="border-color: rgb(0, 229, 255)" />
+        <img src="./assets/images/icons/theatre-and-films.png" style="border-color: rgb(225, 0, 255)" />
+        <img src="https://media.istockphoto.com/id/1337144146/vector/default-avatar-profile-icon-vector.jpg?s=612x612&w=0&k=20&c=BIbFwuv7FxTWvh5S3vB6bkT0Qv8Vn8N5Ffseq84ClGI="
+            style="border-color: rgb(255, 0, 0)" />
     </div>
 </body>
+
 </html>
diff --git a/index.html b/index.html
@@ -6,55 +6,18 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
 
-    <style>
-        @import url('https://fonts.googleapis.com/css2?family=Anta&display=swap');
-
-        body {
-            padding: 1%;
-            font-size: 2rem;
-            font-family: "Anta", sans-serif;
-        }
-
-        a {
-            cursor: pointer;
-            color: inherit;
-        }
-
-        a:hover,
-        a:focus {
-            color: red;
-            text-decoration: none;
-        }
-
-        a:visited {
-            color: purple;
-        }
-
-        a:visited:hover,
-        a:visited:focus {
-            color: blue;
-        }
-
-        a:active {
-            color: green;
-        }
-        u:hover {
-            color: green;
-        }
-        p span {
-            text-decoration: underline;
-        }
-    </style>
+    <link rel="stylesheet" href="./assets/styles/style.css">
+    <link rel="stylesheet" href="./assets/styles/index.css">
 </head>
 
 <body>
     <header>
-        <h1>Tribute</h1>
+        <h1>Tribute Page</h1>
     </header>
     <main>
         <p>This is the <span>beginning</span>.</p>
-        <div>This edit was made by Bhavesh <u>Sabharwal</u></div>
+        <p><a href="./home.html">Take me to home page.</a></p>
     </main>
 </body>
 
-</html>
+</html>