-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
127 lines (107 loc) · 6.74 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
<!DOCTYPE html>
<html lang="de">
<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">
<meta name="description" content="Fake Google Search Page | Educational Purposes Only">
<meta name="author" content="JessIxAm">
<title>Google</title>
<!-- fonts -->
<!-- Roboto-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<!-- fontAwesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
<!-- favicon -->
<link rel="shortcut icon" href="images/googleicon.png" type="image/x-icon">
<!-- stylesheets -->
<link rel="stylesheet" href="css/template.css">
<!-- <link rel="stylesheet" href="css/dot.css"> -->
<link rel="stylesheet" href="css/header.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body class="flex_col">
<!-- HEADER -->
<header id="header" class="flex">
<div class="menu_toggler_container flex">
<input type="checkbox" id="menu_checkbox">
<!-- Just for fun -->
<!-- 1 -->
<div class="for_fun_1 flex_col">
<h3>Ooops</h3>
<h3>No</h3>
<h3>Menu !</h3>
</div>
<!-- 1 end -->
<label class="flex" for="menu_checkbox">
<!--<span class="menu_toggler"></span> -->
<svg style="fill:#70757a;" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" data-iml="1613034902338">
<path d="M0 0h24v24H0z" fill="none"></path>
<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path>
</svg>
</label>
</div>
<a href="#" class="alle active">ALLE</a>
<!--index.html-->
<a href="#" class="bilder active">BILDER</a>
<!-- https://www.google.de/imghp?hl=de&authuser=0&ogbl -->
<a class="google_apps flex" href="#">
<svg style="fill:#70757a; width:24px; height:24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" data-iml="1613034902338">
<path d="M6,8c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM12,20c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM6,20c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM6,14c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM12,14c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM16,6c0,1.1 0.9,2 2,2s2,-0.9 2,-2 -0.9,-2 -2,-2 -2,0.9 -2,2zM12,8c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM18,14c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM18,20c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2z"></path>
</svg>
</a>
<div class="profile flex">F</div>
</header>
<!-- MAIN -->
<main class="flex_col">
<a href="https://github.com/jessixam" target="_blank" title="Easter Egg" class="logo_container flex">
<img id="logo" src="images/googlelogo.png" alt="google coloured logo ">
</a>
<form class="flex_col mg-b1 " action="https://cutt.ly/jkR0dMl">
<div class="search_container flex mg-b2">
<!-- <img src="images/search.svg" alt="search icon"> -->
<svg id="SvgjsSvg1015" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs">
<defs id="SvgjsDefs1016"></defs>
<g id="SvgjsG1017">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" fill="#d3d3d3" class="color000 svgShape">
</path>
</svg>
</g>
</svg>
<input type="text">
<!-- <img src="images/mic.svg" alt="google mic icon"> -->
<span class="span_svg flex"><svg class="HPVvwb" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="m12 15c1.66 0 3-1.31 3-2.97v-7.02c0-1.66-1.34-3.01-3-3.01s-3 1.34-3 3.01v7.02c0 1.66 1.34 2.97 3 2.97z" fill="#4285f4"></path>
<path d="m11 18.08h2v3.92h-2z" fill="#34a853"></path>
<path d="m7.05 16.87c-1.27-1.33-2.05-2.83-2.05-4.87h2c0 1.45 0.56 2.42 1.47 3.38v0.32l-1.15 1.18z" fill="#f4b400"></path>
<path d="m12 16.93a4.97 5.25 0 0 1 -3.54 -1.55l-1.41 1.49c1.26 1.34 3.02 2.13 4.95 2.13 3.87 0 6.99-2.92 6.99-7h-1.99c0 2.92-2.24 4.93-5 4.93z" fill="#ea4335"></path>
</svg>
</span>
</div>
<div class="btn_container flex">
<button type="submit" class="flex btn">Google Suche</button>
<button type="button" class="flex btn btn_gluck"> <a href="https://github.com/jessixam" target="_blank" alt="Easter Egg">Auf gut Glück!</a> </button>
</div>
</form>
<div class="flex infos_container mg-b1">
<img src="images/bluelock.png" alt="a blue lock with a green check -- not important">
<p>Heute ist Safer Internet Day. <a class="infos_link" href="https://www.google.com/url?q=https://safety.google/%3Futm_medium%3Dhpp%26utm_source%3Dgoogle%26utm_campaign%3Dsid2021&source=hpp&id=19022673&ct=3&usg=AFQjCNGqSJKpDdbBgetUe09HUMLjNMieSQ&sa=X&ved=0ahUKEwiE4KDmk97uAhUd6OAKHU-VCmMQ8IcBCBA">Erfahren Sie, wie Google Ihre Daten schützt</a> </p>
</div>
</main>
<footer id="footer" class="flex_col">
<div class="country flex">
Deutschland
</div>
<div class="settings">
<a class="a1" href="#">Einstellung</a>
<a class="b2" href="#">Datenschutzerklärung</a>
<a class="c2" href="#">Nutzungsbedingungen</a>
<a class="d3" href="#">Werbeprogramme</a>
<a class="e3" href="#">Unternehmen</a>
<a class="f3" href="#">Über Google</a>
</div>
</footer>
</body>
</html>