-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
125 lines (92 loc) · 3.29 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
<!DOCTYPE html>
<html>
<head>
<title>Lyric and Jax Need Your Help</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">
<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">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link href="https://fonts.googleapis.com/css?family=Bitter:400,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway:400,700&display=swap" rel="stylesheet">
<style>
body {
margin: 0;
padding: 0;
}
main {
margin: 10px;
text-align: center;
}
h1, h2, h3 {
font-family: "Bitter";
}
p, li {
font-family: "Raleway";
line-height: 25px;
}
.footnote {
font-size: 65%;
}
em {
border-bottom: 1px solid #A6DCF3;
box-shadow: inset 0 -6px 0 #A6DCF3
}
img {
max-width: 100%;
height: auto;
}
.cta {
color: #fff;
text-transform: uppercase;
text-decoration: none;
background: #ed3330;
padding: 20px;
border-radius: 5px;
display: inline-block;
border: none;
transition: all 0.4s ease 0s;
margin-bottom: 10px;
}
@media only screen and (min-width:600px) {
main {
margin: 0;
padding: 100px 25px 25px;
text-align: left;
}
h1 {
margin-top: 0;
}
.flex-container {
display: flex;
}
.cta {
margin-bottom: 0;
margin-top: 10px;
}
}
</style>
</head>
<body>
<div class="flex-container">
<div class="hero">
<img src="lyric-and-jax.png" alt="Lyric and Jax at the Marshfield Fair" title="Lyric and Jax at the Marshfield Fair" />
</div>
<main>
<h1>Lyric and Jax Need Your Help</h1>
<h2>
<a href="https://go.fidelity.com/ftfvw" class="cta">Donate to the 529 for Lyric</a>
<a href="https://go.fidelity.com/nwx73" class="cta">Donate to the 529 for Jax</a>
</h2>
<p>Lyric and Jax's father John passed away on December 13, 2018. Even though John had some money he left behind, it is all gone now, and <em>most of it did not go to the kids</em>. The kids are now with their paternal grandmother, and they need our help.</p>
<p>We set up this educational 529 fund to provide an easy way for you to donate to help cover the cost of college for Lyric and Jax. And the best part is your donation is <a href="https://www.savingforcollege.com/529-plans/massachusetts/u-fund-college-investing-plan">tax deductible</a>.</p>
<p class="footnote">The 529 has been set up and is managed by Amy Chaput (John's mother) and Justin Emond (John's cousin). Donations will be invested in the <a href="https://fundresearch.fidelity.com/mutual-funds/summary/315911750">Fidelity 500 Index Fund</a>. Reach out to Justin with any questions.</p>
</main>
</div>
</body>
</html>