-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
32 lines (31 loc) · 1.93 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
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<meta name = "viewport" content = "width=device-width">
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<script src="https://kit.fontawesome.com/154dc9bcbd.js" crossorigin="anonymous"></script>
</head>
<body class = "bg-gray-700">l̥
<div class = "flex flex-column md:flex-row justify-end">
<div class="px-5 text-white hover:bg-gray-600 hover:border rounded"><a href = "https://www.google.co.in/imghp">Images</a></div>
<div class="px-5 text-white hover:bg-gray-600 hover:border rounded"><a href = "https://www.google.com/gmail">Gmail</a></div>
<div class="px-5 text-white hover:bg-gray-600 hover:border rounded"><i class="fab fa-google"></i></div>
<div class="px-5 text-white hover:bg-gray-600 hover:border rounded"><i class="far fa-user"></i></div>
</div>
<div>
<div class="pt-40 pb-10 grid justify-center">
<img src = "https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">
</div>
<div class = "flex flex-row justify-center items-center">
<div class="px-5 rounded-l-full p-2 bg-white cursor-pointer"><i class="fas fa-search"></i></div>
<input class = "p-2 w-3/6 md:w-2/6 text-center focus:outline-none" type = "text" placeholder = "Search Google or type a URL">
<div class="px-5 rounded-r-full p-2 bg-white cursor-pointer"><i class="fas fa-microphone"></i></div>
</div>
<div class="p-10 grid justify-center">
<div class="m-auto rounded-full h-14 w-14 flex items-center justify-center bg-gray-900"><i class="fas fa-plus text-gray-400"></i></div>
<p class="pt-5 text-white text-sm">Add shortcut</p>
</div>
</div>
</body>
</html>