-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
250 lines (231 loc) · 13.3 KB
/
about.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
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
<html>
<head>
<title>For The Run</title>
<link rel="stylesheet" href="assets/css/styles.css" />
<link href="https://fonts.googleapis.com/css?family=Dosis:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Comfortaa:400,700|Frank+Ruhl+Libre:400,700" rel="stylesheet">
</head>
<body>
<div class="site__container">
<div class="project">
<div class="feature">
<h1 class="feature__title">
<a class="feature__content" href="index.html">
<svg class="ftr__logo" id="For-the-run" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72">
<path class="ftr__logo--f" id="F" d="M2.1 2.7c0-.4.3-.7.7-.7h15.7c.4 0 .7.3.7.7v4.1c0 .4-.3.7-.7.7H8V13h8.7c.4 0 .7.3.7.7v4.1c0 .4-.3.7-.7.7H8v9.2c0 .4-.3.7-.7.7H2.8c-.4 0-.7-.3-.7-.7v-25z" fill="#ffa357" />
<path class="ftr__logo--o" id="O" d="M33.2 1.6c7.6 0 13.7 6.1 13.7 13.7s-6.1 13.6-13.7 13.6-13.6-6-13.6-13.6S25.7 1.6 33.2 1.6zm0 21.3c4.2 0 7.6-3.4 7.6-7.6 0-4.2-3.4-7.6-7.6-7.6-4.1 0-7.6 3.5-7.6 7.6.1 4.2 3.5 7.6 7.6 7.6z" />
<path class="ftr__logo--heart" id="Heart" d="M33.3 20l3.6-3.6c.5-.5.7-1.1.7-1.8 0-1.4-1.1-2.5-2.5-2.5-.7 0-1.3.3-1.8.7-.5-.5-1.1-.7-1.8-.7-1.4 0-2.5 1.1-2.5 2.5 0 .7.3 1.3.7 1.8l3.6 3.6z" />
<path class="ftr__logo--r" id="R" d="M49.6 2.7c0-.4.3-.7.7-.7h11.3c4.6 0 8.3 3.7 8.3 8.2 0 3.5-2.3 6.3-5.6 7.6l5.2 9.6c.3.5 0 1.1-.6 1.1h-5c-.3 0-.5-.2-.6-.3l-5-10.1h-2.6v9.7c0 .4-.3.7-.7.7h-4.5c-.4 0-.7-.3-.7-.7V2.7zm11.6 10.6c1.6 0 2.9-1.4 2.9-3s-1.3-2.9-2.9-2.9h-5.6v5.9h5.6z" fill="#ff57e7" />
<path class="ftr__logo--t" id="T" d="M28.8 33.5h-1.9c-.1 0-.2-.1-.2-.2V33c0-.1.1-.2.2-.2h4.7c.1 0 .2.1.2.2v.3c0 .1-.1.2-.2.2h-1.9v6.8c0 .1-.1.2-.2.2H29c-.1 0-.2-.1-.2-.2v-6.8z" />
<path class="ftr__logo--h" id="H" d="M33 33c0-.1.1-.2.2-.2h.4c.1 0 .2.1.2.2v3.2h4.5V33c0-.1.1-.2.2-.2h.4c.1 0 .2.1.2.2v7.3c0 .1-.1.2-.2.2h-.4c-.1 0-.2-.1-.2-.2V37h-4.5v3.4c0 .1-.1.2-.2.2h-.4c-.1 0-.2-.1-.2-.2V33z" />
<path class="ftr__logo--e" id="E" d="M40.6 33c0-.1.1-.2.2-.2h4.4c.1 0 .2.1.2.2v.3c0 .1-.1.2-.2.2h-3.7v2.7h3.2c.1 0 .2.1.2.2v.3c0 .1-.1.2-.2.2h-3.2v2.8h3.7c.1 0 .2.1.2.2v.3c0 .1-.1.2-.2.2h-4.4c-.1 0-.2-.1-.2-.2V33z" />
<path class="ftr__logo--r1" id="R_1_" d="M2 45.5c0-.4.3-.7.7-.7h10.8c4.4 0 7.9 3.5 7.9 7.8 0 3.3-2.2 6-5.4 7.3l5 9.2c.3.5 0 1.1-.6 1.1h-4.8c-.3 0-.5-.2-.6-.3l-4.8-9.6H7.7v9.3c0 .4-.3.7-.7.7H2.7c-.4 0-.7-.3-.7-.7V45.5zm11.1 10.1c1.5 0 2.8-1.4 2.8-2.9s-1.3-2.8-2.8-2.8H7.7v5.7h5.4z" fill="#5aadff" />
<path class="ftr__logo--u" id="U" d="M23.8 45.5c0-.4.3-.7.7-.7H29c.4 0 .7.3.7.7v14.7c0 2.5 1.9 4.6 4.5 4.6s4.5-2 4.5-4.6V45.5c0-.4.3-.7.7-.7h4.5c.4 0 .7.3.7.7v15c0 5.5-4.6 10.1-10.4 10.1-5.7 0-10.3-4.6-10.3-10.1v-15z" fill="#57ffc7" />
<path class="ftr__logo--n" id="N" d="M48.1 45.1c0-.4.3-.7.7-.7h.9l14.5 13.9V45.5c0-.4.3-.7.7-.7h4.4c.4 0 .7.3.7.7v24.4c0 .4-.3.7-.7.7h-.6c-.1 0-.4-.1-.5-.2L53.9 56v13.5c0 .4-.3.7-.7.7h-4.3c-.4 0-.7-.3-.7-.7l-.1-24.4z" fill="#dbff57" />
<path class="ftr__logo--ribbon" id="Ribbon-right" d="M70 40.5H49.6l3-3.8-3-3.9H70z" />
<path class="ftr__logo--ribbon" id="Ribbon-left" d="M2 40.5h20.4l-3-3.8 3-3.9H2z" />
</svg>
</a>
</h1>
<nav class="navigation">
<ul class="navigation__list">
<li class="navigation__list-item">
<a class="navigation__link shirts" href="">Shirts</a>
</li>
<li class="navigation__list-item">
<a class="navigation__link stickers" href="">Stickers</a>
</li>
<li class="navigation__list-item">
<a class="navigation__link" href="">About</a>
</li>
</ul>
</nav>
<div class="cart">
<ul class="cart__list">
<li class="cart__list-item">
<a class="cart__link" href="">0 Items</a>
</li>
</ul>
</div>
</div>
<!---->
<h2>What was For The Run created?</h2>
<p>This is an incredible community of people. If there is a way we can lift people up or bring more joy to fellow runners, we are in! Our aim is to be transparent with how we give back, so stay tuned!</p>
<p>As we continue to grow we will be sure to keep you updated about when and how we donate.</p>
<p>
We want to keep this simple!
At least 50% of every product we sell will give back.
</p>
<h2>Who or what will we give to?</h2>
<ul>
<li>Donate to charity runners</li>
<li>Donate to charity races</li>
<li>Buy race entries to giveaway</li>
<li>Buy gear to giveaway</li>
<li>Find any other ways we can help runners</li>
</ul>
<h2>Ways we plan to give back</h2>
<ul class="content__charity-breakdown">
<li class="charity--example">
<strong>4 shirts</strong>
<span> = </span>
Donation to a runner's charity
</li>
<li class="charity--example">
<strong>12 shirts</strong>
<span> = </span>
Pay for a half marathon race entry
</li>
<li class="charity--example">
<strong>24 shirts</strong>
<span> = </span>
Pay for a marathon race entry
</li>
<li class="charity--example">
<strong>Weekly causes</strong>
<span> = </span>
All proceeds for that week go to a cause
</li>
<li class="charity--example">
<strong>Merch for a cause</strong>
<span> = </span>
All proceeds from a product will go to a cause
</li>
</ul>
<p>Have ideas for how we can give back? Let us know!</p>
<a href="/contact" class="button large positive">Contact us</a>
<p>-<br><strong>For The Run</strong></p>
<!---->
We want to keep this simple! Every product we sell means we can give back to the running community.
WHO OR WHAT WILL WE GIVE TO?
Donate to charity runners
Donate to charity races
Buy race entries to giveaway
Buy gear to giveaway
Find any other ways we can help runners
HOW MUCH WILL WE GIVE?
At least 50% of the proceeds of every order will go back to runners.
This is an incredible community of people. If there is a way we can lift people up or bring more joy to fellow runners, we are in! Our aim is to be transparent with how we give back, so stay tuned!
As we continue to grow we will be sure to keep you updated about when and how we donate.
<!---->
<div class="content">
<header class="content__header">
<h2 class="content__title">
Runners 4 Runners
<span class="sub-title">About For The Run</span>
</h2>
</header>
<h3>How we give back</h3>
<p>With every order, a majority of our proceeds will go towards helping runners and giving back.</p>
<h4>Breakdowns</h4>
<ul class="content__charity-breakdown">
<li class="charity--example">
<strong>4 shirts</strong>
<span> = </span>
A donation towards a charity runner
</li>
<li class="charity--example">
<strong>12 shirts</strong>
<span> = </span>
Pay for a runners half marathon entry
</li>
<li class="charity--example">
<strong>24 shirts</strong>
<span> = </span>
Pay for a runners marathon entry
</li>
</ul>
<p>
Our aim is to be as transparent with how we give back as possible!
As we continue to grow we will be sure to keep you updated about when and how we donate.
</p>
<p>- For The Run</p>
</div>
<!--<footer class="module__footer">
I am the footer
</footer>-->
<!-- -->
<!--<h2>What are we about?</h2>
<p>
Helping runners!
</p>-->
<!--<p>
Running is a passion sport. We love it. You love it.
</p>
<p>
Our proceeds will either go to helping runners meet their fundraising goals or towards races that are raising funds.
</p>-->
<!--<h3>
How we plan to help.
</h3>
<p>
We plan to create rad-tastic merch for this wonderful running community!
Like slapping stickers on things?
So do we!
Need some more shirts for before, during, or after your run?
Can we ever have enough? Is that really a question?
</p>
<p>
Stay tuned for what's to come!
</p>
<p>- For the run</p>-->
</div>
</div>
</body>
</html>
<p><span class="mission__hashtag">#runners4runners</span><br /><br />That hashtag is where this all started. Runners support each other, motivate each other, and prove to their bodies and their minds that they can do more. <strong>For the Run</strong> is an extension of these things. We aim to provide runners with wonderful products and in turn take at least 50% of what we make and give back.</p>
<p>Our proceeds will help us give to those whose races are taking them on new adventures. It will let us donate to causes which remind us why we run, and motivate us to do more to help those both near and far.</p>
<p>This community both humbles and inspires. It reminds us that we are both fragile and unbreakable. We lift one another up and find joy in others triumphs. We are runners.</p>
<p>At <strong>For the Run</strong>, we want to help where help is needed. We want to take the joy and love that this community generates and amplify it.</p>
<ul class="mission__list">
<li>Train for your run.</li>
<li>Be ready for your run.</li>
<li>Remember why you run.</li>
<li>Love every step.</li>
</ul>
<p>We are <strong>For the Run</strong>. We are for your run. We were all built for this. Lets keep going.</p>
<span class="mission__heart">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72">
<path d="M36 55.9l18-18c2.3-2.3 3.7-5.5 3.7-9 0-7-5.7-12.8-12.8-12.8-3.5 0-6.7 1.4-9 3.7-2.3-2.3-5.5-3.7-9-3.7-7 0-12.8 5.7-12.8 12.8 0 3.5 1.4 6.7 3.7 9l18.2 18z" fill="#303030" />
</svg>
</span>
<p><strong>For the Run</strong></p>
<div class="mission__giving">
<a class="button positive large" href="/giving-back">Learn how we are giving back</a>
</div>
<h2>Why was For The Run created?</h2>
<p>The running community is filled with amazing people who come from a seemingly unlimited number of backgrounds. No matter the reason, we all share a passion for lacing up our shoes and getting our legs moving. Running has given us so much back in both our lives and the people who inspire us.</p>
<p>For the Run is an opportunity for us to take the joy running has given us and send that back out into the world. We want this to be something that becomes a part of the running community. We can't wait to see where you all take us!</p>
<h2>How will we give back</h2>
<p>At least 50% of every product we sell will go towards helping runners or the causes they care about.</p>
<h2>Ways we plan to give back</h2>
<ul class="content__charity-breakdown">
<li class="charity--example">
<strong>4 shirts</strong>
<span> = </span>
Donation to a runner's charity
</li>
<li class="charity--example">
<strong>12 shirts</strong>
<span> = </span>
Give away a half marathon race entry
</li>
<li class="charity--example">
<strong>24 shirts</strong>
<span> = </span>
Give away a marathon race entry
</li>
<li class="charity--example">
<strong>Weekly causes</strong>
<span> = </span>
Proceeds for that week go to a cause
</li>
<li class="charity--example">
<strong>Merch for a cause</strong>
<span> = </span>
Proceeds from a product will go to a cause
</li>
</ul>
<p>Have ideas for how we can give back? Let us know!</p>
<a href="/contact" class="button large positive">Contact us</a>
<p>-<br><strong>For the Run</strong></p>