Skip to content

Henrrietta's Completed Resume Landing Page #11

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
hriverson261 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Henrrietta's Completed Resume Landing Page #11

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added henrriettariverson/images/prof_headshot.PNG
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
184 changes: 184 additions & 0 deletions henrriettariverson/resume.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,184 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Henrrietta Riverson | Logistics Management Specialist</title>
<link rel="stylesheet" href="styles.css">
</head>

<body>

<header>
<nav class="navbar">
<ul>
<li><a href="#about">About</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#certifications">Certifications</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>

<!-- HERO SECTION -->
<section class="hero">
<div class="hero-paragraph">
<h1>Henrrietta Riverson</h1>
<h2>Logistics Management Specialist</h2>
<p>
Detail-oriented finance and MIS graduate with experience in data analytics,
reporting, and operational support. Skilled in Tableau, SQL, and Power BI
with an Active Secret Clearance.
</p>

<a class="button" href="resume.pdf" download>Download Resume</a>
</div>

<div class="hero-image">
<img src="images/prof_headshot.PNG" alt="Henrrietta Riverson professional headshot">
</div>
</section>

<!-- ABOUT SECTION-->
<section id="about">
<h2>About Me</h2>

<p>
I am a Logistics Management Specialist and a drilling Reservist in the United States Air Force (USAF),
with a strong background in finance and management information systems.
</p>

<p>
I am currently expanding my technical knowledge through an AI-Powered Software Engineering program
while continuing to build skills in analytics, programming, and systems design.
</p>
</section>

<!-- EXPERIENCE SECTION -->
<section id="experience">
<h2>Experience</h2>

<div class="job">

<div class="job-text">
<h3>Traditional Reservist – Avionics Technician</h3>
<h4>U.S. Air Force | Dover AFB, DE</h4>
<span>December 2021 – Present</span>

<ul>
<li>Support operational readiness for a fleet of 18 aircraft.</li>
<li>Execute maintenance and inspection procedures.</li>
<li>Collaborate with cross-functional teams.</li>
</ul>
</div>
</div>

<div class="job">

<div class="job-text">
<h3>Subject Tutor</h3>
<h4>Huntington Learning Center | Newark, DE</h4>
<span>December 2021 – Present</span>

<ul>
<li>Analyzed student performance.</li>
<li>Developed targeted learning strategies.</li>
<li>Improved academic outcomes.</li>
</ul>
</div>
</div>
</section>

<!-- EDUCATION SECTION -->
<section id="education">
<h2>Education</h2>

<div class="school">

<div class="school-text">
<h3>AI-Powered Software Engineering Program</h3>
<p>Code Differently | Expected June 2026</p>
</div>
</div>

<div class="school">
<div class="school-text">
<h3>Bachelor of Science in Finance & MIS</h3>
<p>University of Delaware | June 2025</p>
</div>
</div>
</section>

<!-- CERTIFICATIONS SECTION -->
<section id="certifications">
<h2>Certifications</h2>

<ul>
<li>Java Certified Foundations – Oracle</li>
<li>Certified ScrumMaster</li>
<li>AI Fundamentals (In Progress)</li>
<li>Responsive Web Design (In Progress)</li>
</ul>
</section>

<!-- PROJECTS SECTION -->
<section id="projects">
<h2>Projects</h2>

<div class="project-card-container">
<div class="project-card">
<h3>Financial Transparency Dashboard</h3>

<p>
A data visualization dashboard designed to improve transparency around budgets.
</p>

<p><strong>Technologies:</strong> Tableau</p>
</div>
</div>
</section>

<!-- SKILLS SECTION -->
<section id="skills">
<h2>Skills</h2>

<div class="skills-grid">
<div>
<h3>Technical Skills</h3>
<ul>
<li>Java</li>
<li>Python</li>
<li>C#</li>
<li>SQL</li>
</ul>
</div>

<div>
<h3>Professional Skills</h3>
<ul>
<li>Communication</li>
<li>Teamwork</li>
<li>Problem Solving</li>
</ul>
</div>
</div>
</section>

<!-- CONTACT SECTION -->
<section id="contact">
<h2>Contact</h2>

<p>Email: henrriettarivers@gmail.com</p>
<p>Phone: 302-367-9236</p>
<p>LinkedIn: <a href="https://www.linkedin.com/in/henrrietta-riverson-525b451b9" target="_blank"> Henrrietta Riverson LinkedIn </a></p>
</section>

<footer>
<p>© 2026 Henrrietta Riverson</p>
</footer>

</body>
</html>
175 changes: 175 additions & 0 deletions henrriettariverson/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,175 @@

body {
font-family: Arial, Helvetica, sans-serif;
background-color: #f5f7fa;
color: #333;
line-height: 1.6;
}

/* NAVIGATION */

.navbar {
display: flex;
justify-content: flex-end; /* pushes nav links to the right */
align-items: center;
background: #0a2540;
padding: 20px 10%;
position: sticky; /* makes navbar stick */
top: 0;
z-index: 1000;
}

.navbar ul {
display: flex;
list-style: none;
}

.navbar ul li {
margin-left: 25px;
}

.navbar a {
color: white;
text-decoration: none;
font-weight: 500;
}

.navbar a:hover {
color: #1a73e8;
}

/* HERO SECTION */

.hero {
display: flex;
justify-content: space-between;
align-items: center;
padding: 80px 10%;
background: white;
}

.hero-paragraph h1 {
font-size: 40px;
}

.hero-paragraph h2 {
color: #1a73e8;
margin: 10px 0;
}

.hero-paragraph p {
margin-top: 20px;
margin-bottom: 25px; /* space before button */
max-width: 600px;
}

.hero-image img {
width: 220px;
height: 220px;
border-radius: 50%;
object-fit: cover;
}

/* BUTTON */

.button {
background: #1a73e8;
color: white;
padding: 12px 24px;
text-decoration: none;
border-radius: 6px;
}

.button:hover {
background: #155ab6;
}

/*SECTIONS */

section {
padding: 70px 10%;
}

h2 {
margin-bottom: 25px;
color: #0a2540;
}

/* ABOUT SECTION */

#about p {
margin-bottom: 20px;
max-width: 800px;
}

/* fdEXPERIENCE */

.job {
margin-bottom: 40px;
}

.job h3 {
color: #1a73e8;
}

.job ul {
margin-top: 10px;
padding-left: 20px;
}

/* EDUCATION */

.school {
margin-bottom: 35px;
}

/* PROJECTS */

.project-card {
background: white;
padding: 25px;
border-radius: 10px;
box-shadow: 0 5px 10px rgba(0,0,0,0.1);
margin-top: 20px;
}

/* SKILLS SECTION */

.skills-grid {
display: flex;
gap: 40px;
flex-wrap: wrap;
}

.skills-grid div {
background: white;
padding: 25px;
border-radius: 10px;
flex: 1;
min-width: 250px;
box-shadow: 0 5px 10px rgba(0,0,0,0.08);
}

.skills-grid ul {
padding-left: 20px;
}

.skills-grid li {
margin-bottom: 8px;
}

/* CONTACT SECTION */

#contact {
display: flex;
flex-direction: column;
gap: 10px;
}

/* FOOTER */
footer {
text-align: center;
padding: 20px;
background: #0a2540;
color: white;
}