-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
204 lines (192 loc) · 8.86 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="
Experience the power of personalized wealth management with Fusion Financial.
Our team delivers expert guidance, innovative solutions, and a unique approach to achieving financial goals.
Learn how we can help you shape your financial future today!">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.6.3/css/all.min.css"
integrity="sha512-f2MWjotY+JCWDlE0+QAshlykvZUtIm35A6RHwfYZPdxKgLJpL8B+VVxjpHJwZDsZaWdyHVhlIHoblFYGkmrbhg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
<link rel="manifest" href="img/favicon/site.webmanifest">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" media="screen and (max-width: 768px)" href="css/mobile.css">
<link rel="stylesheet" media="screen and (min-width: 1100px)" href="css/widescreen.css">
<title>Fusion Financial | Transformative Financial Services and Wealth Management</title>
</head>
<body id="home">
<!-- Navbar -->
<nav id="navbar">
<h1 class="logo">
<span class="text-primary">
<a href="https://chrismabey.dev" class="logo">
<i class="fas fa-book-open"></i> Fusion</span> Financial
</a>
</h1>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#what">What</a></li>
<li><a href="#who">Who</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<!-- Header: Showcase -->
<header id="showcase">
<div id="overlay"></div>
<div class="showcase-content">
<h1 class="l-heading">
Empowering Financial Prosperity
</h1>
<p class="lead">
Guiding affluent individuals and businesses towards sustainable wealth creation
</p>
<a href="#what" class="btn">Discover Our Approach</a>
</div>
</header>
<!-- Section: What We Do -->
<section id="what" class="bg-light py-1">
<div class="container">
<h2 class="m-heading text-center"><span class="text-primary">What</span> We Do</h2>
<div class="items">
<div class="item">
<i class="fas fa-university fa-2x"></i>
<div>
<h3>Investment Banking</h3>
<p>Empowering corporations and institutions with strategic guidance, expertise in capital augmentation, and risk management solutions.</p>
</div>
</div>
<div class="item">
<i class="fas fa-book-reader fa-2x"></i>
<div>
<h3>Portfolio Management</h3>
<p>With a disciplined, value-focused approach rooted in meticulous analysis, we strive for capital preservation and superior long-term growth.</p>
</div>
</div>
<div class="item">
<i class="fas fa-pencil-alt fa-2x"></i>
<div>
<h3>Tax & Custodial</h3>
<p>Expertly navigating the complex tax terrain for trusts and estates, our team delivers total fiduciary return solutions.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Section: Who We Are -->
<section id="who">
<div class="who-img">
<picture>
<img id="company-image" src="img/people@960px.webp" alt="Photo of company employees" loading="lazy">
</picture>
</div>
<div class="who-text bg-dark p-2">
<h2 class="m-heading text-center"><span class="text-primary">Who</span> We Are</h2>
<p>
Fueled by relentless curiosity and an innovative spirit, our executive team harnesses their extensive industry knowledge to guide the Fusion Financial team with proficiency and insight.
Our goal is to maximize the potential of our clients' portfolios, ensuring sustained prosperity in an ever-evolving financial world.
</p>
<h3 class="m-heading text-center"><span class="text-primary">Our</span> Team</h3>
<div class="who-team">
<div>
<img class="avatar-img" alt="avatar" srcset="https://i.pravatar.cc/150?img=67 150w">
<p>Mark Smith <br><span class="job-description">Chief Executive Officer</span></p>
</div>
<div>
<img class="avatar-img" alt="avatar" srcset="https://i.pravatar.cc/150?img=9 150w">
<p>Anna Kilpatrick <br><span class="job-description">Chief Financial Officer</span></p>
</div>
<div>
<img class="avatar-img" alt="avatar" srcset="https://i.pravatar.cc/150?img=27 150w">
<p>Janet Williams <br><span class="job-description">Investment Manager</span></p>
</div>
<div>
<img class="avatar-img" alt="avatar" srcset="https://i.pravatar.cc/150?img=5 150w">
<p>Kara Jackson <br><span class="job-description">Senior Accountant</span></p>
</div>
<div>
<img class="avatar-img" alt="avatar" srcset="https://i.pravatar.cc/150?img=49 150w">
<p>Shannon Johnson <br><span class="job-description">Portfolio Manager</span></p>
</div>
<div>
<img class="avatar-img" alt="avatar" srcset="https://i.pravatar.cc/150?img=53 150w">
<p>John Corbit <br><span class="job-description">Lead Accountant</span></p>
</div>
</div>
</div>
</section>
<!-- Section: Clients -->
<!-- Icon size 300x300px -->
<section id="clients" class="py-1">
<div class="container">
<h2 class="m-heading text-center">
<span class="text-primary">Our</span> Clients
</h2>
<div class="items py-1">
<div><img class="img-icons" src="./img/logos/Cube Logo.png" onmouseover="this.src='./img/logos/Cube Logo Color.png'"
onmouseout="this.src='./img/logos/Cube Logo.png'" alt="Cube Logo" loading="lazy"></div>
<div><img class="img-icons" src="./img/logos/Hexagone Logo.png" onmouseover="this.src='./img/logos/Hexagone Logo Color.png'"
onmouseout="this.src='./img/logos/Hexagone Logo.png'" alt="Hexagone Logo" loading="lazy"></div>
<div><img class="img-icons" src="./img/logos/Infinity Logo.png" onmouseover="this.src='./img/logos/Infinity Logo Color.png'"
onmouseout="this.src='./img/logos/Infinity Logo.png'" alt="Infinity Logo" loading="lazy"></div>
<div><img class="img-icons" src="./img/logos/M Logo.png" onmouseover="this.src='./img/logos/M Logo Color.png'"
onmouseout="this.src='./img/logos/M Logo.png'" alt="M Logo" loading="lazy"></div>
<div><img class="img-icons" src="./img/logos/Three Bars Logo.png" onmouseover="this.src='./img/logos/Three Bars Logo Color.png'"
onmouseout="this.src='./img/logos/Three Bars Logo.png'" alt="Three Bars Logo" loading="lazy"></div>
</div>
</div>
</section>
<!-- Section: Contact -->
<section id="contact">
<div class="contact-form bg-dark p-2">
<h2 class="m-heading">
<span class="text-primary">
Contact</span> Us
</h2>
<p>Use the form below to share your questions or ideas, and let's start a conversation about your financial future.</p>
<form id="contactForm">
<div class="form-group">
<label for="name">Name</label>
<input type="text" name="name" id="name" placeholder="Enter Name">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" name="email" id="email" placeholder="Enter Email">
</div>
<div class="form-group">
<label for="phone">Phone Number</label>
<input type="text" name="phone" id="phone" placeholder="Enter Phone Number">
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea name="message" id="message" placeholder="Enter Message"></textarea>
</div>
<div class="btn-group">
<button id="submit" class="btn btn-form">Submit</button>
<button id="reset" class="btn btn-dark btn-form">Reset</button>
</div>
</form>
</div>
<div class="map">
</div>
</section>
<!-- Footer -->
<footer id="main-footer" class="bg-dark text-center py-1">
<div class="container">
<p>© 2023 Fusion Financial</p>
<p>This website was crafted by <a id="copyright-link" href="https://chrismabey.dev">ChrisMabey.DEV</a></p>
</div>
</footer>
<!-- JQuery CDN -->
<!-- Smooth scrolling -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Local JS File -->
<script src="js/main.js"></script>
</body>
</html>