-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
186 lines (159 loc) · 10.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
<!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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- META -->
<meta name="description" content="Meet Melissa Lucas.">
<meta name="author" content="Melissa Lucas">
<!-- Open Graph tags for Facebook -->
<meta property="og:url" content="https://mlucas2218.github.io" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Melissa Lucas | Aspiring PFC Team Member" />
<meta property="og:description" content="Meet Melissa Lucas." />
<meta property="og:image" content="https://mlucas2218.github.io/images/bg.jpg" />
<meta property="og:image:alt" content="A person walking along a scenic mountain trail" />
<meta property="og:locale" content="en_US" />
<meta property="og:locale:alternate" content="es_NI" />
<!-- PAGE TITLE -->
<title>Melissa Lucas | Aspiring PFC Team Member</title>
<!-- STYLES -->
<!-- Bootstrap: Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Custom style sheet -->
<link rel="stylesheet" href="style.css">
<!-- SCRIPTS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- Font Awesome -->
<script src="https://use.fontawesome.com/65d1bcf15f.js"></script>
<!-- FAVICONS -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="16x16" href="images/apple-touch-icon-16x16.png" />
<link rel="apple-touch-icon" sizes="57x57" href="images/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="images/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="images/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="images/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="images/apple-touch-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon-180x180.png" />
<!-- TRANSLATIONS -->
<link rel="alternate" hreflang="en" href="https://mlucas2218.github.io/index.html" />
<!--
<link rel="alternate" hreflang="es" href="https://mlucas2218.github.io/es/index.html" />
-->
<!-- ANALYTICS -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-105674415-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<!-- Section 1 -->
<div id="section1" class="parallax">
<div class="container">
<div class="parallax-caption" id="header">
<h1>MELISSA LUCAS</h1>
<p>Aspiring PFC Team Member</p>
</div>
</div>
</div>
<!-- General content sections
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->
<div class="container marketing">
<!-- SKILLS (3 COLUMNS) -->
<div class="section row" id="skills">
<div class="col-md-4">
<img class="img-circle" src="images/emoji_laptop.png" alt="Me" width="80" height="80">
<h2>personal finance fan</h2>
<p>I'm a math major with a passion for equipping others with tools for budgeting, investing, and living sustainably in all senses of the word. Check out a summary of my skills in my <a href="documents/Resume_MelissaLucas_20211209.pdf" target="_blank">resume</a>. I've followed PFC for about two years and have several ideas for taking it to the next level!</p>
</div><!-- /.col-md-4 -->
<div class="col-md-4">
<img class="img-circle" src="images/emoji_nerd.png" alt="Picture" width="80" height="80">
<h2>versatile learner</h2>
<p>Any skill that PFC needs, I can teach myself how to do it. (Seriously, try me.) Things I've successfully learned on my own include grad-level math courses, graphic design programs, new instruments, and new <a href="inspiration.html" target="_blank">languages</a> (both the spoken & coding kinds).</p>
<!--<button type="button" class="btn btn-info" data-toggle="modal" data-target="#myModal">Read reviews</button>-->
</div><!-- /.col-md-4 -->
<div class="col-md-4">
<img class="img-circle" src="images/emoji_handup.png" alt="A travel picture" width="80" height="80">
<h2>social advocate</h2>
<p>Like PFC, I advocate for making the world a more equitable place by promoting diversity & inclusion at work, donating 20% of my income, and making a sustainable lifestyle more accessible for people of all demographics. As part of the team, I will use my skills to expand PFC's reach and impact.</p>
</div><!-- /.col-md-4 -->
</div><!-- /.section -->
<hr class="section-divider">
<!-- PROJECTS -->
<div class="section" id="projects">
<h2 class="section-heading">Projects</h2>
<div class="text-center"><p>Look at some cool improvements I made to your tools after taking your course!</p></div>
<!-- Project 1 -->
<div class="project row" id="project-course">
<div class="col-md-7">
<h3 class="project-title">Multi-Phase Retirement Calculator</h3>
<h4 class="project-subtitle">Google Sheets</h4>
<p class="lead">I added the ability to set a different investment rate partway through one's working years before actually retiring and starting to withdraw money. This is a more realistic FI/RE scenario for many people who would like to plan a career switch or to go from a two-income to a one-income household.</p>
<!--<p class="lead">I developed this responsive website in HTML5 and CSS3 with the Bootstrap framework.</p>-->
<div class="text-center">
<a href="https://docs.google.com/spreadsheets/d/1_A-Rab_0goWeNk2mRhRV77gM6f8uGYWFASnZzWu30WY/edit#gid=610435202" target="_blank" class="btn btn-primary" role="button">View new calculator</a>
</div>
</div>
<div class="col-md-5">
<a href="https://docs.google.com/spreadsheets/d/1_A-Rab_0goWeNk2mRhRV77gM6f8uGYWFASnZzWu30WY/edit#gid=610435202" target="_blank"><img class="featurette-image img-responsive center-block" src="images/pfc_newcalculator.png" alt="Preview of website design"></a> <!--data-src=""-->
</div>
</div><!-- /.project -->
<hr class="section-divider">
<!-- Project 2 -->
<div class="project row" id="project-course">
<div class="col-md-7 col-md-push-5">
<h3 class="project-title">Holistic Portfolio Rebalancing Worksheet</h3>
<h4 class="project-subtitle">Google Sheets</h4>
<p class="lead">I turned the simple rebalancing worksheet into a holistic portfolio snapshot, which handles more realistic scenarios where multiple funds are each composed of multiple asset classes. I also added a framework for values-based investors to reference sustainability ratings alongside expense ratios to inform their investing decisions.</p>
<div class="text-center">
<a href="https://docs.google.com/spreadsheets/d/1_A-Rab_0goWeNk2mRhRV77gM6f8uGYWFASnZzWu30WY/edit#gid=2066211097" target="_blank" class="btn btn-primary" role="button">View new rebalancing worksheet</a>
</div>
</div>
<div class="col-md-5 col-md-pull-7">
<a href="https://docs.google.com/spreadsheets/d/1_A-Rab_0goWeNk2mRhRV77gM6f8uGYWFASnZzWu30WY/edit#gid=2066211097" target="_blank"><img class="featurette-image img-responsive center-block" src="images/pfc_newportfolio_3.png" alt="Preview of webpage"></a> <!--data-src=""-->
</div>
</div><!-- /.project -->
<!--
<hr class="section-divider">
<!-- Project 3 --
<div class="project row" id="project-course">
<div class="col-md-7">
<h3 class="project-title">Bite-Size Inspiration</h3>
<h4 class="project-subtitle">Developed with HTML5, JavaScript, CSS3, Bootstrap framework</h4>
<p class="lead">A random generator of inspirational quotes, with translations between English, Spanish, and French.</p>
<div class="text-center">
<a href="inspiration.html" target="_blank" class="btn btn-primary" role="button">Get inspired</a>
</div>
</div>
<div class="col-md-5">
<img class="featurette-image img-responsive center-block" src="images/project-inspiration.png" alt="Preview of webpage"> <!--data-src=""--
</div>
</div><!-- /.project -->
</div><!-- /.section -->
<hr class="section-divider">
<!-- CONNECT -->
<div class="section text-center" id="connect">
<h2 class="section-heading">Connect</h2>
<p class="lead"><a target="_blank" href="https://www.freecodecamp.org/mlucas2218"><i class="fa fa-free-code-camp fa-3x" aria-hidden="true"></i></a> <a target="_blank" href="https://github.com/mlucas2218"><i class="fa fa-github fa-3x"></i></a> <a target="_blank" href="https://www.hackerrank.com/mlucas2218"><i class="fa fa-trophy fa-3x" aria-hidden="true"></i></a> <a target="_blank" href="https://www.linkedin.com/in/mlucas2218"><i class="fa fa-linkedin-square fa-3x" aria-hidden="true"></i></a></p>
<p class="lead"><a href="mailto:[email protected]">[email protected]</a></p>
</div>
<hr class="section-divider">
<!-- FOOTER -->
<footer>
<p class="pull-right"><a href="#">Back to top</a></p>
<p>© 2021 Melissa Lucas <!--· <a href="es/index.html" lang="es" hreflang="es">Español</a></p>-->
</footer>
</div><!-- /.container.marketing -->
</body>
</html>