youtube_clone/index.html at main · Gowtham2007-code/youtube_clone · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html>
<head>
    <title>youtube clone</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body style="padding-top: 90px;
    background-color: rgb(246, 246, 246);
    padding-left: 110px;">

    <div class="header">
        <div class="left-section">
                <img class="hamberger" src="thumbnails/hamburger-menu.svg">
                <img class="youtube-logo" src="thumbnails/youtube-logo.svg">
        </div>

        <div class="middel-section">
            <input class="search-bar" type="text" class="search" placeholder="Search">
            <button class="search-button"> <img class="search-icon" src="thumbnails/search.svg"></button>
            <button class="voice-search-button"> <img class="speaking-button" src="thumbnails/voice-search-icon.svg"></button>
        </div>

        <div class="right-section">
            <img class="uplod" src="thumbnails/upload.svg">
            <img class="apps" src="thumbnails/youtube-apps.svg">
            <img class="noti" src="thumbnails/notifications.svg">
            <div class="noti-count"> 3 </div>
            <img class="profile" src="thumbnails/profile.jpg">
        </div>
    </div>


    <div class="sidebar">
        <div class="sidebar-link"><img class="home" src="thumbnails/home.svg"></div>
        <div class="sidebar-link"> <img class="explore" src="thumbnails/explore.svg"> </div>
        <div class="sidebar-link"> <img class="sub" src="thumbnails/subscriptions.svg"> </div>
        <div class="sidebar-link"> <img class="original" src="thumbnails/originals.svg"> </div>
        <div class="sidebar-link"> <img class="music" src="thumbnails/youtube-music.svg"> </div>
        <div class="sidebar-link"> <img class="library" src="thumbnails/library.svg"> </div>
    </div>

    <div class="grid-for-all js-grid-for-all"></div>

    <script src="script.js"></script>
</body>
</html>