Skip to content

Instantly share code, notes, and snippets.

@ErikCH

ErikCH/index.html

Created February 7, 2022 02:02
Show Gist options
  • Save ErikCH/fe89465b25845fd43d7cc0f15a75e3bc to your computer and use it in GitHub Desktop.
Save ErikCH/fe89465b25845fd43d7cc0f15a75e3bc to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<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" />
<title>Erik's Google Search</title>
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="https://unpkg.com/normalize.css" />
<script src="app.js" defer></script>
</head>
<body>
<header>
<div>
<a href="#">About</a>
<a href="#">Store</a>
</div>
<div class="right-header">
<a href="#">Gmail</a>
<a href="#">Images</a>
<img src="dots.svg" alt="" srcset="" />
</div>
</header>
<section class="main">
<img src="google.png" alt="" />
<form onsubmit="onSubmit(event)">
<label for="textSearch">
<input
aria-label="Input Search"
type="text"
id="textSearch"
name="textSearch"
/>
</label>
<div class="buttons">
<button aria-label="Google Search">Google Search</button>
<button aria-label="I'm Feeling Lucky" type="button" data-lucky>
I'm Feeling Lucky
</button>
</div>
</form>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment