diff --git a/index.html b/index.html
new file mode 100644
index 0000000..e97fa95
--- /dev/null
+++ b/index.html
@@ -0,0 +1,302 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="./style.css">
+    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
+</head>
+<body>
+    <header>
+        <!-- left section -->
+        <div class="left-div">
+            <div class="top-bar">
+                <div class="three-line">
+                    <img src="./assets/hambarger.png" alt="three-line-logo" class="big-icons">
+                </div>
+                <div class="youtube-logo">
+                    <img src="./assets/Youtube logo.png" alt="Youtube-logo" class="smol-img">      
+                </div>
+            </div>
+            <div class="top-right">
+                <div class="top-title">
+                    <img src="./assets/home.png" alt="home" class="side-image">
+                    <p><strong>Home</strong></p>
+                </div>
+                <div class="top-title">
+                    <img src="./assets/explore.png" alt="explore" class="side-image">
+                    <p><strong>Explore</strong></p>
+                </div>
+                <div class="top-title">
+                    <img src="./assets/shorts.png" alt="short" class="side-image">
+                    <p><strong>Shorts</strong></p>
+                </div>
+                <div class="top-title">
+                    <img src="./assets/subscription.png" alt="home" class="side-image">
+                    <p><strong>Subscriptions</strong></p>
+                </div>
+            </div>
+            <div class="middle-right"></div>
+            <div class="bottom-right"></div>
+        </div>
+
+        <!-- mid section -->
+        <div class="mid-div">
+            <div class="nav-bar">
+            
+                <div class="nav-searchbar">
+                    <input type="text" placeholder="Search" class="search-input">
+                    <div class="search-icon">
+                        <img src="./assets/search.png" alt="seach-img" class="big-icons">
+                    </div>
+                    <div class="voice-icon">
+                        <img src="./assets/voice-search.png" alt="v-icon" class="big-icons">
+                    </div>
+                </div>
+                <div class="nav-four">
+                    <div class="camera-icon">
+                        <img src="./assets/create-1.png" alt="camera-img" class="big-icons">
+                    </div>
+                    <div class="dot-box">
+                        <img src="./assets/more.png" alt="dot-boxx" class="big-icons">
+                    </div>
+                    <div class="bell-icon">
+                        <img src="./assets/create.png" alt="bell-image" class="big-icons">
+                    </div>
+                    <div class="profile-image">
+                        <img src="./assets/Ellipse 1.png" alt="profile-image" class="smol-img">
+                    </div>
+                </div>
+            </div>
+                <div class="search-tag">
+                    <div class="seaching-tag">All</div>
+                    <div class="seaching-tag">Cook Studio</div>
+                    <div class="seaching-tag">UX</div>
+                    <div class="seaching-tag">Case Study</div>
+                    <div class="seaching-tag">Music</div>
+                    <div class="seaching-tag">Bangla Lofi</div>
+                    <div class="seaching-tag">Tour</div>
+                    <div class="seaching-tag">Saintmartin</div>
+                    <div class="seaching-tag">Teach</div>
+                    <div class="seaching-tag">iPhone 13</div>
+                    <div class="seaching-tag">User Interface Design</div>
+                    <div class="seaching-tag">computer</div>
+                </div>
+                <div class="div-for-image">
+                    <div class="row1">
+                        <!-- first video, 1st row -->
+                        <div class="video-box">
+                            <img src="./assets/Thumbnail-8.png" alt="bulbuli" class="image-box">
+                            <div class="logo-title">
+                                <img src="" alt="">
+                                <p>Bulbuli|Coke Studio Bangla|<br>Seacon One|Rity Raj X Nandita</p>
+                            </div>
+                            <div class="name-verified">
+                                <p>Coke Studio Bangla</p>
+                                <img src="" alt="">
+                            </div>
+                            <div class="view-time">
+                                <p class="view-space">1.5M views  </p>
+                                <p>2 days ago</p>
+                            </div>
+                        </div>    
+                        <!--  second video, 1st row -->
+                        <div class="video-box">
+                            <img src="./assets/Thumbnail-9.png" alt="note-12" class="image-box">
+                            <div class="logo-title">
+                                <img src="" alt="">
+                                <p>Bulbuli|Coke Studio Bangla|<br>Seacon One|Rity Raj X Nandita</p>
+                            </div>
+                            <div class="name-verified">
+                                <p>Coke Studio Bangla</p>
+                                <img src="" alt="">
+                            </div>
+                            <div class="view-time">
+                                <p class="view-space">1.5M views </p>
+                                <p> 2 days ago</p>
+                            </div>
+                        </div> 
+                          <!-- third video, 1st row  -->
+                          <div class="video-box">
+                            <img src="./assets/Thumbnail-10.png" alt="ux-design" class="image-box">
+                            <div class="logo-title">
+                                <img src="" alt="">
+                                <p>Bulbuli|Coke Studio Bangla|<br>Seacon One|Rity Raj X Nandita</p>
+                            </div>
+                            <div class="name-verified">
+                                <p>Coke Studio Bangla</p>
+                                <img src="" alt="">
+                            </div>
+                            <div class="view-time">
+                                <p class="view-space">1.5M views  </p>
+                                <p>2 days ago</p>
+                            </div>
+                        </div>   
+                        <!-- fourth video, 1st row -->
+                        <div class="video-box">
+                            <img src="./assets/Thumbnail-11.png" alt="my-mix" class="image-box">
+                            <div class="logo-title">
+                                <img src="" alt="">
+                                <p>Bulbuli|Coke Studio Bangla|<br>Seacon One|Rity Raj X Nandita</p>
+                            </div>
+                            <div class="name-verified">
+                                <p>Coke Studio Bangla</p>
+                                <img src="" alt="">
+                            </div>
+                            <div class="view-time">
+                                <p class="view-space">1.5M views  </p>
+                                <p>2 days ago</p>
+                            </div>
+                        </div>   
+
+                    </div>
+                    <div class="row2">
+                        <!-- first video, 2st row -->
+                        <div class="video-box">
+                            <img src="./assets/Thumbnail-4.png" alt="bulbuli" class="image-box">
+                            <div class="logo-title">
+                                <img src="" alt="">
+                                <p>Bulbuli|Coke Studio Bangla|<br>Seacon One|Rity Raj X Nandita</p>
+                            </div>
+                            <div class="name-verified">
+                                <p>Coke Studio Bangla</p>
+                                <img src="" alt="">
+                            </div>
+                            <div class="view-time">
+                                <p class="view-space">1.5M views  </p>
+                                <p>2 days ago</p>
+                            </div>
+                        </div>    
+                        <!--  second video, 2st row -->
+                        <div class="video-box">
+                            <img src="./assets/Thumbnail-5.png" alt="note-12" class="image-box">
+                            <div class="logo-title">
+                                <img src="" alt="">
+                                <p>Bulbuli|Coke Studio Bangla|<br>Seacon One|Rity Raj X Nandita</p>
+                            </div>
+                            <div class="name-verified">
+                                <p>Coke Studio Bangla</p>
+                                <img src="" alt="">
+                            </div>
+                            <div class="view-time">
+                                <p class="view-space">1.5M views </p>
+                                <p> 2 days ago</p>
+                            </div>
+                        </div> 
+                          <!-- third video, 1st row  -->
+                          <div class="video-box">
+                            <img src="./assets/Thumbnail-6.png" alt="ux-design" class="image-box">
+                            <div class="logo-title">
+                                <img src="" alt="">
+                                <p>Bulbuli|Coke Studio Bangla|<br>Seacon One|Rity Raj X Nandita</p>
+                            </div>
+                            <div class="name-verified">
+                                <p>Coke Studio Bangla</p>
+                                <img src="" alt="">
+                            </div>
+                            <div class="view-time">
+                                <p class="view-space">1.5M views  </p>
+                                <p>2 days ago</p>
+                            </div>
+                        </div>   
+                        <!-- fourth video, 1st row -->
+                        <div class="video-box">
+                            <img src="./assets/Thumbnail-7.png" alt="my-mix" class="image-box">
+                            <div class="logo-title">
+                                <img src="" alt="">
+                                <p>Bulbuli|Coke Studio Bangla|<br>Seacon One|Rity Raj X Nandita</p>
+                            </div>
+                            <div class="name-verified">
+                                <p>Coke Studio Bangla</p>
+                                <img src="" alt="">
+                            </div>
+                            <div class="view-time">
+                                <p class="view-space">1.5M views  </p>
+                                <p>2 days ago</p>
+                            </div>
+                        </div>   
+
+                    </div>
+                    </div>
+
+                    <div class="row3">
+                        <!-- first video, 1st row -->
+                        <div class="video-box">
+                            <img src="./assets/Thumbnail-8.png" alt="bulbuli" class="image-box">
+                            <div class="logo-title">
+                                <img src="" alt="">
+                                <p>Bulbuli|Coke Studio Bangla|<br>Seacon One|Rity Raj X Nandita</p>
+                            </div>
+                            <div class="name-verified">
+                                <p>Coke Studio Bangla</p>
+                                <img src="" alt="">
+                            </div>
+                            <div class="view-time">
+                                <p class="view-space">1.5M views  </p>
+                                <p>2 days ago</p>
+                            </div>
+                        </div>    
+                        <!--  second video, 1st row -->
+                        <div class="video-box">
+                            <img src="./assets/Thumbnail-9.png" alt="note-12" class="image-box">
+                            <div class="logo-title">
+                                <img src="" alt="">
+                                <p>Bulbuli|Coke Studio Bangla|<br>Seacon One|Rity Raj X Nandita</p>
+                            </div>
+                            <div class="name-verified">
+                                <p>Coke Studio Bangla</p>
+                                <img src="" alt="">
+                            </div>
+                            <div class="view-time">
+                                <p class="view-space">1.5M views </p>
+                                <p> 2 days ago</p>
+                            </div>
+                        </div> 
+                          <!-- third video, 1st row  -->
+                          <div class="video-box">
+                            <img src="./assets/Thumbnail-10.png" alt="ux-design" class="image-box">
+                            <div class="logo-title">
+                                <img src="" alt="">
+                                <p>Bulbuli|Coke Studio Bangla|<br>Seacon One|Rity Raj X Nandita</p>
+                            </div>
+                            <div class="name-verified">
+                                <p>Coke Studio Bangla</p>
+                                <img src="" alt="">
+                            </div>
+                            <div class="view-time">
+                                <p class="view-space">1.5M views  </p>
+                                <p>2 days ago</p>
+                            </div>
+                        </div>   
+                        <!-- fourth video, 1st row -->
+                        <div class="video-box">
+                            <img src="./assets/Thumbnail-11.png" alt="my-mix" class="image-box">
+                            <div class="logo-title">
+                                <img src="" alt="">
+                                <p>Bulbuli|Coke Studio Bangla|<br>Seacon One|Rity Raj X Nandita</p>
+                            </div>
+                            <div class="name-verified">
+                                <p>Coke Studio Bangla</p>
+                                <img src="" alt="">
+                            </div>
+                            <div class="view-time">
+                                <p class="view-space">1.5M views  </p>
+                                <p>2 days ago</p>
+                            </div>
+                        </div>   
+
+                    </div>
+                    </div>
+                </div>
+        </div>
+        
+        <!-- right section -->
+        <div class="right-div">
+
+        </div>
+    </header>
+    
+    
+</body>
+</html>
