-
Notifications
You must be signed in to change notification settings - Fork 19
/
Copy pathindex.html
95 lines (84 loc) · 4.48 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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="stylesheets/index.css">
<link rel="stylesheet" href="stylesheets/fonts.css">
<!-- font awesome links -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css"
integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous">
<title>New Tab</title>
</head>
<body>
<div class="settings">
<ul class="top-level-menu">
<li><a href="#" id="settings"><i class="fa fa-cog fa-2x" aria-hidden="true"></i></a>
<ul class="second-level-menu">
<li><a href="user.html">Change Username</a></li>
<li><a href="#" id="color">Background Color</a>
<ul class="bgcolor">
<li><input type="color" id="favcolor" value="#000000"></input></li>
</ul>
</li>
<li>
<select id="third-level-menu">
<option value="12">Clock Format</option>
<option value=12>12 Hour</option>
<option value="24">24 Hour</option>
</select>
</li>
<li>
<select class="search-engine">
<option>Google</option>
<option>DuckDuckGo</option>
<option>Yahoo</option>
<option>Bing</option>
<option>Qwant</option>
</select>
</li>
<li><select id="fonts">
<option value="Righteous">Font Styles</option>
</select>
</li>
</ul>
</li>
</ul>
</div>
<div class="date"></div>
<div style="clear: both;">
<h1 id="greet"></h1>
<div id="quote"></div>
<div id="search-bar">
<form id="search-form" action="http://www.google.com/search" class="searchform" method="get"
name="searchform">
<i class="fas fa-search" style="color: gray; font-size: 1.5rem;"></i>
<input id="search" autocomplete="off" name="q" placeholder="Type Something to Search"
required="required" type="text">
<!-- <button id="search-btn" type="submit"><img src="assets\images\search_button.svg" width="20px" height="19px"></button> -->
</form>
</div>
<div class="links">
<a href="https://www.google.com" class="grid-item"><img src="assets/images/google.svg" class="icon"></a>
<a href="https://www.gmail.com" class="grid-item"><img src="assets/images/gmail.svg" class="icon"></a>
<a href="https://drive.google.com" class="grid-item"><img src="assets/images/drive.svg" class="icon"></a>
<a href="https://www.youtube.com" class="grid-item"><img src="assets/images/youtube.svg" class="icon"></a>
<a href="https://www.facebook.com" class="grid-item"><img src="assets/images/facebook.svg" class="icon"></a>
<!-- <br> -->
<a href="https://www.github.com" class="grid-item"><img src="assets/images/github.svg" class="icon"></a>
<a href="https://www.medium.com" class="grid-item"><img src="assets/images/medium.svg" class="icon"></a>
<a href="https://www.quora.com" class="grid-item"><img src="assets/images/quora.svg" class="icon"></a>
<a href="https://www.amazon.in" class="grid-item"><img src="assets/images/amazon.svg" class="icon"></a>
<a href="https://www.spotify.com" class="grid-item"><img src="assets/images/spotify.svg" class="icon"></a>
</div>
</div>
<script type="text/javascript" src="src/search-engine.js"></script>
<script type="text/javascript" src="src/greet.js"></script>
<script type="text/javascript" src="src/cookies.js"></script>
<script type="text/javascript" src="src/clock.js"></script>
<script type="application/json" src="fonts/font_list.json"></script>
<script type="text/javascript" src="src/bg-color.js"></script>
<script type="text/javascript" src="src/font_list.js"></script>
<script type="text/javascript" src="src/index.js"></script>
</body>
</html>