Skip to content

Commit c764c77

Browse files
Adding the mailchimp embed and some of the basic content to the landing page
1 parent 6adbde5 commit c764c77

File tree

2 files changed

+62
-12
lines changed

2 files changed

+62
-12
lines changed

css/style.css

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,14 @@
1-
p{font-family: 'Boogaloo', cursive;}
2-
h1,h2,h3{font-family: 'Roboto', sans-serif;}
1+
p {
2+
font-family: 'Roboto', cursive;
3+
}
4+
5+
h1, h2, h3 {
6+
font-family: 'Boogaloo', sans-serif;
7+
}
8+
9+
#mc_embed_signup {
10+
background: #fff;
11+
clear: left;
12+
font: 14px Roboto, Arial, sans-serif;
13+
}
14+

index.html

Lines changed: 48 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -34,26 +34,64 @@
3434
<body>
3535

3636
<div class="jumbotron text-center">
37-
<img src="img/CodeWithLogoSmall.png" height="472" width="500" alt="CodeWith - We are CodeWith. Code with us">
38-
<p class="">Free and informal coding support and mentoring for adults.</p>
37+
<img src="img/CodeWithLogoSmall.png" class="img-fluid" height="378" width="400" alt="CodeWith - We are CodeWith. Code with us">
3938
</div>
4039

4140
<div class="container">
4241
<div class="row">
43-
<div class="col-sm-4">
44-
<h3>Column 1</h3>
42+
<div class="col-sm-8">
43+
<h2>Welcome to CodeWith</h2>
4544
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
4645
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
47-
</div>
48-
<div class="col-sm-4">
49-
<p class="lead">Watch this space</p>
46+
<p class="">Free and informal coding support and mentoring for adults.</p>
5047

5148
</div>
5249
<div class="col-sm-4">
53-
<h3>Column 3</h3>
54-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
55-
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
50+
<h2>Subscribe to our mailing list</h2>
51+
52+
<!-- Begin Mailchimp Signup Form -->
53+
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
54+
55+
<div id="mc_embed_signup">
56+
<form
57+
action="https://codewith.us17.list-manage.com/subscribe/post?u=0d3589245b03faa48b04ea2c9&amp;id=c9c65dc28a"
58+
method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate"
59+
target="_blank" novalidate>
60+
<div id="mc_embed_signup_scroll">
61+
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
62+
<div class="mc-field-group">
63+
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
64+
</label>
65+
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
66+
</div>
67+
<div class="mc-field-group">
68+
<label for="mce-FNAME">First Name </label>
69+
<input type="text" value="" name="FNAME" class="" id="mce-FNAME">
70+
</div>
71+
<div class="mc-field-group">
72+
<label for="mce-LNAME">Last Name </label>
73+
<input type="text" value="" name="LNAME" class="" id="mce-LNAME">
74+
</div>
75+
<div class="mc-field-group">
76+
<label for="mce-TOWN">Town </label>
77+
<input type="text" value="" name="TOWN" class="" id="mce-TOWN">
78+
</div>
79+
<div id="mce-responses" class="clear">
80+
<div class="response" id="mce-error-response" style="display:none"></div>
81+
<div class="response" id="mce-success-response" style="display:none"></div>
82+
</div>
83+
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
84+
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text"
85+
name="b_0d3589245b03faa48b04ea2c9_c9c65dc28a" tabindex="-1" value=""></div>
86+
<div class="clear"><input type="submit" value="Subscribe" name="subscribe"
87+
id="mc-embedded-subscribe" class="button"></div>
88+
</div>
89+
</form>
90+
</div>
91+
92+
<!--End mc_embed_signup-->
5693
</div>
94+
5795
</div>
5896
</div>
5997

0 commit comments

Comments
 (0)