-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
68 lines (63 loc) · 10 KB
/
index.html
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>YouTube</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel = "icon" href = "http://assets.stickpng.com/images/580b57fcd9996e24bc43c545.png" type = "image/x-icon">
<link rel="stylesheet" href="youtube.css">
</head>
<body>
<div id="container">
<div id="leftbox">
<!-- <h1>Anushka</h1> -->
<div> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQvuUG62nIlWV_nnpvNT8_sdmvSPfsqF9HU0Q&usqp=CAU" width="17px" height="17px" id="lefticon1"></div>
<div><img src="https://cdn2.iconfinder.com/data/icons/pittogrammi/142/65-512.png" width="24px" height="24px" class="home"></div>
<p id="pl">Home</p>
<div><img src="https://cdn.iconscout.com/icon/free/png-256/explore-1781524-1513844.png" width="24px" height="24px" id="lefticon"></div>
<p id="pl">Explore</p>
<div><img src="https://cdn.iconscout.com/icon/free/png-256/subscriptions-1781681-1518361.png" width="24px" height="24px" id="lefticon"></div>
<p id="pl">Subscription</p>
<div> <img src="https://static.thenounproject.com/png/2481186-200.png" width="24px" height="24px" id="lefticon"></div>
<p id="pl">Library</p>
</div>
<div id="content">
<div id="nav">
<div id="upbox">
<div id=logospace>
<a href="index.html"><img src="https://149504167.v2.pressablecdn.com/wp-content/uploads/2019/10/2000px-YouTube_Logo_2017.svg_.png" width="100px" height="20px" id="ytlogo"> </div></a>
<input class="search1" type="text" id="video" placeholder="Search">
<button id="search2" onclick="searchVideo()"><i class="material-icons">search</i></button>
<img id="mic" src="https://www.iconpacks.net/icons/1/free-microphone-icon-342-thumb.png" width="22px" height="22px">
<img id="create" src="https://static.thenounproject.com/png/3750242-200.png" width="22px" height="22px">
<img id="icon" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcThsjw3SJzNMrobKr9cJmnXU0__rbQ5guJvig&usqp=CAU" width="18px" height="18px">
<img id="icon" src="https://toppng.com/uploads/preview/youtube-logo-transparent-square-for-kids-notification-bell-icon-11562857378pfhstovenl.png" width="20px" height="20px">
<a href="youtubesignup.html"><img id="profile" src="data:image/png;base64,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" width="32px" height="32px"></a>
<div id="useryt"></div>
</div>
<div id="suggestion">
<a href="index.html"><button id="suggest" class="all">All</button></a>
<a href="index.html"><button id="suggest">Mixes</button></a>
<a href="index.html"><button id="suggest">Music</button></a>
<a href="index.html"><button id="suggest">Gaming</button></a>
<a href="index.html"><button id="suggest1">Lofi</button></a>
<a href="index.html"><button id="suggest1">Comedy</button></a>
<a href="index.html"><button id="suggest1">Reverberation</button></a>
<a href="index.html"><button id="suggest1">Arijit Singh</button></a>
<a href="index.html"><button id="suggest1">JavaScript</button></a>
<a href="index.html"><button id="suggest1">Computer program</button></a>
<a href="index.html"><button id="suggest1">Basketball</button></a>
</div>
</div>
<div id="content1">
<div id="results_div">
</div></div>
</div>
<div id="search_results">
</div>
</div>
</body>
</html>
<script src="youtube.js"></script>