cs50/search2.html

62 lines
2.8 KiB
HTML

<!DOCTYPE html>
<!-- Demonstrates layout with Bootstrap -->
<html lang="en">
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<title>search</title>
</head>
<body>
<div class="container-fluid">
<ul class="m-3 nav">
<li class="nav-item">
<a class="nav-link text-dark" href="https://about.google/">About</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="https://store.google.com/">Store</a>
</li>
<li class="nav-item ms-auto">
<a class="nav-link text-dark" href="https://www.google.com/gmail/">Gmail</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="https://www.google.com/imghp">Images</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="https://www.google.com/intl/en/about/products">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-grid-3x3-gap-fill" viewBox="0 0 16 16">
<path
d="M1 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V2zM1 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V7zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V7zM1 12a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2z" />
</svg>
</a>
</li>
<li class="nav-item">
<a class="btn btn-primary" href="https://accounts.google.com/ServiceLogin" role="button">Sign in</a>
</li>
</ul>
<div class="text-center">
<!-- https://knowyourmeme.com/memes/happy-cat -->
<img alt="Happy Cat" class="img-fluid w-25" src="cat.gif">
<form action="https://www.google.com/search" class="mt-4" method="get">
<input autocomplete="off" autofocus class="form-control form-control-lg mb-4 mx-auto w-50" name="q"
placeholder="Query" type="search">
<button class="btn btn-light">Google Search</button>
<button class="btn btn-light" name="btnI">I'm Feeling Lucky</button>
</form>
</div>
</div>
</body>
</html>