-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
319 lines (231 loc) · 12.7 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
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
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Investment Strategist</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<!-- Language links -->
<link rel="stylesheet" href="styles.css">
<script type="module" src="scripts.js"></script>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat:wght@100;400;700;900&family=Sacramento&family=Ubuntu:wght@300;400;500;700&family=Xanh+Mono&display=swap" rel="stylesheet">
<!-- Icons -->
<link rel="icon" href="images/favicon.ico"/>
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/6c66ab23da.js" crossorigin="anonymous"></script>
</head>
<body>
<section id="title">
<div class="container-fluid">
<!-- Navigation bar Dont touch -->
<!-- style="background-color: #001253;" This was inside the <nav> -->
<nav class="navbar navbar-expand-lg">
<!-- <div class="container-fluid"> This <div> was in copied code -->
<a class="navbar-brand" href="">YIS</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<!-- The <a> below had "active" as a class also -->
<a class="nav-link" href="#testimonials">Testimonial</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#strategy">Strategy</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cta-calendly">Contact</a>
</li>
</ul>
</div>
<!-- </div> -->
</nav>
<!-- Navigation bar End -->
<!-- My written code is above -->
<!-- Biography -Title-->
<div class="row">
<div class="col-lg-6">
<h1 class="main-h1">Your Investment Strategists <span class="h1-mei">Mei Acosta</span> and <span class="h1-felipe">Felipe Acosta.</span></h1>
<!-- <button type="button">Download</button>
<button type="button">Download</button> TinDog Code-->
<a class="title-link link-dark" href="https://linktr.ee/Money_Mei"><i class="fa-brands fa-linkedin">LinkedIn</i></a>
<a class="title-link link-primary" href="https://linktr.ee/quantitativeFocus"><i class="fa-brands fa-linkedin">LinkedIn</i></a>
</div>
<div class="col-lg-6">
<img class="title-image" src="images/meilipe lushie clean background CORRECT Small.jpeg" alt="felipe-Mei-png">
</div>
</div>
</div>
</section>
<!-- Mission Features in Udemy-->
<section id="mission">
<div class="row">
<div class="mission-box col-lg-4">
<!-- Image of a book -->
<img class="mission-img" src="https://cdn-icons-png.flaticon.com/512/2436/2436702.png" alt="book-png">
<h3>Educate</h3>
<p class="mission-box">Our commitment is to provide financial education to our community, so that families of all walks of life can have equal opportunity to live their dreams.</p>
</div>
<div class="mission-box col-lg-4">
<!-- Image of a GPS -->
<img class="mission-img" src="https://cdn-icons-png.flaticon.com/512/1865/1865269.png" alt="gps-png">
<h3>Guide</h3>
<p class="mission-box">Our mission is to guide our clients & business partners toward their customized strategies that align with their unique values to achieve their financial goals.</p>
</div>
<div class="mission-box col-lg-4">
<!-- Image of business people shaking hands -->
<img class="mission-img" src="https://cdn-icons-png.flaticon.com/512/5541/5541795.png" alt="hands-png">
<h3>Provide</h3>
<p class="mission-box">Our mission is to provide all of our clients and business partnerships an outstanding experience to remember, by creating a life-long connection that will last for generations.</p>
</div>
</div>
</section>
<!-- Mission End -->
<!-- Testimonials Start -->
<section id="testimonials">
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500" data-bs-pause="hover">
<div class="carousel-inner">
<!-- <div class="carousel-item active" style="background: #001253;"> -->
<div class="carousel-item active">
<!-- The testimonial goes inside this div You can delete the div if you want to use less slides or add more.-->
<h2 class="carousel-one">Mei Schulz and Felipe Acosta PUT YOU AS THE CUSTOMER FIRST! They have been understanding, flexible, patient, and over all respectful. At no point in time have I felt like there were ulterior motives while conducting business with this entity. I could not be any more grateful. I highly recommend their business to people of all walks of life!</h2>
<!-- images/dog-img.jpg was in image src -->
<em>Richard Lopez, Florida</em>
<!-- <img src="images/richardLopez.png" class="d-block w-100 carousel-img" alt="..."> -->
</div>
<!-- <div class="carousel-item" style="background: #212529"> -->
<div class="carousel-item">
<!-- The testimonial goes inside this div You can delete the div if you want to use less slides or add more.-->
<h2 class="carousel-two">Mei Ling and Felipe are a fantastic team. They go above and beyond the call of duty be ensuring that they really listen to what their clients REALLY want. After listening to what you want, they have the market knowledge to know what options to look for, and even present alternatives based on what they have learned about you. Thank you for always helping me find what I need.</h2>
<img class="testimonial-image" src="images/lady-img.jpg" alt="">
<em>Betty Bu, Florida</em>
<!-- <img src="images/betty.png" class="d-block w-100 carousel-img" alt="..."> -->
</div>
<div class="carousel-item">
<!-- The testimonial goes inside this div You can delete the div if you want to use less slides or add more.-->
<h2 class="carousel-three">Mei Schultz and Felipe are very professional and have amazing communication when it comes to taking care of their clients and will go above and beyond to make sure they have an amazing experience. Highly recommended!!!👍👍</h2>
<em>Richard Souksengphet, Florida</em>
<!-- <img src="images/richardSouksengphet.png" class="d-block w-100 carousel-img" alt="..."> -->
</div>
<div class="carousel-item">
<!-- The testimonial goes inside this div You can delete the div if you want to use less slides or add more.-->
<h2 class="carousel-four">Mei is outstanding in every way, and it was a privilege to work with her. No one has ever worked so hard for me. Mei is honest and just a good person and by far the best agent with whom we have ever had the privilege of working, and I cannot recommend her services enough.</h2>
<em>Andrea Scaramucci, Florida</em>
<!-- <img src="images/andreaScaramucci.png" class="d-block w-100 carousel-img" alt="..."> -->
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<!-- Testimonials End -->
<!-- Social Media Press Start -->
<section id="social-media">
<div class="row">
<div class="social-box col-lg-4">
<a class="social-links-felipe link-primary" href="https://www.instagram.com/quantitative_focus/"><i class="fa-brands fa-square-instagram"> quantitative_focus</i></a>
</div>
<!-- <div class="social-box col-lg-4">
<a class="social-links-mei link-dark" href="https://www.instagram.com/money_mei13/"><i class="fa-brands fa-square-instagram"> money_mei13</i></a>
</div> -->
<div class="social-box col-lg-4">
<a class="social-links-mei link-dark" href="https://www.youtube.com/channel/UCikKN8FGrdKZnCbqSYDAE9Q"><i class="fa-brands fa-youtube"> Financial Freedom with MoneyMei</i></a>
</div>
<div class="social-box col-lg-4">
<a class="social-links-felipe link-primary" href="https://youtube.com/@felipeacostafinance3824"><i class="fa-brands fa-youtube"> Self-Educated Economist</i></a>
</div>
</div>
</div>
</section>
<!-- Social Media Press End -->
<!-- Strategy -Pricing Start -->
<section id="strategy">
<div class="row row-cols-1 row-cols-md-3 mb-3 text-center">
<div class="strategy-card col-lg-4">
<div class="card mb-4 rounded-3 shadow-sm border-dark">
<div class="card-header py-3">
<h4 class="my-0 fw-normal">Index/Variable Universal Life</h4>
</div>
<div class="card-body">
<h1 class="card-title pricing-card-title">Infinite Banking<small class="text-muted fw-light">Strategy</small></h1>
<ul class="list-unstyled mt-3 mb-4">
<li>Become Your Own Bank</li>
<li>Finance Your Own Purchases</li>
<li>Tax-Free Retirement Income</li>
<li>Saving Account On Steriods</li>
</ul>
<!-- <button type="button" class="w-100 btn btn-lg btn-outline-primary">Sign up for free</button> -->
</div>
</div>
</div>
<div class="strategy-card col-lg-4">
<div class="card mb-4 rounded-3 shadow-sm">
<div class="card-header py-3 text-bg-primary text-dark">
<h4 class="my-0 fw-normal"> Index/Variable Annuity</h4>
</div>
<div class="card-body">
<h1 class="card-title pricing-card-title">Longevity Hedging<small class="text-muted fw-light">Strategy</small></h1>
<ul class="list-unstyled mt-3 mb-4">
<li>Remove Market Risk</li>
<li>Immunity From Pobate </li>
<li>Immunity From Divorce</li>
<li>Immunity From Creditors</li>
</ul>
<!-- <button type="button" class="w-100 btn btn-lg btn-primary">Get started</button> -->
</div>
</div>
</div>
<div class="strategy-card col-lg-4">
<div class="card mb-4 rounded-3 shadow-sm border-dark">
<div class="card-header py-3 text-bg-dark border-dark">
<h4 class="my-0 fw-normal">Everest</h4>
</div>
<div class="card-body">
<h1 class="card-title pricing-card-title">Funeral Concierge<small class="text-muted fw-light">Service</small></h1>
<ul class="list-unstyled mt-3 mb-4">
<li>Protect Your Assets</li>
<li>Online Planning</li>
<li>Professional Service 24/7</li>
<li>48-Hour Payout</li>
</ul>
<!-- <button type="button" class="w-100 btn btn-lg btn-primary">Contact us</button> -->
</div>
</div>
</div>
</div>
</section>
<!-- Strategy -Pricing End -->
<!-- Call to Action -- Schedule a Calendly appointment -Download Start-->
<section id="cta-calendly">
<h3 class="cta-header">Schedule a time to get together with us via Zoom for free financial guidance.</h3>
<!-- <button type="button">Download</button>
<button type="button">Download</button> Tindog code-->
<!-- <a href="">Felipe's Calendly</a> -->
<!-- <a href="">Mei's Calandly</a> -->
<button class="btn btn-lg btn-block btn-light" style="background-color: #FAF7F0;"><a class="cta-link link-dark" href="https://calendly.com/yourcoast2coastlifestyle"><i class="fa-solid fa-link">Calendly</i></a></button>
</section>
<!-- Call to Action -- Schedule a Calendly appointment -Download End-->
<!-- Footer -->
<footer id="footer">
<div class="footer-div">
<p class="footer-p">© Copyright Felipe & Mei</p>
</div>
</footer>
</body>
</html>
</body>
</html>