generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
things-we-like.html
216 lines (216 loc) · 15.7 KB
/
things-we-like.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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
<!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">
<a class="nav-link" href="sign-me-up.html"><i class="fas fa-user-plus" aria-hidden="true"></i> Sign Me Up</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="things-we-like.html"><i class="fas fa-check-double" aria-hidden="true"></i> Things We Like <span class="sr-only">(current)</span></a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<div class="center underline-anchor">
<h3>Here are some <span>Things</span> we like<span>.</span></h3>
<p>(Bear in mind<span>,</span> the following is just to sate your appetite for more information right now<span>.</span>
The real journey begins once you're<a href="sign-me-up.html" style="text-decoration:none;"><span> signed up!</span></a>)</p>
</div>
<hr>
<div class="center"><h4 class="mq-background">Asset<span>-</span>types we like<span>.</span></h4></div>
<!--bootstrap container, row, column, cards x4-->
<div class="container-fluid">
<div class="row">
<div class="col-sm">
<div class="card button-style" style="width: 18rem;">
<img src="assets/images/etf.jpeg" class="card-img-top" alt="ETF cartoon image with people, folders and cogs.">
<div class="card-body">
<h5 class="card-title"><span>E</span>xchange <span>T</span>raded <span>F</span>unds</h5>
<p class="card-text">An exchange-traded fund <span>(</span>ETF<span>)</span> is a type of investment fund and exchange<span>-</span>traded product<span>,</span>
i<span>.</span>e<span>.</span> they are traded on stock exchanges<span>.</span></p>
<a href="https://en.wikipedia.org/wiki/Exchange-traded_fund" target="_blank" rel="noopener" class="btn btn-lg">Show me more ! </a>
</div>
</div>
</div>
<div class="col-sm">
<div class="card button-style" style="width: 18rem;">
<img src="assets/images/bond.png" class="card-img-top bg-orange" alt="Investment Bond cartoon image with hands exchanging a bag of money.">
<div class="card-body">
<h5 class="card-title"><span>B</span>onds</h5>
<p class="card-text">In finance<span>,</span> a bond is an instrument of indebtedness of the bond issuer to the holders<span>.</span>
The most common types include municipal<span>&</span>corporate bonds<span>.</span></p>
<a href="https://en.wikipedia.org/wiki/Bond_(finance)" target="_blank" rel="noopener" class="btn btn-lg">Show me more ! </a>
</div>
</div>
</div>
<div class="col-sm">
<div class="card button-style" style="width: 18rem;">
<img src="assets/images/dividend_aristocrats.png" class="card-img-top" alt="The words dividend_aristocrats in different colors.">
<div class="card-body">
<h5 class="card-title"><span>D</span>ividend <span>A</span>ristocrats</h5>
<p class="card-text">A dividend aristocrat is commonly referred to as a company that is a member of the S<span>&</span>P 500 index and has
continuously increased their dividend for at least 25 years<span>.</span></p>
<a href="https://en.wikipedia.org/wiki/Dividend_aristocrat" target="_blank" rel="noopener" class="btn btn-lg">Show me more ! </a>
</div>
</div>
</div>
<div class="col-sm">
<div class="card button-style" style="width: 18rem;">
<img src="assets/images/cryptocoins.jpg" class="card-img-top" alt="Various crypto coin logo's">
<div class="card-body">
<h5 class="card-title"><span>C</span>rypto <span>C</span>urrencies</h5>
<p class="card-text">A cryptocurrency is a <span>digital asset</span> designed to work as a medium of exchange wherein individual coin ownership records are stored in a ledger<span>.</span></p>
<a href="https://en.wikipedia.org/wiki/Cryptocurrencyt" target="_blank" rel="noopener" class="btn btn-lg">Show me more ! </a>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="center"><h4 class="mq-background">Exchanges<span>&</span>Providers we like<span>.</span></h4></div>
<!--bootstrap container, row, column, cards x4-->
<div class="container-fluid">
<div class="row">
<div class="col-sm">
<div class="card button-style" style="width: 18rem;">
<img src="assets/images/kraken.png" class="card-img-top" alt="Kraken exchange logo and name.">
<div class="card-body">
<h5 class="card-title"><span>K</span>raken</h5>
<p class="card-text"> Consistently rated the best and most secure cryptocurrency exchange<span>.</span> They put the power in your hands to buy<span>,</span>
sell and trade digital currency<span>.</span></p>
<a href="https://www.kraken.com/" target="_blank" rel="noopener" class="btn btn-lg">Take me there ! </a>
</div>
</div>
</div>
<div class="col-sm">
<div class="card button-style" style="width: 18rem;">
<img src="assets/images/mintos.png" class="card-img-top" alt="Picture of mintos logo.">
<div class="card-body">
<h5 class="card-title"><span>M</span>intos</h5>
<p class="card-text">Invest in loans and start earning passive income. Connect with thousands of opportunities around the globe on our marketplace<span>.</span></p>
<a href="https://www.mintos.com/en/" target="_blank" rel="noopener" class="btn btn-lg">Take me there ! </a>
</div>
</div>
</div>
<div class="col-sm">
<div class="card button-style" style="width: 18rem;">
<img src="assets/images/degiro.jpg" class="card-img-top" alt="Degiro logo.">
<div class="card-body">
<h5 class="card-title"><span>D</span>egiro</h5>
<p class="card-text">Invest with an award winning broker that offer more than just low fees<span>.</span> Discover why over 600<span>,</span>000 investors chose our platform<span>.</span></p>
<a href="https://www.degiro.ie/" target="_blank" rel="noopener" class="btn btn-lg">Take me there ! </a>
</div>
</div>
</div>
<div class="col-sm">
<div class="card button-style" style="width: 18rem;">
<img src="assets/images/moneycube.png" class="card-img-top" alt="MoneyCube logo.">
<div class="card-body">
<h5 class="card-title"><span>M</span>oney<span>C</span>ube</h5>
<p class="card-text">Irish investment and pension advice<span>.</span> Moneycube believes that with the right advice<span>,</span> everyone can take charge of their financial future<span>.</span></p>
<a href="https://moneycube.ie/" target="_blank" rel="noopener" class="btn btn-lg">Take me there ! </a>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="center"><h4 class="mq-background">People we like<span>.</span></h4></div>
<!--bootstrap container, row, column, cards x4-->
<div class="container-fluid">
<div class="row">
<div class="col-sm">
<div class="card button-style" style="width: 18rem;">
<img src="assets/images/jlcollins.jpg" class="card-img-top" alt="Cover page of j.l. collins book. A simple path to welath.">
<div class="card-body">
<h5 class="card-title">J<span>.</span>L<span>.</span> <span>C</span>ollins</h5>
<p class="card-text">J<span>.</span>L<span>.</span> <span>C</span>ollins started his blog with the intent
of eductaing his daughter on financial matters. It has since grown into a a best selling book with global recognition<span>.</span></p>
<a href="https://jlcollinsnh.com/" target="_blank" rel="noopener" class="btn btn-lg">Tell me more ! </a>
</div>
</div>
</div>
<div class="col-sm">
<div class="card button-style" style="width: 18rem;">
<img src="assets/images/jcarlson.png" class="card-img-top" alt="Joseph Carlson show logo.">
<div class="card-body">
<h5 class="card-title"><span>J</span>oseph <span>C</span>arlson</h5>
<p class="card-text">The Joseph Carlson Show is a series about growing wealth through purchasing stocks
and show the progress of a <span>6</span> figure portfolio be built into a million<span>-</span>dollar portfolio<span>.</span></p>
<a href="https://www.youtube.com/channel/UCbta0n8i6Rljh0obO7HzG9" target="_blank" rel="noopener" class="btn btn-lg">Tell me more ! </a>
</div>
</div>
</div>
<div class="col-sm">
<div class="card button-style" style="width: 18rem;">
<img src="assets/images/daveramsey.png" class="card-img-top" alt="Dave Ramsey logo.">
<div class="card-body">
<h5 class="card-title"><span>D</span>ave <span>R</span>amsey</h5>
<p class="card-text">Dave is a self-made millionaire<span>,</span> but it wasn't all smooth sailing<span>.</span> He lost it all early on<span>,</span> but now he's back having learned some hard
truths<span>.</span> He'll blow your mind entirely<span>.</span></p>
<a href="https://www.daveramsey.com/" target="_blank" rel="noopener" class="btn btn-lg">Tell me more ! </a>
</div>
</div>
</div>
<div class="col-sm">
<div class="card button-style" style="width: 18rem;">
<img src="assets/images/paddydelaney.jpg" class="card-img-top" alt="Informed decisions with Paddy Delaney logo.">
<div class="card-body">
<h5 class="card-title"><span>P</span>addy <span>D</span>elaney</h5>
<p class="card-text">Straight talking financial advice that won<span>'</span>t fail to steer you towards a better financial future<span>.</span>
Paddy Delaney believes in up<span>-</span>front fees and absolutely zero waffle<span>.</span></p>
<a href="https://www.informeddecisions.ie/" target="_blank" rel="noopener" class="btn btn-lg">Tell me more ! </a>
</div>
</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>