Youtube

mbakhtawar2007 · Jan 4, 2024 · 0f80c52 · 0f80c52
commit 0f80c52
Show file tree

Hide file tree

Showing 51 changed files with 1,495 additions and 0 deletions.
diff --git a/images/code with harry.jpg b/images/code with harry.jpg
diff --git a/images/download.png b/images/download.png
diff --git a/images/pic1 - Copy.jpeg b/images/pic1 - Copy.jpeg
diff --git a/images/pic1.jpeg b/images/pic1.jpeg
diff --git a/images/pic10.webp b/images/pic10.webp
diff --git a/images/pic11.jpeg b/images/pic11.jpeg
diff --git a/images/pic12.webp b/images/pic12.webp
diff --git a/images/pic13.webp b/images/pic13.webp
diff --git a/images/pic14.webp b/images/pic14.webp
diff --git a/images/pic15.jpeg b/images/pic15.jpeg
diff --git a/images/pic16.webp b/images/pic16.webp
diff --git a/images/pic17.jpeg b/images/pic17.jpeg
diff --git a/images/pic18.jpeg b/images/pic18.jpeg
diff --git a/images/pic19.webp b/images/pic19.webp
diff --git a/images/pic2 - Copy.jpeg b/images/pic2 - Copy.jpeg
diff --git a/images/pic2.jpeg b/images/pic2.jpeg
diff --git a/images/pic20.jpeg b/images/pic20.jpeg
diff --git a/images/pic21.jpeg b/images/pic21.jpeg
diff --git a/images/pic22 - Copy.jpeg b/images/pic22 - Copy.jpeg
diff --git a/images/pic22.jpeg b/images/pic22.jpeg
diff --git a/images/pic23.jpeg b/images/pic23.jpeg
diff --git a/images/pic24.webp b/images/pic24.webp
diff --git a/images/pic25.webp b/images/pic25.webp
diff --git a/images/pic27.jpeg b/images/pic27.jpeg
diff --git a/images/pic28.webp b/images/pic28.webp
diff --git a/images/pic29.webp b/images/pic29.webp
diff --git a/images/pic3 - Copy.webp b/images/pic3 - Copy.webp
diff --git a/images/pic3.webp b/images/pic3.webp
diff --git a/images/pic30.webp b/images/pic30.webp
diff --git a/images/pic31.webp b/images/pic31.webp
diff --git a/images/pic32.webp b/images/pic32.webp
diff --git a/images/pic33.jpeg b/images/pic33.jpeg
diff --git a/images/pic34.jpeg b/images/pic34.jpeg
diff --git a/images/pic35.webp b/images/pic35.webp
diff --git a/images/pic36.jpeg b/images/pic36.jpeg
diff --git a/images/pic37.webp b/images/pic37.webp
diff --git a/images/pic4.jpeg b/images/pic4.jpeg
diff --git a/images/pic5 - Copy.jpeg b/images/pic5 - Copy.jpeg
diff --git a/images/pic5.jpeg b/images/pic5.jpeg
diff --git a/images/pic6 - Copy.webp b/images/pic6 - Copy.webp
diff --git a/images/pic6.webp b/images/pic6.webp
diff --git a/images/pic7.webp b/images/pic7.webp
diff --git a/images/pic8 - Copy.jpeg b/images/pic8 - Copy.jpeg
diff --git a/images/pic8.jpeg b/images/pic8.jpeg
diff --git a/images/pic9 - Copy.webp b/images/pic9 - Copy.webp
diff --git a/images/pic9.webp b/images/pic9.webp
diff --git a/images/red-youtube-logo-social-media-logo_197792-1803.avif b/images/red-youtube-logo-social-media-logo_197792-1803.avif
diff --git a/images/unnamed.jpg b/images/unnamed.jpg
diff --git a/images/youtube-logo_729830-34.avif b/images/youtube-logo_729830-34.avif
diff --git a/index.html b/index.html
diff --git a/style.css b/style.css
@@ -0,0 +1,157 @@
+* {
+    margin: 0;
+    padding: 0;
+}
+
+#navbar {
+    margin: 0;
+    font-family: Arial, sans-serif;
+}
+
+.navbar {
+    background-color: #fff;
+    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 20px;
+    position: sticky;
+    top: 0%;
+}
+
+.navbar_logo img {
+    height: 30px;
+}
+
+.search-bar {
+    display: flex;
+    align-items: center;
+}
+
+.search-bar input {
+    padding: 8px;
+    margin-right: 10px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+}
+
+.search-button {
+    padding: 8px 12px;
+    background-color: #ff0000;
+    color: #fff;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+}
+
+.menu ul {
+    list-style: none;
+    display: flex;
+}
+
+.menu li {
+    margin-right: 15px;
+}
+
+.menu a {
+    text-decoration: none;
+    color: #333;
+    font-weight: bold;
+}
+
+.menu a:hover {
+    color: #ff0000;
+}
+/* .ytlogo{
+    height: 500px;
+    width: 250px;
+} */
+
+.container {
+    display: flex;
+    flex-direction: row;
+    flex-flow: wrap;
+    justify-content: space-evenly;
+    margin-top: 1rem;
+
+}
+
+.box {
+    padding-bottom: 20px;
+
+}
+
+.master_img_container {
+    /* height: 100%; */
+    width: 320px;
+    position: relative;
+}
+
+.img_container {
+    margin-bottom: 10px;
+    height: 200px;
+    width: 100%px;
+    cursor: pointer;
+    /* border-radius: 10%; */
+}
+
+.master_img {
+    height: 100%;
+    width: 100%;
+border-radius: 5%;
+}
+
+.master_img:hover {
+    opacity: 0.5;
+
+
+
+
+}
+
+.logo_container {
+    height: 36px;
+    width: 36px;
+    margin: 5px;
+    float: left;
+}
+
+.logo {
+    height: 100%;
+    width: 100%;
+    border-radius: 50%;
+
+}
+
+.text {
+    width: 75%;
+}
+
+.content {
+    font-family: 'Roboto', sans-serif;
+    font-size: 0.95rem;
+    line-height: 1.5rem;
+    font-weight: 500;
+    max-height: 4rem;
+    margin-bottom: -0.5rem;
+}
+
+.pg_name,.activity {
+    margin: 12px 5px 5px 46px;
+    font-family: 'Roboto', sans-serif;
+    font-size: 14px;
+    font-weight: 400;
+    color: gray;
+    line-height: 1px;
+}
+
+.time {
+    position: absolute;
+    bottom: 8px;
+    right: 10px;
+    color: white;
+    border: 1px solid black;
+    background-color: rgb(35, 20, 20);
+    width: 40px;
+    border-radius: 2px;
+}