diff --git a/styles.css b/assets/css/styles.css
similarity index 92%
rename from styles.css
rename to assets/css/styles.css
index 39b0c37..32bb062 100644
--- a/styles.css
+++ b/assets/css/styles.css
@@ -122,9 +122,15 @@ body {
 
 .category-section {
   display: flex;
-  overflow: hidden;
+  /*overflow: hidden;*/
+  overflow-x: scroll;     /* For Horizontal Scroll Bar*/
+  scroll-behavior: smooth; /* For Smooth Scroll Bar*/
 }
 
+.category-section::-webkit-scrollbar { 
+    display: none;  /*Hide Scroll Bar From Layout for Categories*/
+  } 
+
 .category {
   margin-right: 1rem;
   word-wrap: none;
@@ -206,4 +212,4 @@ body {
   width: 36px;
   height: 36px;
   background-color: #AAA;
-}
\ No newline at end of file
+}
diff --git a/apps.svg b/assets/img/apps.svg
similarity index 100%
rename from apps.svg
rename to assets/img/apps.svg
diff --git a/bell.svg b/assets/img/bell.svg
similarity index 100%
rename from bell.svg
rename to assets/img/bell.svg
diff --git a/assets/img/favicon.ico b/assets/img/favicon.ico
new file mode 100644
index 0000000..f4d9664
Binary files /dev/null and b/assets/img/favicon.ico differ
diff --git a/logo.png b/assets/img/logo.png
similarity index 100%
rename from logo.png
rename to assets/img/logo.png
diff --git a/magnify.svg b/assets/img/magnify.svg
similarity index 100%
rename from magnify.svg
rename to assets/img/magnify.svg
diff --git a/video-plus.svg b/assets/img/video-plus.svg
similarity index 100%
rename from video-plus.svg
rename to assets/img/video-plus.svg
diff --git a/index.html b/index.html
index 38121b6..719db4b 100644
--- a/index.html
+++ b/index.html
@@ -1,66 +1,79 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <link rel="stylesheet" href="styles.css">
+  <link rel="shortcut icon" href="assets/img/favicon.ico">
+  <link rel="stylesheet" href="assets/css/styles.css">
   <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
-  <title>Document</title>
+  <title>Youtube Clone</title>
 </head>
+
 <body>
   <header class="header">
     <a href="#">
-      <img src="logo.png" alt="YouTube Logo" class="youtube-logo" />
+      <img src="assets/img/logo.png" alt="YouTube Logo" class="youtube-logo" />
     </a>
     <form class="search-bar">
       <input class="search-input" type="search" placeholder="Search" aria-label="Search" />
       <button type="submit" class="search-btn">
-        <img src="magnify.svg" />
+        <img src="assets/img/magnify.svg" />
       </button>
     </form>
     <div class="menu-icons">
-      <a href="#">
-        <img src="video-plus.svg" alt="Upload Video" />
+      <a href="#" title="Create">
+        <img src="assets/img/video-plus.svg" alt="Upload Video" />
       </a>
-      <a href="#">
-        <img src="apps.svg" alt="Apps" />
+      <a href="#" title="YouTube Apps">
+        <img src="assets/img/apps.svg" alt="Apps" />
       </a>
-      <a href="#">
-        <img src="bell.svg" alt="Notifications" />
+      <a href="#" title="Notifications">
+        <img src="assets/img/bell.svg" alt="Notifications" />
       </a>
       <a href="#">
-        <img class="menu-channel-icon" src="http:///unsplash.it/36/36?gravity=center" alt="Your Channel" />
+        <img class="menu-channel-icon " src="https://source.unsplash.com/36x36/?boy" alt="Your Channel" />
       </a>
     </div>
   </header>
   <div class="categories">
     <section class="category-section">
       <button class="category active">All</button>
-      <button class="category">Category 1</button>
-      <button class="category">Category 2</button>
-      <button class="category">Category 3</button>
-      <button class="category">Category 4</button>
-      <button class="category">Category 5</button>
-      <button class="category">Category 6</button>
-      <button class="category">Category 7</button>
-      <button class="category">Category 8</button>
-      <button class="category">Category 9</button>
+      <button class="category">Life Style</button>
+      <button class="category">Travel</button>
+      <button class="category">Blogging</button>
+      <button class="category">Hollywood Shows</button>
+      <button class="category">Forest Life</button>
+      <button class="category">Live Stream</button>
+      <button class="category">Sports</button>
+      <button class="category">Gaming</button>
+      <button class="category">Happy Diwali Celebration</button>
+      <button class="category">Data Structure</button>
+      <button class="category">Css Updates</button>
+      <button class="category">Google Policy</button>
+      <button class="category">SEO</button>
+      <button class="category">Avengers</button>
+      <button class="category">Sublime Text 3</button>
+      <button class="category">Oneplus</button>
+      <button class="category">Google DevFest</button>
+      <button class="category">PC</button>
+      <button class="category">The Umbrella Academy</button>
     </section>
   </div>
   <div class="videos">
     <section class="video-section">
       <article class="video-container">
         <a href="#" class="thumbnail" data-duration="12:24">
-          <img class="thumbnail-image" src="http://unsplash.it/250/150?gravity=center" />
+          <img class="thumbnail-image" src="https://source.unsplash.com/250x150/?programming" />
         </a>
         <div class="video-bottom-section">
           <a href="#">
-            <img class="channel-icon" src="http://unsplash.it/36/36?gravity=center" />
+            <img class="channel-icon" src="https://source.unsplash.com/36x36/?men" />
           </a>
           <div class="video-details">
-            <a href="#" class="video-title">Video Title</a>
-            <a href="#" class="video-channel-name">Channel Name</a>
+            <a href="#" class="video-title">Coding Time !</a>
+            <a href="#" class="video-channel-name">Code with Me</a>
             <div class="video-metadata">
               <span>12K views</span>
               •
@@ -70,16 +83,16 @@
         </div>
       </article>
       <article class="video-container">
-        <a href="#" class="thumbnail" data-duration="12:24">
-          <img class="thumbnail-image" src="http://unsplash.it/250/150?gravity=center" />
+        <a href="#" class="thumbnail" data-duration="4:14">
+          <img class="thumbnail-image" src="https://source.unsplash.com/250x150/?mountains" />
         </a>
         <div class="video-bottom-section">
           <a href="#">
-            <img class="channel-icon" src="http://unsplash.it/36/36?gravity=center" />
+            <img class="channel-icon" src="https://randomuser.me/api/portraits/men/82.jpg" />
           </a>
           <div class="video-details">
-            <a href="#" class="video-title">Video Title</a>
-            <a href="#" class="video-channel-name">Channel Name</a>
+            <a href="#" class="video-title">The Mountains </a>
+            <a href="#" class="video-channel-name">Mountains</a>
             <div class="video-metadata">
               <span>12K views</span>
               •
@@ -89,16 +102,16 @@
         </div>
       </article>
       <article class="video-container">
-        <a href="#" class="thumbnail" data-duration="12:24">
-          <img class="thumbnail-image" src="http://unsplash.it/250/150?gravity=center" />
+        <a href="#" class="thumbnail" data-duration="5:24">
+          <img class="thumbnail-image" src="https://source.unsplash.com/250x150/?beach" />
         </a>
         <div class="video-bottom-section">
           <a href="#">
-            <img class="channel-icon" src="http://unsplash.it/36/36?gravity=center" />
+            <img class="channel-icon" src="https://source.unsplash.com/36x36/?beach" />
           </a>
           <div class="video-details">
-            <a href="#" class="video-title">Video Title</a>
-            <a href="#" class="video-channel-name">Channel Name</a>
+            <a href="#" class="video-title">Beautiful Beaches in Our World</a>
+            <a href="#" class="video-channel-name">Beaches Explorer</a>
             <div class="video-metadata">
               <span>12K views</span>
               •
@@ -108,16 +121,16 @@
         </div>
       </article>
       <article class="video-container">
-        <a href="#" class="thumbnail" data-duration="12:24">
-          <img class="thumbnail-image" src="http://unsplash.it/250/150?gravity=center" />
+        <a href="#" class="thumbnail" data-duration="7:43">
+          <img class="thumbnail-image" src="https://source.unsplash.com/250x150/?movies" />
         </a>
         <div class="video-bottom-section">
           <a href="#">
-            <img class="channel-icon" src="http://unsplash.it/36/36?gravity=center" />
+            <img class="channel-icon" src="https://source.unsplash.com/36x36/?actor" />
           </a>
           <div class="video-details">
-            <a href="#" class="video-title">Video Title</a>
-            <a href="#" class="video-channel-name">Channel Name</a>
+            <a href="#" class="video-title">Awesome Movies Shots</a>
+            <a href="#" class="video-channel-name">Movies</a>
             <div class="video-metadata">
               <span>12K views</span>
               •
@@ -127,16 +140,16 @@
         </div>
       </article>
       <article class="video-container">
-        <a href="#" class="thumbnail" data-duration="12:24">
-          <img class="thumbnail-image" src="http://unsplash.it/250/150?gravity=center" />
+        <a href="#" class="thumbnail" data-duration="5:38">
+          <img class="thumbnail-image" src="https://source.unsplash.com/250x150/?dance,Hip hop, Salsa" />
         </a>
         <div class="video-bottom-section">
           <a href="#">
-            <img class="channel-icon" src="http://unsplash.it/36/36?gravity=center" />
+            <img class="channel-icon" src="https://source.unsplash.com/36x36/?dance" />
           </a>
           <div class="video-details">
-            <a href="#" class="video-title">Video Title</a>
-            <a href="#" class="video-channel-name">Channel Name</a>
+            <a href="#" class="video-title">Dance Events</a>
+            <a href="#" class="video-channel-name">Dance</a>
             <div class="video-metadata">
               <span>12K views</span>
               •
@@ -146,16 +159,16 @@
         </div>
       </article>
       <article class="video-container">
-        <a href="#" class="thumbnail" data-duration="12:24">
-          <img class="thumbnail-image" src="http://unsplash.it/250/150?gravity=center" />
+        <a href="#" class="thumbnail" data-duration="4:30">
+          <img class="thumbnail-image" src="https://source.unsplash.com/250x150/?designing" />
         </a>
         <div class="video-bottom-section">
           <a href="#">
-            <img class="channel-icon" src="http://unsplash.it/36/36?gravity=center" />
+            <img class="channel-icon" src="https://source.unsplash.com/36x36/?designing" />
           </a>
-          <div class="video-details">
-            <a href="#" class="video-title">Video Title</a>
-            <a href="#" class="video-channel-name">Channel Name</a>
+          <div class=" video-details">
+            <a href="#" class="video-title">New Layouts</a>
+            <a href="#" class="video-channel-name">Designing Ideas</a>
             <div class="video-metadata">
               <span>12K views</span>
               •
@@ -171,16 +184,16 @@ <h2 class="video-section-title">
         <button class="video-section-title-close">&times;</button>
       </h2>
       <article class="video-container">
-        <a href="#" class="thumbnail" data-duration="12:24">
-          <img class="thumbnail-image" src="http://unsplash.it/250/150?gravity=center" />
+        <a href="#" class="thumbnail" data-duration="13:42">
+          <img class="thumbnail-image" src="https://source.unsplash.com/250x150/?forest,jungle" />
         </a>
         <div class="video-bottom-section">
           <a href="#">
-            <img class="channel-icon" src="http://unsplash.it/36/36?gravity=center" />
+            <img class="channel-icon" src="https://source.unsplash.com/36x36/?forest" />
           </a>
           <div class="video-details">
-            <a href="#" class="video-title">Video Title</a>
-            <a href="#" class="video-channel-name">Channel Name</a>
+            <a href="#" class="video-title">Forest Life</a>
+            <a href="#" class="video-channel-name">The Forest</a>
             <div class="video-metadata">
               <span>12K views</span>
               •
@@ -190,16 +203,16 @@ <h2 class="video-section-title">
         </div>
       </article>
       <article class="video-container">
-        <a href="#" class="thumbnail" data-duration="12:24">
-          <img class="thumbnail-image" src="http://unsplash.it/250/150?gravity=center" />
+        <a href="#" class="thumbnail" data-duration="3:24">
+          <img class="thumbnail-image" src="https://source.unsplash.com/250x150/?technology" />
         </a>
         <div class="video-bottom-section">
           <a href="#">
-            <img class="channel-icon" src="http://unsplash.it/36/36?gravity=center" />
+            <img class="channel-icon" src="https://source.unsplash.com/36x36/?technology" />
           </a>
-          <div class="video-details">
-            <a href="#" class="video-title">Video Title</a>
-            <a href="#" class="video-channel-name">Channel Name</a>
+          <div class=" video-details">
+            <a href="#" class="video-title">Explore New Technology</a>
+            <a href="#" class="video-channel-name">Technology</a>
             <div class="video-metadata">
               <span>12K views</span>
               •
@@ -209,16 +222,16 @@ <h2 class="video-section-title">
         </div>
       </article>
       <article class="video-container">
-        <a href="#" class="thumbnail" data-duration="12:24">
-          <img class="thumbnail-image" src="http://unsplash.it/250/150?gravity=center" />
+        <a href="#" class="thumbnail" data-duration="2:04">
+          <img class="thumbnail-image" src="https://source.unsplash.com/250x150/?galaxy,moon,earth" />
         </a>
         <div class="video-bottom-section">
           <a href="#">
-            <img class="channel-icon" src="http://unsplash.it/36/36?gravity=center" />
+            <img class="channel-icon" src="https://source.unsplash.com/36x36/?earth,star" />
           </a>
           <div class="video-details">
-            <a href="#" class="video-title">Video Title</a>
-            <a href="#" class="video-channel-name">Channel Name</a>
+            <a href="#" class="video-title">Our Beautiful Galaxy</a>
+            <a href="#" class="video-channel-name">Earth Explorer</a>
             <div class="video-metadata">
               <span>12K views</span>
               •
@@ -228,16 +241,16 @@ <h2 class="video-section-title">
         </div>
       </article>
       <article class="video-container">
-        <a href="#" class="thumbnail" data-duration="12:24">
-          <img class="thumbnail-image" src="http://unsplash.it/250/150?gravity=center" />
+        <a href="#" class="thumbnail" data-duration="16:03">
+          <img class="thumbnail-image" src="https://source.unsplash.com/250x150/?space,Research" />
         </a>
         <div class="video-bottom-section">
           <a href="#">
-            <img class="channel-icon" src="http://unsplash.it/36/36?gravity=center" />
+            <img class="channel-icon" src="https://source.unsplash.com/36x36/?space" />
           </a>
           <div class="video-details">
-            <a href="#" class="video-title">Video Title</a>
-            <a href="#" class="video-channel-name">Channel Name</a>
+            <a href="#" class="video-title">Space Scientist Research !</a>
+            <a href="#" class="video-channel-name">Space</a>
             <div class="video-metadata">
               <span>12K views</span>
               •
@@ -247,16 +260,16 @@ <h2 class="video-section-title">
         </div>
       </article>
       <article class="video-container">
-        <a href="#" class="thumbnail" data-duration="12:24">
-          <img class="thumbnail-image" src="http://unsplash.it/250/150?gravity=center" />
+        <a href="#" class="thumbnail" data-duration="6:30">
+          <img class="thumbnail-image" src="https://source.unsplash.com/250x150/?monuments" />
         </a>
         <div class="video-bottom-section">
           <a href="#">
-            <img class="channel-icon" src="http://unsplash.it/36/36?gravity=center" />
+            <img class="channel-icon" src="https://source.unsplash.com/36x36/?monuments" />
           </a>
           <div class="video-details">
-            <a href="#" class="video-title">Video Title</a>
-            <a href="#" class="video-channel-name">Channel Name</a>
+            <a href="#" class="video-title">Best Location for Traveling</a>
+            <a href="#" class="video-channel-name">Best Monuments</a>
             <div class="video-metadata">
               <span>12K views</span>
               •
@@ -266,16 +279,16 @@ <h2 class="video-section-title">
         </div>
       </article>
       <article class="video-container">
-        <a href="#" class="thumbnail" data-duration="12:24">
-          <img class="thumbnail-image" src="http://unsplash.it/250/150?gravity=center" />
+        <a href="#" class="thumbnail" data-duration="2:24">
+          <img class="thumbnail-image" src="https://source.unsplash.com/250x150/?Car,Bike" />
         </a>
         <div class="video-bottom-section">
           <a href="#">
-            <img class="channel-icon" src="http://unsplash.it/36/36?gravity=center" />
+            <img class="channel-icon" src="https://source.unsplash.com/36/36/?car" />
           </a>
           <div class="video-details">
-            <a href="#" class="video-title">Video Title</a>
-            <a href="#" class="video-channel-name">Channel Name</a>
+            <a href="#" class="video-title">Latest Cars and Bikes Collection</a>
+            <a href="#" class="video-channel-name">Auto Mobile</a>
             <div class="video-metadata">
               <span>12K views</span>
               •
@@ -287,16 +300,16 @@ <h2 class="video-section-title">
     </section>
     <section class="video-section">
       <article class="video-container">
-        <a href="#" class="thumbnail" data-duration="12:24">
-          <img class="thumbnail-image" src="http://unsplash.it/250/150?gravity=center" />
+        <a href="#" class="thumbnail" data-duration="10:24">
+          <img class="thumbnail-image" src="https://source.unsplash.com/250x150/?travel,trip,holidays" />
         </a>
         <div class="video-bottom-section">
           <a href="#">
-            <img class="channel-icon" src="http://unsplash.it/36/36?gravity=center" />
+            <img class="channel-icon" src="https://source.unsplash.com/36x36/?travel" />
           </a>
           <div class="video-details">
-            <a href="#" class="video-title">Video Title</a>
-            <a href="#" class="video-channel-name">Channel Name</a>
+            <a href="#" class="video-title">Full Masti in Holidays Time !</a>
+            <a href="#" class="video-channel-name">Traveling with Me</a>
             <div class="video-metadata">
               <span>12K views</span>
               •
@@ -306,16 +319,16 @@ <h2 class="video-section-title">
         </div>
       </article>
       <article class="video-container">
-        <a href="#" class="thumbnail" data-duration="12:24">
-          <img class="thumbnail-image" src="http://unsplash.it/250/150?gravity=center" />
+        <a href="#" class="thumbnail" data-duration="5:07">
+          <img class="thumbnail-image" src="https://source.unsplash.com/250x150/?smartphones,phone" />
         </a>
         <div class="video-bottom-section">
           <a href="#">
-            <img class="channel-icon" src="http://unsplash.it/36/36?gravity=center" />
+            <img class="channel-icon" src="https://source.unsplash.com/36x36/?smartphones" />
           </a>
           <div class="video-details">
-            <a href="#" class="video-title">Video Title</a>
-            <a href="#" class="video-channel-name">Channel Name</a>
+            <a href="#" class="video-title">Upcoming Smartphones in 2021</a>
+            <a href="#" class="video-channel-name">Unbox Smartphones</a>
             <div class="video-metadata">
               <span>12K views</span>
               •
@@ -325,16 +338,16 @@ <h2 class="video-section-title">
         </div>
       </article>
       <article class="video-container">
-        <a href="#" class="thumbnail" data-duration="12:24">
-          <img class="thumbnail-image" src="http://unsplash.it/250/150?gravity=center" />
+        <a href="#" class="thumbnail" data-duration="10:32">
+          <img class="thumbnail-image" src="https://source.unsplash.com/250x150/?developer" />
         </a>
         <div class="video-bottom-section">
           <a href="#">
-            <img class="channel-icon" src="http://unsplash.it/36/36?gravity=center" />
+            <img class="channel-icon" src="https://source.unsplash.com/36x36/?developer" />
           </a>
           <div class="video-details">
-            <a href="#" class="video-title">Video Title</a>
-            <a href="#" class="video-channel-name">Channel Name</a>
+            <a href="#" class="video-title">Life of Game Developer</a>
+            <a href="#" class="video-channel-name">Developer Inside</a>
             <div class="video-metadata">
               <span>12K views</span>
               •
@@ -344,16 +357,16 @@ <h2 class="video-section-title">
         </div>
       </article>
       <article class="video-container">
-        <a href="#" class="thumbnail" data-duration="12:24">
-          <img class="thumbnail-image" src="http://unsplash.it/250/150?gravity=center" />
+        <a href="#" class="thumbnail" data-duration="2:55">
+          <img class="thumbnail-image" src="https://source.unsplash.com/250x150/?fashion" />
         </a>
         <div class="video-bottom-section">
           <a href="#">
-            <img class="channel-icon" src="http://unsplash.it/36/36?gravity=center" />
+            <img class="channel-icon" src="https://source.unsplash.com/36x36/?fashion" />
           </a>
           <div class="video-details">
-            <a href="#" class="video-title">Video Title</a>
-            <a href="#" class="video-channel-name">Channel Name</a>
+            <a href="#" class="video-title">Upcoming Fashion Style 2021</a>
+            <a href="#" class="video-channel-name">Fashion Guide</a>
             <div class="video-metadata">
               <span>12K views</span>
               •
@@ -363,16 +376,16 @@ <h2 class="video-section-title">
         </div>
       </article>
       <article class="video-container">
-        <a href="#" class="thumbnail" data-duration="12:24">
-          <img class="thumbnail-image" src="http://unsplash.it/250/150?gravity=center" />
+        <a href="#" class="thumbnail" data-duration="6:00">
+          <img class="thumbnail-image" src="https://source.unsplash.com/250x150/?gaming, graphics" />
         </a>
         <div class="video-bottom-section">
           <a href="#">
-            <img class="channel-icon" src="http://unsplash.it/36/36?gravity=center" />
+            <img class="channel-icon" src="https://source.unsplash.com/36x36/?kids" />
           </a>
           <div class="video-details">
-            <a href="#" class="video-title">Video Title</a>
-            <a href="#" class="video-channel-name">Channel Name</a>
+            <a href="#" class="video-title">Play Games with Friends !</a>
+            <a href="#" class="video-channel-name">Gamers</a>
             <div class="video-metadata">
               <span>12K views</span>
               •
@@ -382,16 +395,16 @@ <h2 class="video-section-title">
         </div>
       </article>
       <article class="video-container">
-        <a href="#" class="thumbnail" data-duration="12:24">
-          <img class="thumbnail-image" src="http://unsplash.it/250/150?gravity=center" />
+        <a href="#" class="thumbnail" data-duration="4:24">
+          <img class="thumbnail-image" src="https://source.unsplash.com/250x150/?diwali" />
         </a>
         <div class="video-bottom-section">
           <a href="#">
-            <img class="channel-icon" src="http://unsplash.it/36/36?gravity=center" />
+            <img class="channel-icon" src="https://source.unsplash.com/36x36/?india" />
           </a>
           <div class="video-details">
-            <a href="#" class="video-title">Video Title</a>
-            <a href="#" class="video-channel-name">Channel Name</a>
+            <a href="#" class="video-title">Diwali Celebration in India !</a>
+            <a href="#" class="video-channel-name">India Festivals</a>
             <div class="video-metadata">
               <span>12K views</span>
               •
@@ -403,4 +416,5 @@ <h2 class="video-section-title">
     </section>
   </div>
 </body>
+
 </html>
\ No newline at end of file
