generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathsign-me-up.html
162 lines (162 loc) · 9.71 KB
/
sign-me-up.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/2f377630da.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="apple-touch-icon" href="/example.png">
<title>Help to Grow</title>
</head>
<body>
<header>
<!--bootstrap jumbotron-->
<div class="jumbotron">
<h1 class="center">Help <span>To</span> Grow</h1>
<!--bootstrap Navbar, button and collapse feature-->
<nav class="navbar navbar-expand-sm">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"><i class="fas fa-bars" aria-hidden="true"></i></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav mx-auto">
<li class="nav-item">
<a class="nav-link" href="index.html"><i class="fa fa-home" aria-hidden="true"></i> Home </a>
</li>
<li class="nav-item">
<a class="nav-link" href="over-forty.html"><i class="far fa-arrow-alt-circle-up" aria-hidden="true"></i> Over 40</a>
</li>
<li class="nav-item">
<a class="nav-link" href="under-forty.html"><i class="far fa-arrow-alt-circle-down" aria-hidden="true"></i> under 40</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="sign-me-up.html"><i class="fas fa-user-plus" aria-hidden="true"></i> Sign Me Up<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="things-we-like.html"><i class="fas fa-check-double" aria-hidden="true"></i> Things We Like</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<!--bootstrap container, row, column-->
<div class="container-fluid img-back">
<div class="row">
<div class="col-sm-12 inner-box">
<h2><span><i class="fas fa-quote-left"></i></span> The key is in not spending time, but investing it. <span><i class="fas fa-quote-right"></i></span></h2>
<p><i> Stephen Covey </i></p>
</div>
</div>
</div>
<br>
<!--bootstrap container-->
<div class="container center">
<h2><span>A Reminder of what's on offer </span></h2>
</div>
<br>
<!--bootstrap container, row, column, list-->
<div class="container-fluid">
<div class="row">
<div class="col-sm offset-sm-1">
<ul class="list-group list-group-horizontal-sm">
<li class="list-group-item"><span><i class="fas fa-star-of-life"></i></span> Portfolio Asssessment<span>.</span></li>
<li class="list-group-item"><span><i class="fas fa-star-of-life"></i></span> Introduction to investing<span>.</span></li>
<li class="list-group-item"><span><i class="fas fa-star-of-life"></i></span> Access to our community discord<span>.</span></li>
<li class="list-group-item"><span><i class="fas fa-star-of-life"></i></span> Asset type explanations in plain english<span>.</span></li>
</ul>
</div>
</div>
</div>
<br>
<!--bootstrap container, row, column, list-->
<div class="container-fluid">
<div class="row">
<div class="col-sm offset-sm-1">
<ul class="list-group list-group-horizontal-sm">
<li class="list-group-item"><span><i class="fas fa-star-of-life"></i></span> Weekly Q<span><strong>&</strong></span>A with our qualified tax accountant<span>.</span></li>
<li class="list-group-item"><span><i class="fas fa-star-of-life"></i></span> Personal pension advice from our in<span>-</span>house advisor<span>.</span></li>
<li class="list-group-item"><span><i class="fas fa-star-of-life"></i></span> Personalised newsletter to keep you up<span>-</span>to<span>-</span>date with <span>your</span>
investments<span>.</span></li>
</ul>
</div>
</div>
</div>
<br>
<!--bootstrap container, row, column, list-->
<div class="container-fluid">
<div class="row">
<div class="col-sm-6 offset-sm-3">
<ul class="list-group list-group-horizontal-sm">
<li class="list-group-item"><h2><span><i class="fas fa-star-of-life"></i></span> And so much more<span>!</span></h2></li>
</ul>
</div>
</div>
</div>
<br>
<!--bootstrap container, row, column, form-->
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<div class="sign-me-up-heading"><h3 class="center">Fill in your details below<span>,</span> and we'll get right back to you<span>.</span></h3></div>
</div>
</div>
<form>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="exampleInputEmail1">Email address<span><strong>.</strong></span></label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" required>
<small id="emailHelp" class="form-text text-muted">We wouldn't dare share <span>!</span></small>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for="exampleFormControlTextarea1">Tell us what you<span>'</span>re interested in below<span>.</span> </label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>
</div>
</div>
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1" required>
<label class="form-check-label" for="exampleCheck1" >I<span>'</span>ve read the<a href="disclaimer.pdf" target="_blank"> disclaimer</a><span>.</span></label>
</div>
<div class="container-fluid center">
<div class="row">
<div class="col-sm-12 button-style">
<button type="submit" class="btn btn-lg">Contact me</button>
</div>
</div>
</div>
</form>
<hr>
<!--bootstrap container, row, column-->
<div class="container link-to-things-we-like center">
<div class="row">
<div class="col-sm-12">
<h4>We'll be in touch very soon<span>,</span> but while you wait why not check out our <a href="things-we-like.html">
<span>'</span>Things We Like<span>'</span></a></h4>
</div>
</div>
</div>
</div>
<footer>
<!--bootstrap container, column, row-->
<div class="container-fluid footer center">
<div class="row">
<div class="col-12">
<ul class="footer-icons">
<li><a href="https://www.facebook.com" target="_blank" rel="noopener"><i class="fab fa-facebook-square" aria-hidden="true"></i><span>Facebook</span></a></li>
<li><a href="https://www.twitter.com" target="_blank" rel="noopener"><i class="fab fa-twitter-square" aria-hidden="true"></i><span>Twitter</span></a></li>
<li><a href="https://www.youtube.com" target="_blank" rel="noopener"><i class="fab fa-youtube-square" aria-hidden="true"></i><span>YouTube</span></a></li>
<li><a href="https://www.instagram.com" target="_blank" rel="noopener"><i class="fab fa-instagram" aria-hidden="true"></i><span>Instagram</span></a></li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>