-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
204 lines (176 loc) · 10.6 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!DOCTYPE html>
<html>
<center>
<header>
<!-- stylesheet -->
<link rel="stylesheet" type="text/css" href="src/index.css">
</header>
<body class="bg-dark">
<!-- Basic Google design is taken from Link : "https://codepen.io/jitendrarathore/pen/LwPrEphttps://codepen.io/jitendrarathore/pen/LwPrEp" designed bt Jitendra Rathore -->
<div class="logo">
<img alt="Google" class="child"
src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">
<h1 class="text-light child" id>Pro</h1>
</div>
<div class="bar bg-white">
<input class="searchbar" type="text" title="Search" id="searchBar"
placeholder="Search by Google or type a url" autocomplete="off">
<a href="#"> <img class="voice"
src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e8/Google_mic.svg/716px-Google_mic.svg.png"
title="Search by Voice"></a>
</div>
<!-- Google Search and I'm Feeling Lucky Button -->
<div class="buttons">
<button class="button bg-dark text-light tab" type="button" id="search">Google Search</button>
<a href="https://www.google.com/doodles" style="text-decoration: none;"><button
class="button bg-dark text-light tab">I'm Feeling
Lucky</button></a>
</div>
<!-- end of the Basic Design Code -->
<div class="container" style="margin-top:1em">
<!-- File Type Tab -->
<div class="row">
<div class="col-md-4">
<!--File Type Card-->
<div class="card bg-primary text-light">
<div class="card-body ">
<h5 class="card-title"><b>File Type</b></h5>
<p class="card-text">Are you looking for a file ?<br></p>
<!-- Definition of file type attribute -->
<p>Tell us what file are you looking for and we will show you the best
result.</p>
<!-- Drop Down Button -->
<div class="dropdown">
<!-- Drop Down Button -->
<select class="form-select FileSelectMenu" id="fileTypeMenu">
<option selected>select File Type</option>
<option value="PDF">Books</option>
<option value="MKV">Movies</option>
<option value="PDF">PDF</option>
<option value="DOC">DOC</option>
<option value="DOCX">DOCX</option>
<option value="PPT">PPT</option>
<option value="PPTX">PPTX</option>
<option value="XLS">XLS</option>
<option value="XLSX">XLSX</option>
<option value="TXT">TXT</option>
<option value="ZIP">ZIP</option>
<option value="RAR">RAR</option>
<option value="JPG">JPG</option>
<option value="PNG">PNG</option>
<option value="MP3">MP3</option>
<option value="MP4">MP4</option>
<option value="AVI">AVI</option>
<option value="MPEG">MPEG</option>
<option value="FLV">FLV</option>
<option value="MOV">MOV</option>
<option value="WMV">WMV</option>
<option value="WEBM">WEBM</option>
<option value="M4A">M4A</option>
<option value="M4V">M4V</option>
<option value="MOV">MOV</option>
<option value="MPG">MPG</option>
<option value="OGG">OGG</option>
<option value="OGV">OGV</option>
<option value="OGM">OGM</option>
<option value="3GP">3GP</option>
<option value="3G2">3G2</option>
<option value="3GP2">3GP2</option>
<option value="3GPP">3GPP</option>
<option value="3GPP2">3GPP2</option>
<option value="other">Other</option>
</select>
</div>
</div>
</div>
</div>
<!-- Keywords Tab -->
<div class="col-md-4">
<div class="card bg-danger text-light">
<div class="card-body">
<h5 class="card-title">Keywords</h5>
<p class="card-text">Is there any specific keyword search must include ?<br></p>
<textarea name="keywordBox" id="keywordBox" class="keywordBox" cols="30" rows="10"
placeholder="Enter the specific keywords or the sentence that the search must include and hit Enter for Example : Quotes, Question "></textarea>
<br>
</div>
</div>
</div>
<!-- Data Tab -->
<div class="col-md-4" id="dataTab">
<div class="card bg-warning">
<div class="card-body">
<h5 class="card-title">Data</h5>
<p><b>Courses:</b> will find Courses on Google Drive<br><b>Collection:</b> will find
you similar data based on the fields you have entered</p>
<div class="dropdown">
<!-- Drop Down Button -->
<select class="form-select FileSelectMenu" id="siteTypeMenu">
<option selected value="freecoursesites.com">Courses</option>
<option selected value="drive.google.com">collection of data</option>
<option selected value="other">any particular website you want results from</option>
<option selected>select Field Type</option>
</select>
</div>
</div>
</div>
</div>
<!-- Date Range -->
<div class="col-md-4" id="dateTab">
<div class="card bg-success text-light">
<div class="card-body">
<h5 class="card-title">Date Range</h5>
<p>Enter the starting from date or the ending with date or both for the results</p>
<div class="dropdown">
<!-- Drop Down Button -->
<select class="form-select DateMenu" id="startingDateMenu">
</select>
<select class="form-select DateMenu" id="endingDateMenu">
<option selected value="endingDate">select ending Date</option>
</select>
</div>
</div>
</div>
</div>
<!-- Sun rise and sun set -->
<div class="col-md-4" id="sunTab">
<div class="card bg-warning">
<div class="card-body">
<h5 class="card-title">Sun Rise and Sun Set</h5>
<p>Know the TIME of sunrise and sunset of you city</p>
<div class="dropdown">
<textarea name="text" id="sunCityName"
placeholder="Enter the name of your city"></textarea>
<!-- Drop Down Button -->
<select class="form-select DateMenu" id="sunStatusMenu">
<option selected value="sunrise">select sunrise</option>
<option selected value="sunset">select sunset</option>
<option selected value="">select Sun Status</option>
</select>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<hr style="color: rgb(150, 150, 150);">
<p class="text-center" style="color: rgb(150, 150, 150);">Created by saurabh100ni</p>
<!-- links Enable the use of Bootstrap -->
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13"
crossorigin="anonymous"></script>
</body>
<!-- js file -->
<script src="src/index.js"></script>
</html>