-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
139 lines (118 loc) · 6.03 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
<!doctype html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-247469-6"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-247469-6');
</script>
<title>Meet Matthew Szobody</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@jszobody">
<meta name="twitter:creator" content="@jszobody">
<meta name="twitter:title" content="Meet Matthew">
<meta name="twitter:description" content="Born June 25 and adopted October 30 as a Szobody">
<meta name="twitter:image" content="http://matthew.szobody.com/photos/preview.jpg">
<meta property="og:title" content="Meet Matthew" />
<meta property="og:image" content="http://matthew.szobody.com/photos/og-preview.jpg" />
<meta property="og:description" content="Born June 25 and adopted October 30 as a Szobody" />
<meta property="og:url" content="http://matthew.szobody.com" />
<meta property="og:type" content="website" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.5/jquery.fullpage.min.css" />
<link rel="stylesheet" href="styles.css" />
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.5/jquery.fullpage.min.js" integrity="sha256-SwWHEBZICAfuD82HWp9i1VmxX0dXjllMm6cNKvucHAY=" crossorigin="anonymous"></script>
<script type="text/javascript">
$(document).ready(function() {
$('main').show().fullpage({
sectionSelector: 'section',
navigation: true,
lockAnchors: true,
responsiveWidth: 1025,
afterLoad: function(anchorLink) {
gtag('config', 'UA-247469-6', {'page_path': '/' + anchorLink});
}
});
});
</script>
</head>
<body>
<main>
<section class="intro" data-anchor="intro">
<div class="row">
<div class="col-lg-5">
<div>
<h1>Meet Matthew</h1>
<ul class="lead">
<li>born <strong>June 25, 2017</strong></li>
<li>adopted <strong>October 30, 2017</strong></li>
<li>kid # <strong>5</strong></li>
<li>sibling rating <strong>10/10</strong></li>
</ul>
</div>
</div>
<div class="col-lg-7">
<img src="photos/uss-alabama.jpg"/>
</div>
</div>
<div class="lead" style="position: absolute; bottom: 3rem;">
<div class="arrows ml-2 mr-2"></div>
<a href="javascript:;" onclick="$.fn.fullpage.moveTo(2);">Scroll down</a>
</div>
</section>
<section class="birth has-slides" data-anchor="birth">
<div class="content lead">
Due to health issues, Matthew spent his first few weeks in the NICU undergoing treatment.
</div>
<div class="slide"><img src="photos/birth1.jpg"/></div>
<div class="slide"><img src="photos/birth2.jpg"/></div>
<div class="slide"><img src="photos/birth4.jpg"/></div>
<div class="slide"><img src="photos/birth3.jpg"/></div>
</section>
<section class="release" data-anchor="discharge">
<div class="content lead">
Three weeks later he met the rest of the family
</div>
</section>
<section class="kids" data-anchor="kids">
<div class="row">
<div class="col-sm"><img src="photos/kid1.jpg"/></div>
<div class="col-sm"><img src="photos/kid2.jpg"/></div>
<div class="col-sm"><img src="photos/kid3.jpg"/></div>
<div class="col-sm"><img src="photos/kid4.jpg"/></div>
</div>
</section>
<section class="bethany" data-anchor="bethany"></section>
<section class="life has-slides" data-anchor="life">
<div class="content lead">
While working through the adoption process, Matthew settled in, and even traveled Europe with us.
</div>
<div class="slide"><img src="photos/life1.jpg"/></div>
<div class="slide"><img src="photos/life2.jpg"/></div>
<div class="slide"><img src="photos/life3.jpg"/></div>
<div class="slide"><img src="photos/life4.jpg"/></div>
<div class="slide"><img src="photos/life5.jpg"/></div>
<div class="slide"><img src="photos/baptism.jpg"/></div>
</section>
<section class="adoption" data-anchor="adoption">
<div class="content lead">
Matthew was officially adopted and declared a Szobody on October 30. He is ours.
</div>
<img src="photos/court.jpg"/>
<div class="row mt-3">
<div class="col-sm text-right"><img src="photos/toast.jpg"/></div>
<div class="col-sm"><img src="photos/bethany2.jpg"/></div>
<div class="col-sm text-left"><img src="photos/mszobody.jpg"/></div>
</div>
</section>
<section class="together" data-anchor="together"></section>
</main>
</body>
</html>