Below is the ALL-NEW Bytes of Intelligence Search Engine, which allows you to enter any query of your choice and redirects you to the Google page. It has been made using HTML and CSS.
This shows the power of a simple search engine – that can redirect users to the page they want to see.
Here is the code:
<!DOCTYPE html>
<!-- Demonstrates layout with Bootstrap -->
<html lang="en">
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" 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://google.com/gmail/">Gmail</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>
<div class="text-center">
<img alt="Bytes of Intelligence" class="img-fluid w-25" src="bytes logo.png">
<form action="https://www.google.com/search" class="mt-4" method="get">
<input autocomplete="on" autofocus class="form-control form-control-lg mb-4 mx-auto w-50" name="q" placeholder="Query" type="search">
<button class="btn btn-light" type="submit">Bytes of Intelligence Search</button>
<button class="btn btn-light" name="btnI" type="submit">I'm Feeling Lucky</button>
</form>
</div>
</body>
</html>