favicon added

sahilavaran · Jan 1, 2024 · 09d3be2 · 09d3be2
1 parent 67a8ce6
commit 09d3be2
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 5 deletions.
diff --git a/Task-4.CSS b/Task-4.CSS
@@ -170,6 +170,15 @@ width: auto;
 .content{
   overflow-y: auto;
 }
+nav img{
+  height: 24px;
+  margin-right: 15px;
+}
+
+.flexing {
+  display: flex;
+  align-items: center;
+}
 
 `@media only screen and (max-width: 767px) {
   .sidebar {
@@ -180,3 +189,4 @@ width: auto;
     overflow-x: auto;
   }
 }`
+
diff --git a/Task-4.html b/Task-4.html
@@ -4,6 +4,13 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Task-4</title>
+    <link rel="apple-touch-icon" sizes="180x180" href="images/Task-4 images/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="images/Task-4 images/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="images/Task-4 images/favicon-16x16.png">
+<link rel="manifest" href="images/Task-4 images/site.webmanifest">
+<link rel="mask-icon" href="images/Task-4 images/safari-pinned-tab.svg" color="#5bbad5">
+<meta name="msapplication-TileColor" content="#da532c">
+<meta name="theme-color" content="#ffffff">
     <link rel="stylesheet" href="Task-4.CSS">
 </head>
 <body>
@@ -19,9 +26,9 @@ <h3>One school</h3>
     <div class="container">
         <div class="sidebar">
             <nav>
-                <a href="#">Students</a>
-                <a href="#">Staff</a>
-                <a href="#">Exams</a>
+                <a href="#" class="flexing"><img src="images/Task-4 images/student.png.png" alt="logo"> Students</a>
+                <a href="#" class="flexing"><img src="images/Task-4 images/staff.png" alt="staff-logo"> Staff</a>
+                <a href="#" class="flexing"><img src="images/Task-4 images/exams.png.png" alt="exam-logo"> Exams</a>
             </nav>
         </div>
         <div class="content">

diff --git a/images/Task-4 images/exams.png.png b/images/Task-4 images/exams.png.png
diff --git a/images/Task-4 images/site.webmanifest b/images/Task-4 images/site.webmanifest
@@ -3,12 +3,12 @@
     "short_name": "",
     "icons": [
         {
-            "src": "/android-chrome-192x192.png",
+            "src": "images/Task-4images/android-chrome-512x512.png",
             "sizes": "192x192",
             "type": "image/png"
         },
         {
-            "src": "/android-chrome-512x512.png",
+            "src": "images/Task-4images/android-chrome-512x512.png",
             "sizes": "512x512",
             "type": "image/png"
         }

diff --git a/images/Task-4 images/staff.png b/images/Task-4 images/staff.png
diff --git a/images/Task-4 images/student.png.png b/images/Task-4 images/student.png.png