-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
192 lines (191 loc) · 8.16 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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!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>Shelby Ready</title>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#214DA6" />
<meta name="msapplication-TileColor" content="#d9a918" />
<meta name="theme-color" content="#d9a918" />
<meta
name="description"
content="Shelby Ready is reclaiming Shelby County, Ohio's long history of Civil Defense and Citizen Preparedness by promoting and strengthening Community."
/>
<meta property="og:title" content="Shelby Ready" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://shelbyready.com" />
<meta property="og:image" content="/assets/images/Meta.png" />
<meta
property="og:description"
content="Shelby Ready is reclaiming Shelby County, Ohio's long history of Civil Defense and Citizen Preparedness by promoting and strengthening Community."
/>
<meta property="og:site_name" content="Shelby Ready" />
<meta name="twitter:title" content="Shelby Ready" />
<meta
name="twitter:description"
content="Shelby Ready is reclaiming Shelby County, Ohio's long history of Civil Defense and Citizen Preparedness by promoting and strengthening Community."
/>
<meta name="twitter:card" content="summary_large_image" />
<link href="/normalize.css" rel="stylesheet" />
<link href="/global.css" rel="stylesheet" />
<link href="/home.css" rel="stylesheet" />
</head>
<body>
<a href="#main-content" class="skip-link">Skip to main content</a>
<header>
<div class="inner-content">
<a href="/"><img src="/assets/images/Logo.svg" alt="Shelby ready" /></a>
<nav>
<a href="/">Home</a>
<a href="/get-informed/">Get Informed</a>
<a href="/get-trained/">Get Trained</a>
<a href="/get-active/">Get Active</a>
<a href="/about/">About</a>
</nav>
</div>
</header>
<main id="main-content">
<section class="banner inner-content">
<div class="left">
<h1>Are you ready?</h1>
<p>
Shelby Ready is a new organization reclaiming Shelby County's long
history of Civil Defense and Citizen Preparedness that will be
active in promoting and strengthening Community in Shelby County,
Ohio. Shelby Ready is comprised of local responders, stakeholders,
officials, and volunteers from across the county that will take an
active and integrated role in coordinating disaster and preparedness
training and volunteer opportunities for churches, groups,
businesses, and individuals. The goal is to help people, families,
and neighborhoods to prepare for, respond to, and recover from
disasters of all sizes and impacts.
</p>
<a class="button" href="/get-active/">Get Active</a>
</div>
<div class="right">
<img src="/assets/images/civil_defence.svg" alt="Civil Defence" />
</div>
</section>
<section class="cards inner-content">
<div class="card">
<h2>Get Informed</h2>
<p>
Get up-to-date information about what's happening in Shelby County.
Learn what's coming to help you prepare for tomorrow.
</p>
<a class="card-button" href="/get-informed/">Get Informed</a>
</div>
<div class="card">
<h2>Get Trained</h2>
<p>
Learn new skills that will make you a more valuable asset to your
friends and family for years to come. With proper training and
education, civilian volunteers expand the resources available to
states and local communities.
</p>
<a class="card-button" href="/get-trained/">Get Trained</a>
</div>
<div class="card">
<h2>Get Active</h2>
<p>
Learn what you can do to help build and grow your community today.
</p>
<a class="card-button" href="/get-active/">Get Active</a>
</div>
</section>
<section class="inner-content">
<h2>Upcoming Events</h2>
<!-- <div class="featured-events-container">
<a class="button" href="/get-trained/2023-Iron-Sharpens-Iron-Camp/"
>2023 Iron Sharpens Iron Men's Camp</a
>
</div> -->
<div class="responsiveCal">
<div class="deskContent">
<iframe
src="https://calendar.google.com/calendar/embed?&bgcolor=%23d9a918&showTitle=0&showCalendars=0&src=12438ac72dcfd26fd073748ddda1195fe4e32f2541811a15c4f9d48b2f9d67c1%40group.calendar.google.com&ctz=America%2FIndiana%2FIndianapolis"
style="border: 0"
width="800"
height="600"
frameborder="0"
scrolling="no"
></iframe>
</div>
<div class="phoneContent">
<iframe
src="https://calendar.google.com/calendar/embed?&showTitle=0&bgcolor=%23d9a918&showCalendars=0&mode=AGENDA&height=400&wkst=1&src=12438ac72dcfd26fd073748ddda1195fe4e32f2541811a15c4f9d48b2f9d67c1%40group.calendar.google.com&ctz=America%2FIndiana%2FIndianapolis"
style="border: 0"
width="280"
height="500"
frameborder="0"
scrolling="no"
></iframe>
</div>
</div>
</section>
<section class="contact inner-content">
<form action="https://formspree.io/f/mayvvpwp" method="POST">
<div class="left">
<h2>Contact Shelby Ready</h2>
<label>
<span> Name </span>
<input type="text" name="Name" />
</label>
<label>
<span> Email </span>
<input type="email" name="email" />
</label>
<label>
<span> Message </span>
<textarea name="message" rows="4"></textarea>
</label>
<button class="button" type="submit">Send</button>
</div>
<div class="right">
Contact us for more information on how to get active, inquiries
about specific preparedness topics, and any other quesion you may
have.
</div>
</form>
</section>
</main>
<footer>
<div class="inner-content">
<div class="left-container">
<h2><a href="/get-informed/">Get Informed</a></h2>
<a href="/get-informed/books/">Books</a>
<a href="/get-informed/butchering/">Butchering</a>
<a href="/get-informed/food-preservation">Food Preservation</a>
<a href="/get-informed/gardening/">Gardening</a>
<a href="/get-informed/guides/">How-To Guides</a>
<a href="/get-informed/recipes/">Recipes</a>
<h2><a href="/get-trained/">Get Trained</a></h2>
<h2><a href="/get-active/">Get Active</a></h2>
<a href="/get-active/activism/">Activism</a>
<a href="/get-active/churches/">Churches</a>
<a href="/get-active/community-events/">Community Events</a>
<a href="/get-active/memes/">Memes</a>
<a href="/get-active/shop-local/">Shop Local</a>
<a href="/get-active/small-group-resources/">Small Group Resources</a>
<h2><a href="/about/">About</a></h2>
</div>
<div>
<address>
<a href="mailto:info@shelbyready.com">info@shelbyready.com</a>
</address>
<p>
Website built and designed by
<a href="https://alexanderburdiss.com">Alexander Burdiss</a>
</p>
<a href="/privacy-policy/">Privacy Policy</a>
</div>
</div>
</footer>
<script src="/bundle.js"></script>
</body>
</html>