heygoats/index.html at main · HeyGovApp/heygoats · 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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<link rel="icon" href="favicon.ico">
		<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
		<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
		<title>HeyGoats, from HeyGov</title>
		<meta name="description" content="CMS and project management for herds of goats">
		<meta property="og:type" content="website">
		<meta property="og:url" content="https://heygoats.com">
		<meta property="og:title" content="HeyGoats, from HeyGov">
		<meta property="og:description" content="Managing herds of goats has never been so easy!">
		<meta property="og:image" content="https://heygoats.com/images/link-preview.jpg">

		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@layered/layered-design@1.5.6/dist/layered.css" integrity="sha256-NT1Sf9WGtlz9UD0mXpHB58GH3SpmFj9UEg99lTRW4YE=" crossorigin="anonymous">

		<style type="text/css">
		body {
			background-image: linear-gradient(75deg, #fff6e3, #fff);
		}
		</style>

		<script defer data-domain="heygoats.com" src="https://plausible.io/js/script.js"></script>
	</head>
	<body>

		<div class="container">

			<div class="py-4">
				<h5><span class="d-inline-block rounded px-3 py-2" style="background-color: #dbeafe; color: #164e63">🆕 HeyGov announces a new service</span></h5>
				<h1>Managing herds of goats has never been so easy!</h1>

				<div class="row justify-content-center">
					<div class="col-lg-8 col-md-10">
						<img src="images/heygoats.png" alt="HeyGoats" class="img-fluid mb-5" />

						<div class="card">
							<div class="card-body text-center">
								<h4>Signup for our newsletter</h4>
								<p>No spam, only goat related content, we promise 🐐</p>

								<form>
									<div class="form-group mb-3 mx-5">
										<input type="email" class="form-control" required placeholder="Your real and valid email please">
									</div>

									<p class="mb-0">
										<button class="btn btn-lg btn-primary">Sign me up</button>
									</p>
								</form>
							</div>
						</div>

					</div>
				</div>
			</div>

		</div>

	</body>
</html>