-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
89 lines (86 loc) · 3.07 KB
/
index.html
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>GoodBoi Care</title>
<meta name="viewport" />
<meta
name="description"
content="Join other pet lovers in managing your pet's health and happiness with ease. Track their daily activities, manage their medication and feeding records, set reminders for important events, and share this information with other caretakers—all in one place."
/>
<link rel="icon" type="image/x-icon" href="/public/images/favicon.ico" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Lato&family=Nunito+Sans:ital,opsz,wght@1,6..12,700&family=Nunito:wght@700&family=Roboto:wght@300;900&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="/public/css/index.css" />
</head>
<body>
<!-- HEADER SECTION -->
<header>
<img
src="/public/images/icon.png"
alt="App Icon"
width="65px"
height="65px"
/>
<h1>GoodBoi Care</h1>
<div class="flex-space"></div>
<a href="https://goodboicare.com/terms">Terms of Use</a>
<a href="https://goodboicare.com/privacy">Privacy Policy</a>
</header>
<!-- MAIN SECTION -->
<main>
<div
role="group"
aria-label="Caring for your pets, simplified."
class="hero"
>
<div class="hero__contents-wrapper">
<div class="hero__contents-text">
<h2>Caring for Your Pets, Simplified.</h2>
<p>
Join other pet lovers in managing your pet's health and happiness
with ease. Track their daily activities, manage their medication
and feeding records, set reminders for important events, and share
this information with other caretakers—all in one place.
</p>
<div class="hero__contents-buttons">
<a
href="https://apps.apple.com/us/app/goodboi-care/id6670172816"
aria-label="Download from App Store"
>
<img
src="/public/images/app_store_button.png"
width="200px"
alt="App Store image button"
/>
</a>
<a
href="https://play.google.com/store/apps/details?id=com.wandererstudio.gbcare.prod"
aria-label="Download from Google Play Store"
>
<img
src="/public/images/play_store_button.png"
width="200px"
alt="Play Store image button"
/>
</a>
</div>
</div>
<div class="hero__contents-image">
<img
src="/public/images/hero_image.png"
height="500px"
alt="Hero image with app screenshots"
/>
</div>
</div>
</div>
</main>
<!-- FOOTER SECTION -->
<footer></footer>
</body>
</html>