Skip to content

Commit 8739dad

Browse files
shk0Abdullahshk0Abdullah
committed
Making Some Good Changes
1 parent ec021c9 commit 8739dad

File tree

4 files changed

+238
-0
lines changed

4 files changed

+238
-0
lines changed

‎Google_index/G_advanced_search.html‎

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Google Advanced Search</title>
8+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
9+
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
10+
<link rel="stylesheet" href="styles.css">
11+
</head>
12+
13+
<body>
14+
<div>
15+
<a href="index.html">
16+
<img src="https://raw.githubusercontent.com/shk0Abdullah/Google-Frontend/refs/heads/main/images/Google.png" alt="Google" style="width: 73px; height: 24px; margin: 13px;">
17+
</a>
18+
</div>
19+
<p id='heading_Advance'>Advanced Search</p>
20+
<hr>
21+
<div class="div-advanced">
22+
<p class="fpages">Find pages with...</p>
23+
<form action="https://google.com/search">
24+
<div class="bar-input">
25+
<div class="left">
26+
<p class="p-advanced">all these words:</p>
27+
</div>
28+
<div class="right">
29+
<input type="text" name="as_q" class="form-control">
30+
</div>
31+
</div>
32+
33+
<div class="bar-input">
34+
<div class="left">
35+
<p class="p-advanced">this exact word or phrase:</p>
36+
</div>
37+
<div class="right">
38+
<input type="text" name="as_epq" class="form-control">
39+
</div>
40+
</div>
41+
42+
<div class="bar-input">
43+
<div class="left">
44+
<p class="p-advanced">any of these words:</p>
45+
</div>
46+
<div class="right">
47+
<input type="text" name="as_oq" class="form-control">
48+
</div>
49+
</div>
50+
51+
<div class="bar-input">
52+
<div class="left">
53+
<p class="p-advanced">none of these words:</p>
54+
</div>
55+
<div class="right">
56+
<input type="text" name="as_eq" class="form-control">
57+
</div>
58+
</div>
59+
60+
<div class="btn-div">
61+
<input type="submit" value="Advanced search" class="btn btn-search">
62+
</div>
63+
</form>
64+
</div>
65+
</body>
66+
67+
</html>

‎Google_index/Google_image.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<title>Image</title>
6+
<link rel="stylesheet" href="styles.css">
7+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
8+
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
9+
</head>
10+
11+
<body>
12+
<div class=side>
13+
<a href="index.html">Google</a>
14+
</div>
15+
<div>
16+
<a href="Google_image.html">
17+
<center><img src="https://raw.githubusercontent.com/shk0Abdullah/Google-Frontend/refs/heads/main/images/Google_images.png" alt="Google" class="logo_center"></center>
18+
</a>
19+
<form action="https://www.google.com/search" class='search'>
20+
<input type="hidden" name='tbm' value="isch">
21+
<center><input type="text" name="q" class="form-control" id='bar'></center>
22+
<input type="submit" value="Google Image" class="btnx">
23+
</form>
24+
</div>
25+
</body>
26+
27+
</html>

‎Google_index/index.html‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<title>Search</title>
6+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
7+
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
8+
<link rel="stylesheet" href="styles.css">
9+
</head>
10+
11+
<body>
12+
<div>
13+
<pre id='extras'>
14+
<a href="Google_image.html">Images</a> <a href="G_advanced_search.html">Advanced Search</a>
15+
</pre>
16+
</div>
17+
<div>
18+
<a href="index.html">
19+
<center><img src="https://raw.githubusercontent.com/shk0Abdullah/Google-Frontend/refs/heads/main/images/Google.png" alt="Google" class="logo_center"></center>
20+
</a>
21+
<form action="https://www.google.com/search" class='search'>
22+
<center><input type="text" name="q" id='bar' class="form-control"></center>
23+
<input type="submit" value="Google Search" class="btnx">
24+
<a href="https://doodles.google"><input type="submit" name="btnI" value="I'm Feeling Lucky" class="btnx ">
25+
</a>
26+
</form>
27+
</div>
28+
</body>
29+
30+
</html>

‎Google_index/styles.css‎

Lines changed: 114 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,114 @@
1+
#extras {
2+
font-family: Arial;
3+
font-weight: bold;
4+
text-align: right;
5+
}
6+
7+
.side {
8+
font-family: Arial;
9+
text-align: right;
10+
}
11+
12+
a {
13+
color: black;
14+
text-decoration: none;
15+
}
16+
17+
#bar {
18+
display: flex;
19+
z-index: 3px;
20+
height: 38px;
21+
background: #fff;
22+
border: 1px solid #dfe1e5;
23+
box-shadow: none;
24+
border-radius: 18px;
25+
text-align: left;
26+
margin: 10px;
27+
width: 510px;
28+
font-size: 17px;
29+
font-family: Arial;
30+
}
31+
32+
.search {
33+
text-align: center;
34+
margin: 15px;
35+
}
36+
37+
.logo_center {
38+
margin-top: 14px;
39+
width: 288px;
40+
height: 100px;
41+
}
42+
43+
/* For Google Advanced Search Page */
44+
#heading_Advance {
45+
font-display: flex;
46+
color: rgb(185, 28, 28);
47+
font-family: Arial;
48+
text-align: left;
49+
margin: 19px;
50+
font-size: 21px;
51+
}
52+
53+
.div-advanced {
54+
margin: 50px;
55+
}
56+
57+
.fpages {
58+
color: #333333;
59+
font-size: 19px;
60+
font-family: sans-serif;
61+
}
62+
63+
.bar-input {
64+
display: flex;
65+
flex-direction: row;
66+
margin-top: 20px;
67+
align-items: center;
68+
}
69+
70+
.left {
71+
width: 200px;
72+
}
73+
74+
.right {
75+
width: 385px;
76+
77+
}
78+
79+
.p-advanced {
80+
font-size: 14px;
81+
vertical-align: middle;
82+
}
83+
84+
.btn-search {
85+
box-shadow: none;
86+
background-color: #4d90fe;
87+
border: 1px solid #3079ed;
88+
color: #fff;
89+
}
90+
91+
.btn-div {
92+
display: flex;
93+
justify-content: flex-end;
94+
width: 585px;
95+
margin-top: 30px;
96+
}
97+
98+
.btnx {
99+
background-color: #f8f9fa;
100+
border: 1px solid #f8f9fa;
101+
border-radius: 4px;
102+
color: #3c4043;
103+
font-family: Arial, sans-serif;
104+
font-size: 14px;
105+
margin: 11px 4px;
106+
padding: 0 16px;
107+
line-height: 27px;
108+
height: 36px;
109+
min-width: 54px;
110+
text-align: center;
111+
cursor: pointer;
112+
user-select: none;
113+
114+
}

0 commit comments

Comments
 (0)