-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
506 lines (436 loc) · 32 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
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
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
<html lang="en">
<head>
<meta charset="UTF-8">
<title>How Many Hours Does This Cost?</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Lato'>
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Fira Sans'>
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Abel'>
<link rel="stylesheet" href="./materialize/css/materialize.css" type="text/css" media="screen,projection"/>
<link rel="stylesheet" href="css.css" type="text/css" />
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="background: url('./img/crossword.png')">
<nav>
<div class="nav-wrapper red accent-1">
<a href="#" class="brand-logo"><img src="./img/costinhourslogo.png" style="height: 70px"></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="https://github.com/LaraEk"><i class="fa fa-github"></i></a></li>
<li><a href="https://linkedin.com/in/lara-ek/"><i class="fa fa-linkedin-square"></i></a></li>
<li><a href="https://angel.co/lara-ek"><i class="fa fa-angellist"></i></a></li>
<li><a href="https://www.amazon.com/Lara-Ek/e/B01N4F2TQD"><i class="fa fa-amazon"></i></a></li>
<li><a href="mailto:[email protected]">@</a></li>
</ul>
</div>
</nav>
<div class="card-panel bannerbox" id="bannerbox" style="background: url('./img/moneybannerdenim.jpg')">
<h1>Cost in Hours</h1>
<p class="flow-text">Minimum wage in the United States is $7.25. <br/>What can you buy with an hour?</p>
</div>
<div class="container">
<div class="section">
<div class="row">
<div class="col s12 m5" id="natlminwagebox">
<h4>National Minimum Wage in the United States</h4>
<p class="flow-text">
Since July 24, 2009, the federal government has mandated a nationwide minimum wage of <a href="https://www.dol.gov/general/topic/wages/minimumwage">$7.25 per hour</a>.
How many hours would you have to work at minimum wage to afford daily necessities?
</p>
<a class="waves-effect waves-light btn-large" id="nationalwagebutton" href="#middle"><i class="material-icons right">arrow_forward</i>WHAT DOES AN HOUR BUY ME? </a>
</div>
<div class="col s12 m5" id="chooseyourstatebox">
<h4>Minimum Wage by State</h4>
<p class="flow-text">Choose your state from the list below to calculate how many hours you'd have to work at your state's minimum wage to afford daily necessities. </p>
<p class="flow-text red-text accent-1"><i>NOTE: this section is a Work In Progress. Please check back for updates!</i></p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="section">
<div class="row">
<div class="col s12">
<div class="section">
<div class="col s12"> <!-- Title Span Column-->
<a name="middle"></a>
<span class="title">Click on images for detailed information.</span>
</div> <!-- End Title Span Column-->
<div class="col s6 m4 14 costcards">
<div class="card teal lighten-2">
<a class="waves-effect waves-light modal-trigger" href="#foodmodal">
<img width="450"
height="350"
src="./img/foodpic.png"
class="responsive-img"
alt="food"
title="food"
sizes="(max-width: 450px) 50vw, 450px">
</a>
<h1> FOOD: <div id="costoffooddiv"></div></h1>
</div>
</div>
<!-- Food Info Modal -->
<div id="foodmodal" class="modal">
<div class="modal-content">
<h4>Cost of Food</h4>
<p class="flow-text">Food costs are calculated from <a href="https://www.cnpp.usda.gov/sites/default/files/CostofFoodSep2018.pdf">
the USDA's most recent monthly Food Cost Report</a>;
this calculation uses the monthly food costs for individuals between 19-50 at
the Moderate Cost plan. (Median between M and F.) For more costs see below:
</p>
<h5> Individual Weekly Cost in Hours: <div id="costindivweeklydiv"></div></h5>
<h5> Individual Monthly Cost in Hours: <div id="costindivmonthlydiv"></div></h5>
<h5> Family of Two Weekly Cost in Hours: <div id="costfamtwoweeklydiv"></div></h5>
<h5> Family of Two Monthly Cost in Hours: <div id="costfamtwomonthlydiv"></div></h5>
<h5> Family of Four Weekly Cost in Hours: <div id="costfamfourweeklydiv"></div></h5>
<h5> Family of Four Monthly Cost in Hours: <div id="costfamfourmonthlydiv"></div></h5>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Return to Page</a>
</div>
</div>
<div class="col s6 m4 14 costcards">
<div class="card teal lighten-2">
<a class="waves-effect waves-light modal-trigger" href="#gasmodal">
<img width="450"
height="350"
src="./img/gaspic.png"
class="responsive-img"
alt="gas"
title="gas"
sizes="(max-width: 450px) 50vw, 450px">
</a>
<h1> GAS: <div id="costofgasdiv"></div></h1>
</div>
</div>
<!-- Gas Info Modal -->
<div id="gasmodal" class="modal">
<div class="modal-content">
<h4>Cost of Gas</h4>
<p class="flow-text">Gas costs are calculated from <a href="https://gasprices.aaa.com/">
AAA's most recent national gas price average</a>, which as of 11.14.2018 is $2.677.
Diesel, as of 11.13.2018, is 3.273/gal. See below:
</p>
<h5> A Gallon of Gas Cost in Hours: <div id="agallonofgasdiv"></div></h5>
<h5> A Gallon of Diesel Cost in Hours: <div id="agallonofdieseldiv"></div></h5>
<h5> Fill a Small (12-gal) Tank Cost in Hours: <div id="fillasmalltankdiv"></div></h5>
<h5> Fill a Large (15-gal) Tank Cost in Hours: <div id="fillasmalldieseltankdiv"></div></h5>
<h5> Fill a Small (12-gal) Diesel Tank in Hours: <div id="fillalargetankdiv"></div></h5>
<h5> Fill a Large (15-gal) Diesel Tank Cost in Hours: <div id="fillalargedieseltankdiv"></div></h5>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Return to Page</a>
</div>
</div>
<div class="col s6 m4 14 costcards">
<div class="card teal lighten-2">
<a class="waves-effect waves-light modal-trigger" href="#metromodal">
<img width="450"
height="350"
src="./img/metropic.png"
class="responsive-img"
alt="metro"
title="metro"
sizes="(max-width: 450px) 50vw, 450px">
</a>
<h1> METRO: <div id="costofmetrodiv"></div></h1>
</div>
</div>
<!-- Metro Info Modal -->
<div id="metromodal" class="modal">
<div class="modal-content">
<h4>Cost of Metro</h4>
<p class="flow-text">Metro costs are calculated from <a href="https://www.wmata.com/fares/rail.cfm">
the WMATA Metrorail Fares page</a>. The $4.95 average is taken both to represent the
average metro trip at peak as well as average metro parking. Minumum and maximum tickets
and parking prices vary, as seen below:
</p>
<h5> Peak SmarTrip Fare (Min) Cost in Hours: <div id="peakmindiv"></div></h5>
<h5> Peak SmarTrip Fare (Max) Cost in Hours: <div id="peakmaxdiv"></div></h5>
<h5> Off-Peak SmarTrip Fare (Min) Cost in Hours: <div id="offpeakmindiv"></div></h5>
<h5> Off-Peak SmarTrip Fare (Max) Cost in Hours: <div id="offpeakmaxdiv"></div></h5>
<h5> Parking Fare (Avg) Cost in Hours: <div id="metroparkingdiv"></div></h5>
<h5> Parking Fare (Max) Cost in Hours: <div id="metroparkingmaxdiv"></div></h5>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Return to Page</a>
</div>
</div>
<div class="col s6 m4 14 costcards">
<div class="card teal lighten-2">
<a class="waves-effect waves-light modal-trigger" href="#moviemodal">
<img width="450"
height="350"
src="./img/moviepic.png"
class="responsive-img"
alt="movie"
title="movie"
sizes="(max-width: 450px) 50vw, 450px">
</a>
<h1> MOVIE: <div id="costofmoviediv"></div></h1>
</div>
</div>
<!-- Movie Info Modal -->
<div id="moviemodal" class="modal">
<div class="modal-content">
<h4>Cost of Movies</h4>
<p class="flow-text">Movie costs are calculated from <a href="https://www.boxofficemojo.com/about/adjuster.htm">
this page</a>. A selection of NoVA local ticket prices are below:
</p>
<h5> National average for a movie ticket - Cost in Hours: <div id="avgmoviepricediv"></div></h5>
<h5> Tyson's AMC Theater Peak Tickets - Cost in Hours: <div id="amctysonspeakdiv"></div></h5>
<h5> Tyson's AMC Theater Weekday Matinee Tickets - Cost in Hours: <div id="amctysonsweekdaymatineediv"></div></h5>
<h5> University Mall Theater Tickets - Cost in Hours: <div id="univmalltheaterdiv"></div></h5>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Return to Page</a>
</div>
</div>
<div class="col s12 m4 14 costcards">
<div class="card red accent-1">
<a class="waves-effect waves-light modal-trigger" href="#centermodal">
<img width="450"
height="350"
src="./img/hoursofworktransparent.png"
class="responsive-img"
alt="center card"
title="center card"
sizes="(max-width: 450px) 50vw, 450px" style="background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAASElEQVQoU2NkYGBgeP369X9RUVFGGBtEI/NBbEZ0RegKYJrBpqCbik0Mbh3MJJgidMUoVqMrQlZMvEJc7sOwmmjPkBQ8xAQ4AJO/ZwsCZbRTAAAAAElFTkSuQmCC)">
</a>
<h3>CALCULATING COST IN HOURS</h3>
</div>
</div>
<!-- Central Info Modal -->
<div id="centermodal" class="modal">
<div class="modal-content">
<h4>Cost in Hours</h4>
<p>How is Cost in Hours calculated? Very simply, the cost of the item is
divided by minimum wage: this is how many hours a person making minimum wage
needs to work to afford that item. For example, at Minimum wage you have to work
4.43 hours to make $32.12, the amount needed to fill a 12-gal tank.
</p>
<p>Click on each image for more details, and for sources.
Sources are also cited at the bottom of this page.
</p>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Return to Page</a>
</div>
</div>
<div class="col s6 m4 14 costcards">
<div class="card teal lighten-2">
<a class="waves-effect waves-light modal-trigger" href="#funmodal">
<img width="450"
height="350"
src="./img/funpic.png"
class="responsive-img"
alt="entertainment"
title="entertainment"
sizes="(max-width: 450px) 50vw, 450px">
</a>
<h1>ENTERTAINMENT: <div id="costoffundiv"></div></h1>
</div>
</div>
<!-- Fun Info Modal -->
<div id="funmodal" class="modal">
<div class="modal-content">
<h4>Cost of Entertainment</h4>
<p class="flow-text">Entertainment costs are calculated from a variety of sources:</p>
<ul>
<li>NFL Tickets: <a href="https://www.statista.com/statistics/193595/average-ticket-price-in-the-nfl-by-team/">[Source]</a></li>
<li>Concert Tickets: <a href="https://abcnews.go.com/Business/story?id=87981&page=1">[Source]</a></li>
<li>Beer: <a href="https://www.numbeo.com/cost-of-living/country_result.jsp?country=United+States">[Source]</a></li>
<li>Stand-up: based on an estimation from google searches</li>
<li>Maryland Renaissance Festival: <a href="http://www.rennfest.com/tickets">[Source]</a></li>
<li>Disney World Tickets: $105 <a href="https://www.zacks.com/stock/news/193115/what-are-the-ticket-prices-for-us-theme-parks">[Source]</a></li>
</ul>
<h5> NFL Tickets - Cost in Hours: <div id="nfltixdiv"></div></h5>
<h5> Concert Tickets - Cost in Hours: <div id="concerttixdiv"></div></h5>
<h5> Two Beers at a local bar - Cost in Hours: <div id="twobeersdiv"></div></h5>
<h5> Attending a comedy show - Cost in Hours: <div id="comedyshowdiv"></div></h5>
<h5> Maryland Renaissance Festival - Cost in Hours: <div id="rennfestdiv"></div></h5>
<h5> Tickets to Disney World - Cost in Hours: <div id="didneyworldiv"></div></h5>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Return to Page</a>
</div>
</div>
<div class="col s6 m4 14 costcards">
<div class="card teal lighten-2">
<a class="waves-effect waves-light modal-trigger" href="#rentmodal">
<img width="450"
height="350"
src="./img/rentpic.png"
class="responsive-img"
alt="rent"
title="rent"
sizes="(max-width: 450px) 50vw, 450px">
</a>
<h1>RENT:<div id="costofrentdiv"></div></h1>
</div>
</div>
<!-- Rent Info Modal -->
<div id="rentmodal" class="modal">
<div class="modal-content">
<h4>Cost of Rent</h4>
<p class="flow-text">Rent costs are calculated from <a href="https://www.numbeo.com/cost-of-living/country_result.jsp?country=United+States">
this Cost of Living calculator for the United States</a>. Data is
based on 213,468 contributions in the past 18 mo by 23,749 users,
and is current to Nov 2018.
</p>
<h5> Apartment (1 bedroom) in City Center - Cost in Hours: <div id="onebraptincitydiv"></div></h5>
<h5> Apartment (1 bedroom) Outside of Center - Cost in Hours: <div id="onebraptoutcitydiv"></div></h5>
<h5> Apartment (3 bedrooms) in City Center - Cost in Hours: <div id="threebraptincitydiv"></div></h5>
<h5> Apartment (3 bedrooms) Outside of Center - Cost in Hours: <div id="threebraptoutcitydiv"></div></h5>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Return to Page</a>
</div>
</div>
<div class="col s6 m4 14 costcards">
<div class="card teal lighten-2">
<a class="waves-effect waves-light modal-trigger" href="#edumodal">
<img width="450"
height="350"
src="./img/edupic.png"
class="responsive-img"
alt="edu"
title="edu"
sizes="(max-width: 450px) 50vw, 450px">
</a>
<h1>EDUCATION: <div id="costofedudiv"></div></h1>
</div>
</div>
<!-- Edu Info Modal -->
<div id="edumodal" class="modal">
<div class="modal-content">
<h4>Cost of Education</h4>
<p class="flow-text">The matter of education is intensly complicated, and
includes a variety of factors, including age level, location, and associated fees.
Even restricting a discussion of education to adult education leaves the question of
2-yr/4-yr, public/private, financial aid, room and board and other fees, &c. Thus,
I have included only two figures:
</p>
<h4>Full-Time In-State Public Four-Year College</h4>
<p class="flow-text">The average published tuition and fee price for
full-time in-state students at public four-year colleges and universities
is $10,230 in 2018-19, $250 (2.5% before adjusting for inflation) higher than
it was in 2017-18.
<a href="https://trends.collegeboard.org/college-pricing/figures-tables/average-published-undergraduate-charges-sector-2018-19">[Direct Quote]</a>
</p>
<h4>Average Tuition for Public Community College</h4>
<p class="flow-text">For public community colleges,
the average tuition is approximately $4,847 per year for in-state students
and $8,607 for out-of-state students (2018-19).
<a href="https://www.communitycollegereview.com/avg-tuition-stats/national-data">[Direct Quote]</a>
</p>
<h5> Full-Time In-State Public Four-Year College - Cost in Hours: <div id="fulltimestudiv"></div></h5>
<h5> Average Tuition for Public Community College - Cost in Hours: <div id="commcolldiv"></div></h5>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Return to Page</a>
</div>
</div>
<div class="col s6 m4 14 costcards">
<div class="card teal lighten-2">
<a class="waves-effect waves-light modal-trigger" href="#insmodal">
<img width="450"
height="350"
src="./img/insurpic.png"
class="responsive-img"
alt="insurance"
title="insurance"
sizes="(max-width: 450px) 50vw, 450px">
</a>
<h1>INSURANCE: <div id="costofinsdiv"></div></h1>
</div>
</div>
<!-- Ins Info Modal -->
<div id="insmodal" class="modal">
<div class="modal-content">
<h4>Cost of Rent</h4>
<p class="flow-text">Insurance costs are calculated from <a href="https://www.ehealthinsurance.com/resources/affordable-care-act/much-health-insurance-cost-without-subsidy">
this data on the ACA insurance costs for 2018</a>. See below:
</p>
<h5> Average monthly premiums for individual coverage - Cost in Hours: <div id="indivmonthpremdiv"></div></h5>
<h5> Average monthly premiums for family coverage - Cost in Hours: <div id="fammonthpremdiv"></div></h5>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Return to Page</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container sourcesbox">
<div class="section">
<div class="row">
<div class="col s12 m12">
<h4>Sources and Citations</h4>
<p class="flow-text">
Extensive minimum wage information is available at the <a href="https://www.dol.gov/general/topic/wages/minimumwage">Department of Labour Minimum Wage website</a>. See also the Wage and Hour Division's very interesting <a href="https://www.dol.gov/whd/minwage/coverage.htm">History of Minimum Wage</a>.
</p>
<p class="flow-text">
Averages for food/weekly and food/monthly drawn from <a href="https://www.cnpp.usda.gov/sites/default/files/CostofFoodSep2018.pdf">the most recent official USDA US average food costs report</a>. See also their <a href="https://www.cnpp.usda.gov/USDAFoodPlansCostofFood/reports">food cost report archive</a>, and, for more information, <a href="https://news.gallup.com/poll/156416/americans-spend-151-week-food-high-income-180.aspx">this 2012 Gallup poll</a>.
</p>
<p class="flow-text">
Gas costs are calculated from <a href="https://gasprices.aaa.com/">AAA's most recent national gas price average</a>, which as of 11.14.2018 is $2.677.
</p>
<p class="flow-text">
Metro costs are calculated from <a href="https://www.wmata.com/fares/rail.cfm">the WMATA Metrorail Fares page</a>
</p>
<p class="flow-text">
Movie ticket average drawn from <a href="https://www.boxofficemojo.com/about/adjuster.htm">this site</a>. Theater prices are from local theaters.
</p>
<p>Entertainment costs are calculated from averages taken from google:</p>
<ul>
<li>NFL Tickets: Average ticket price: $100.26 <a href="https://www.statista.com/statistics/193595/average-ticket-price-in-the-nfl-by-team/">[Source]</a></li>
<li>Concert Tickets: The average price of a concert ticket during the first six months of the year was $46.69. <a href="https://abcnews.go.com/Business/story?id=87981&page=1">[Source]</a></li>
<li>Beer: If you are further interested, see the <a href="http://www.nciaa.com/content.aspx?page_id=22&club_id=160641&module_id=29898">American Nightlife Association</a>'s surprisingly comprehensive report on drinks.</li>
<li>Stand-up: based on google searches (difficult to find; [wip])</li>
<li>Maryland Renaissance Festival: one adult at gate: $26 <a href="http://www.rennfest.com/tickets">[Source]</a></li>
<li>Disney World Tickets: $105 <a href="https://www.zacks.com/stock/news/193115/what-are-the-ticket-prices-for-us-theme-parks">[Source]</a></li>
</ul>
<p class="flow-text">
Rent costs are calculated from <a href="https://www.numbeo.com/cost-of-living/country_result.jsp?country=United+States"> this Cost of Living calculator for the United States</a>. Data is based on 213468 contributions in the past 18 mo by 23,749 users, and is current to Nov 2018. For more information on rent, check out <a href="https://www.apartmentlist.com/rentonomics">some articles on this site</a>.
</p>
<p class="flow-text">
<a href="https://trends.collegeboard.org/college-pricing/figures-tables/average-published-undergraduate-charges-sector-2018-19">Full Report from College Board</a> re: education costs. More information on <a href="https://www.collegedata.com/cs/content/content_payarticle_tmpl.jhtml?articleId=10064">The real cost of college</a> and <a href="https://trends.collegeboard.org/college-pricing">Trends in College Pricing</a>. See also this table of <a href="https://www.communitycollegereview.com/avg-tuition-stats/national-data">Average Tuition for Public Community College</a>
</p>
<p class="flow-text">
<a href="https://www.ehealthinsurance.com/resources/affordable-care-act/much-health-insurance-cost-without-subsidy">Insurance premiums for 2018</a>.
</p>
<p class="flow-text">Stock images are drawn from pexels.com and canva.com. Background is from <a href="https://www.toptal.com/designers/subtlepatterns/">Subtle Patterns</a>; CSS pattern is from <a href="http://www.patternify.com/">Patternify</a>.</p>
</div>
</div>
</div>
</div>
<footer class="page-footer">
<div class="footer-copyright">
<div class="container">
Cost in Hours is © Lara Ek 2018
<a class="grey-text text-lighten-4 right" href="#!">
<big>
<a href="https://github.com/LaraEk"><i class="fa fa-github"></i></a>
<a href="https://linkedin.com/in/lara-ek/"><i class="fa fa-linkedin-square"></i></a>
<a href="https://angel.co/lara-ek"><i class="fa fa-angellist"></i></a>
<a href="https://www.amazon.com/Lara-Ek/e/B01N4F2TQD"><i class="fa fa-amazon"></i></a>
<a href="mailto:[email protected]">@</a>
</big>
</a>
</div>
</div>
</footer>
<!-- NOTE: HERE I WANT A SECTION THAT'S GOING TO BE ABOUT EXPLAINING THE OVERALL VISION AND ALSO NEXT STEPS -->
<!-- TO ADD: once deployed, how to share this tool on Social Media -->
<!-- TO ADD: googly analytics? -->
<script type="text/javascript" src="./materialize/js/materialize.min.js"></script>
<script src="./script.js"></script>
</body>
</html>