-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
123 lines (115 loc) · 5.62 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
---
layout: page
title: Newsletter for Parents
meta:
- Newsletter for parents of helpful news, products, and resources.
subtext: ''
img: ''
imgposition: ''
category: []
---
<section class="homepage header" style="background-image: url(/img/about-hero.jpg);background-position:center;">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="block" style="padding-bottom:0;">
<h1 style="text-transform:uppercase;font-size:64px;"><b>Find Your Happy Medium</b></h1>
<p class="subtext" style="font-size:24px;margin-top:1em;margin-bottom:1em;">Subscribe * Read * Breathe</p>
</div>
</div>
<div class="col-md-6 col-md-offset-3 col-sm-12">
<a class="btn btn-primary" href="#subscribe" style="font-size:18px;">SUBSCRIBE</a>
</div>
</div>
</div>
</section>
<section clas="homepage services" style="background-color: #b400ff;padding:0;text-align:center;text-transform:uppercase;">
<div class="row">
<div class="col-md-4 col-sm-12" style="border: 1px solid #fff;padding: 1em;">
<p style="margin-top: 1em;"><i style="color:#fff;" class="fas fa-envelope"></i> <a style="color:#fff;" href="/letters/">Previous Letters</a></p>
</div>
<div class="col-md-4 col-sm-12" style="border: 1px solid #fff;padding: 1em;">
<p style="margin-top: 1em;"><i style="color:#fff;" class="fas fa-headphones"></i> <a style="color:#fff;" href="https://anchor.fm/mommafinds">Listen</a></p>
</div>
<div class="col-md-4 col-sm-12" style="border: 1px solid #fff;padding: 1em;">
<p style="margin-top: 1em;"><i style="color:#fff;" class="fas fa-female"></i> <a style="color:#fff;" href="/about/">About</a></p>
</div>
</div>
</section>
<section class="homepage challenge">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12" >
<img style="width:100%;" src="/img/about-challenge-women-working.jpg" alt="Mom Research"/>
</div>
<div class="col-md-6 col-sm-12">
<div class="block">
<H2>Information Overload</H2>
<p>Whenever a new topic comes up as a parent, we immediately take to the internet where there is a ton of information. But is it the right information? Articles contradict one another, the information is outdated, is the resource reliable or just anctidotal? How are we supposed to make any decisions around here! </p>
<a class="btn btn-primary" href="/letters/" style="font-size:18px;">READ PREVIOUS LETTERS</a>
</div>
</div>
</div>
</div>
</section>
<section class="homepage guide">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="block">
<H2>Find Your Happy Medium</H2>
<p>This newsletter is the latest information about topics parents face daily. Information is sourced from reliable news outlets of experts. Most importantly, you're giving options that allow you to find what works for you as every baby and situation is unique. It isn't all or nothing. This way or that. There is however, a happy medium.</p>
<p><a class="btn btn-primary" href="#subscribe">SUBSCRIBE</a></p>
</div>
</div>
<div class="col-md-6 col-sm-12">
<img style="width:100%;" alt="Mom Working" src="/img/about-kerry-working.jpg"/>
</div>
</div>
</div>
</section>
<section class="homepage process" style="color:#fff;margin-bottom:0;padding-bottom:0;">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="block" style="text-align:center;">
<h2 style="color:#333">START YOUR JOURNEY</h2>
<a class="btn btn-primary" href="#subscribe" style="font-size:18px;">SUBSCRIBE</a>
</div>
</div>
</div>
<div class="row" style="padding:0;margin:0;">
<div class="col-md-4" style="padding:0;margin:0;background:url(/img/subscribe.jpg);background-size: cover;background-position-x: center;}">
<div class="block" style="background-color:rgba(0,0,0,.5);padding:7em;">
<h3>1. Subscribe</h3>
<p>Press the big pink SUBSCRIBE button. Provide only your email address. We do not share or sell your information... ever.</p>
</div>
</div>
<div class="col-md-4" style="padding:0;margin:0;background:url(/img/read.jpg);background-size:cover;background-position-x: center;}">
<div class="block" style="background-color:rgba(0,0,0,.5);padding:7em;">
<h3>2. Read</h3>
<p>A newsletter will come to your email inbox periodically. It's random. It's when the information is right. Consider it a nice surprise when it arrives.</p>
</div>
</div>
<div class="col-md-4" style="padding:0;margin:0;background:url(/img/breathe.jpg);background-size:cover;background-position-x: center;}">
<div class="block" style="background-color:rgba(0,0,0,.5);padding:7em;">
<h3>3. Breathe</h3>
<p>This is a reminder that you got this, Momma. Trust your instincts and know there's a happy medium in finding what's right for you and your family.</p>
</div>
</div>
</div>
</section>
<section class="homepage give" style="background-color:#fafafa;">
<div class="container">
<div class="row">
<div class="col-md-4 col-md-offset-2">
<img style="width:120%;" src="/img/give.jpg" />
</div>
<div class="col-md-4">
<h2 style="font-size:42px;">NEWBORN ESSENTIALS LIST BY KATE</h2>
<p>Here's a list from a mom, who tried A LOT of products and she landed on this list of absolute essentials.
<a class="btn btn-primary" href="/2019/02/04/newborn-essentials-kate-list/">READ EXAMPLE</a>
</div>
</div>
</div>
</section>
{% include subscribe.html %}