seo-generator/index.html at main · Junior-Developer-Group/seo-generator · GitHub

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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml: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>SEO Generator</title>
	<link rel="stylesheet" href="./assets/styles/base.css">
</head>

<body class="english">
	<main>
		<form class="form" onsubmit="submit()">
			<fieldset class="form-group">
				<label for="input-keywords" class="form-group__label">
					Keywords: <span class="form-group__instruction">(separated by comma)</span>
				</label>
				<div class="form-group__input-wrapper">
					<textarea class="form-group__input" id="input-keywords" placeholder="Example: keyword1, keyword2" autocomplete="off"></textarea>
					<strong class="form-group__message" id="input-keywords__message" role="alert" aria-live="assertive"></strong>
				</div>
			</fieldset>
			<fieldset>
				<label for="generated-code">
					Generated Code:
				</label>
				<textarea id="generated-code" class="form-group__generated-code" readonly></textarea>
			</fieldset>
			<button type="submit">Submit</button>
		</form>
	</main>
	<script src="./assets/scripts/scripts.js" type="module"></script>
</body>
</html>