Skip to content

Instantly share code, notes, and snippets.

@dsrichard97

dsrichard97/index.html

Created June 7, 2025 07:14
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save dsrichard97/14f6f0677809a8caa1bc7cfee60419f3 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save dsrichard97/14f6f0677809a8caa1bc7cfee60419f3 to your computer and use it in GitHub Desktop.
Download ZIP
Portfolio
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Richard Diazdeleon - Portfolio</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
body {
background-color: #111;
color: #eee;
font-family: 'Roboto', sans-serif;
}
.w3-bar a {
text-decoration: none;
color: #eee;
padding-bottom: 6px;
margin: 0 8px;
font-weight: 500;
position: relative;
transition: color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.w3-bar a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 3px;
background: red;
box-shadow: 0 0 10px red, 0 0 20px red;
transition: width 0.4s ease;
}
.w3-bar a:hover {
color: #ff0000;
transform: scale(1.08);
text-shadow: 0 0 5px red;
}
.w3-bar a:hover::before {
width: 100%;
}
.w3-sidebar a {
color: #eee;
text-decoration: none;
}
.w3-sidebar a:hover {
color: #ff0000 !important;
}
.content-wrapper {
max-width: 800px;
margin: 0 auto;
padding: 0 1rem;
}
</style>
</head>
<body class="w3-black">
<!-- Top Navigation -->
<div class="w3-bar w3-black w3-padding w3-large w3-center w3-border-bottom w3-border-blue">
<a href="#home" class="w3-bar-item w3-button">Home</a>
<a href="#about" class="w3-bar-item w3-button">About</a>
<a href="#experience" class="w3-bar-item w3-button">Experience</a>
<a href="#education" class="w3-bar-item w3-button">Education</a>
</div>
<!-- Sidebar -->
<div class="w3-sidebar w3-black w3-bar-block w3-border-right w3-border-blue" style="width:220px; height:100vh;">
<div class="w3-container w3-padding-32">
<h3 class="w3-text-white">Contact</h3>
<p><i class="fas fa-envelope w3-margin-right"></i> <a href="mailto:[email protected]">Email</a></p>
<p><i class="fab fa-linkedin w3-margin-right"></i> <a href="https://www.linkedin.com/in/richarddiazdeleon" target="_blank">LinkedIn</a></p>
<p><i class="fas fa-globe w3-margin-right"></i> <a href="https://dsrichard97.github.io/web/" target="_blank">Portfolio</a></p>
<p><i class="fab fa-github w3-margin-right"></i> <a href="https://github.com/dsrichard97" target="_blank">GitHub</a></p>
<p><i class="fas fa-file-download w3-margin-right"></i> <a href="Richard_Diazdeleon_Resume.pdf" download>Resume PDF</a></p>
</div>
</div>
<!-- Main Content -->
<div style="margin-right:840px" class="w3-padding w3-black">
<div class="content-wrapper">
<section id="about" class="w3-container w3-text-white w3-padding-32">
<h2>About Me</h2>
<p>
I'm Richard Diazdeleon, a results-driven professional with 2+ years of experience combining financial analysis and data science(intern) to uncover opportunities, optimize performance, and drive strategic growth. I bring expertise in time series modeling, data automation, and predictive analytics to deliver actionable insights that support business development and revenue impact. Outside the office, I’m passionate about travel and have recently committed to a consistent fitness routine as part of a balanced and goal-oriented lifestyle.
</p>
</section>
<section id="experience" class="w3-container w3-text-white w3-padding-32">
<h2>Experience</h2>
<div class="w3-container w3-margin-bottom">
<h5 class="w3-opacity"><b>Financial Planning Analyst I / Kaiser Permanente</b></h5>
<h6 class="w3-text-blue"><i class="fa fa-calendar fa-fw w3-margin-right"></i>May 2024 – Present</h6>
<p>
Developed and enhanced time series forecasting models (Prophet, ARIMA) for membership projections to support strategic planning.
Led variance analysis across 50K+ accounts, estimated financials for restructuring and vendor tracking, and presented financial summaries for department budgeting.
</p>
</div>
<div class="w3-container w3-margin-bottom">
<h5 class="w3-opacity"><b>Finance Data Scientist / Kaiser Permanente</b></h5>
<h6 class="w3-text-blue"><i class="fa fa-calendar fa-fw w3-margin-right"></i>March 2022 – December 2023</h6>
<p>
Analyzed spending across 250K+ accounts to recommend enterprise savings. Built Tableau cost-benefit models and time series analyses to drive financial decisions.
Cleaned and visualized datasets using SQL and Tableau for enterprise reporting.
</p>
</div>
<div class="w3-container">
<h5 class="w3-opacity"><b>Math Tutor / Newport Mesa Unified School District</b></h5>
<h6 class="w3-text-blue"><i class="fa fa-calendar fa-fw w3-margin-right"></i>September 2021 – May 2022</h6>
<p>
Tutored high school students in Algebra and Geometry, helping raise average grades and improve state assessment performance through one-on-one and group sessions.
</p>
</div>
</section>
<section id="education" class="w3-container w3-text-white w3-padding-32">
<h2>Education</h2>
<div class="w3-container w3-margin-bottom">
<h5 class="w3-opacity"><b>California State University, Long Beach</b></h5>
<h6 class="w3-text-blue"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Dec 2022 – Dec 2024</h6>
<p>Master of Science (MS) in Applied Statistics</p>
<p class="w3-small w3-text-grey">Coursework: Deep Learning, Advanced Statistical Methods, Time Series Analysis, Data Mining, Survival Analysis, Multivariate Analysis</p>
</div>
<div class="w3-container w3-margin-bottom">
<h5 class="w3-opacity"><b>California State University, Fullerton</b></h5>
<h6 class="w3-text-blue"><i class="fa fa-calendar fa-fw w3-margin-right"></i>May 2018 – Dec 2021</h6>
<p>Bachelor of Arts (BA) in Computational and Applied Mathematics</p>
<p class="w3-small w3-text-grey">Coursework: Numerical Analysis, Linear Algebra, Probability Theory, Computational Methods, Advanced Calculus</p>
</div>
<div class="w3-container">
<h5 class="w3-opacity"><b>Santa Ana College</b></h5>
<h6 class="w3-text-blue"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Jul 2015 – May 2017</h6>
<p>Associate of Science (AS) in Mathematics</p>
</div>
</section>
</div>
</body>
</html>
Raw
style.css
body {
background-color: #111;
color: #eee;
font-family: 'Roboto', sans-serif;
}
/* Top navigation styling */
.w3-bar a {
text-decoration: none;
color: #eee;
padding-bottom: 6px;
margin: 0 8px;
font-weight: 500;
position: relative;
transition: color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.w3-bar a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 3px;
background: red;
box-shadow: 0 0 10px red, 0 0 20px red;
transition: width 0.4s ease;
}
.w3-bar a:hover {
color: red;
transform: scale(1.08);
text-shadow: 0 0 5px red;
}
.w3-bar a:hover::before {
width: 100%;
}
/* Sidebar link hover color */
.w3-sidebar a {
color: #eee;
text-decoration: none;
}
.w3-sidebar a:hover {
color: #ff0000 !important;
}
/* Content layout wrapper */
.content-wrapper {
max-width: 800px;
margin: 0 auto;
padding: 0 1rem;
}
@dsrichard97
Copy link
Author

dsrichard97 commented Jun 7, 2025

indexpage for resume part

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment