Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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 images/ChristopherBennettLinkedIn.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
344 changes: 344 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,344 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Christopher Bennett Resume</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
</head>
<body>

<div id="loader">
<div class="loader-content">
<p class="loader-label">SYSTEM BOOT</p>
<h1 id="loader-percent">0%</h1>

<div class="loader-bar">
<div class="loader-fill" id="loader-fill"></div>
</div>

<script>
window.addEventListener("load", () => {
const percentText = document.getElementById("loader-percent");
const fill = document.getElementById("loader-fill");
const loader = document.getElementById("loader");

let progress = 0;

const interval = setInterval(() => {
progress++;

percentText.textContent = progress + "%";
fill.style.width = progress + "%";

if (progress >= 100) {
clearInterval(interval);

setTimeout(() => {
loader.classList.add("hidden");
document.body.classList.add("page-loaded");
}, 400);
}
}, 15);
});
</script>

<p class="loader-subtext">Initializing portfolio systems...</p>
</div>
</div>


<div class="startup-popup" id="startupPopup">
<div class="popup-inner">
<p class="popup-label">SYSTEM STATUS</p>
<h2>Initializing portfolio...</h2>
<p class="popup-subtext">Loading projects, experience, and creative systems.</p>
</div>
</div>

<div class="bg-grid"></div>
<div class="bg-glow"></div>

<div class="floating-shapes" aria-hidden="true">
<span class="shape shape-1"></span>
<span class="shape shape-2"></span>
<span class="shape shape-3"></span>
<span class="shape shape-4"></span>
<span class="shape shape-5"></span>
<span class="shape shape-6"></span>
<span class="shape shape-7"></span>
<span class="shape shape-8"></span>
</div>

<nav class="top-nav">
<div class="nav-brand">Christopher Bennett</div>

<div class="nav-links">
<a href="#about">About</a>
<a href="#experience">Experience</a>
<a href="#projects">Projects</a>
<a href="#education">Education</a>
</div>

<a href="mailto:bennettdeveloper@gmail.com" class="nav-cta">Contact</a>
</nav>

<main>
<header class="hero" id="about">
<div class="hero-window">
<div class="window-bar">
<span></span>
<span></span>
<span></span>
</div>

<div class="hero-content">
<div class="hero-left">
<p class="hero-kicker">Software Developer • Game Developer • Creative Technologist</p>

<h1 class="hero-text">
<span class="line">Building</span>
<span class="line">interactive</span>
<span class="line">systems</span>
<span class="line">and polished</span>
<span class="line">digital</span>
<span class="line">experiences.</span>
</h1>

<p class="hero-subtitle">
Junior Software Developer with hands-on experience in software engineering,
IT systems, and game development, building reliable applications and creative solutions.
</p>

<div class="hero-actions">
<a href="#projects" class="primary-btn">View Projects</a>
<a href="/resumes/ChrisBennettResume2026.pdf" download class="secondary-btn">Download Resume</a>
</div>

<div class="hero-links">
<a href="mailto:bennettdeveloper@gmail.com" class="hero-link">
<i class="fa-solid fa-envelope"></i>
<span>Email</span>
</a>

<a href="https://github.com/BennettDeveloper" target="_blank" class="hero-link">
<i class="fa-brands fa-github"></i>
<span>GitHub</span>
</a>

<a href="https://www.linkedin.com/in/christopher-bennett-b11167168/" target="_blank" class="hero-link">
<i class="fa-brands fa-linkedin"></i>
<span>LinkedIn</span>
</a>
</div>
</div>

<div class="hero-right">
<div class="profile-panel">
<img src="images/ChristopherBennettLinkedIn.png" alt="Christopher Bennett" class="profile-pic">

<div class="profile-meta">
<h2>Christopher Bennett</h2>
<p>Software Developer</p>
</div>

<div class="profile-tags">
<span>C#</span>
<span>Unity</span>
<span>ASP.NET</span>
<span>Java</span>
</div>
</div>
</div>
</div>
</div>
</header>

<section class="content-card" id="objective">
<div class="section-label">01</div>
<h3>Objective</h3>
<p>
Junior Software Developer with hands-on experience
in software engineering, IT systems, and game development,
seeking full-time or contract opportunities to build reliable systems,
develop engaging applications, and continue growing as a technically
versatile engineer.
</p>
</section>

<section class="content-card" id="skills">
<div class="section-label">02</div>
<h3>Skills</h3>

<div class="skills-grid">
<div class="skill-pill">Languages</div>
<div class="skill-pill">Frameworks / Libraries</div>
<div class="skill-pill">Databases</div>
<div class="skill-pill">Tools / Platforms</div>
<div class="skill-pill">Methodologies</div>
<div class="skill-pill">Professional Skills</div>
</div>

<ul class="detail-list">
<li><strong>Languages:</strong> C#, Java, SQL, JavaScript, TypeScript</li>
<li><strong>Frameworks / Libraries:</strong> ASP.NET, React, Unity</li>
<li><strong>Databases:</strong> MySQL, Oracle, Firebase</li>
<li><strong>Tools / Platforms:</strong> Git, GitHub, Docker, Jira</li>
<li><strong>Methodologies:</strong> Agile, Scrum, REST API's</li>
<li><strong>Professional Skills:</strong> Leadership, Creative Problem Solving, Technical Communication</li>
</ul>
</section>

<section class="content-card" id="experience">
<div class="section-label">03</div>
<h3>Experience</h3>

<div class="entry-card">
<div class="entry-top">
<div>
<h4 class="entry-title">Target</h4>
<p class="entry-role">Closing Expert</p>
</div>
<span class="entry-date">Aug 2024 - Current</span>
</div>

<ul class="detail-list">
<li>
Directed store closing procedures by ensuring
timely completion of nightly operations and
strict adherence to company standards while
providing exceptional customer service.
</li>
</ul>
</div>

<div class="entry-card">
<div class="entry-top">
<div>
<h4 class="entry-title">University of Delaware</h4>
<p class="entry-role">Software Engineer Researcher</p>
</div>
<span class="entry-date">Jan. 2022 - May 2024</span>
</div>

<ul class="detail-list">
<li>
Directed store closing procedures by ensuring
timely completion of nightly operations and
strict adherence to company standards while
providing exceptional customer service.
</li>
</ul>
</div>

<div class="entry-card">
<div class="entry-top">
<div>
<h4 class="entry-title">University of Delaware</h4>
<p class="entry-role">Teaching Assistant</p>
</div>
<span class="entry-date">Sep. 2021 - May 2024</span>
</div>

<ul class="detail-list">
<li>
Directed store closing procedures by ensuring
timely completion of nightly operations and
strict adherence to company standards while
providing exceptional customer service.
</li>
</ul>
</div>

<div class="entry-card">
<div class="entry-top">
<div>
<h4 class="entry-title">Endevor LLC.</h4>
<p class="entry-role">Software Engineer</p>
</div>
<span class="entry-date">Jun. 2023 - Sep. 2023</span>
</div>

<ul class="detail-list">
<li>
Directed store closing procedures by ensuring
timely completion of nightly operations and
strict adherence to company standards while
providing exceptional customer service.
</li>
</ul>
</div>
</section>

<section class="content-card" id="projects">
<div class="section-label">04</div>
<h3>Projects</h3>

<div class="project-card">
<div class="project-top">
<div>
<h4 class="entry-title">Assignment Timeline Maker</h4>
<p class="entry-role">Neurodivergent-Friendly Timeline Generator</p>
</div>
<span class="project-badge">Research Project</span>
</div>

<ul class="detail-list">
<li>
Created a research web application for professors to
convert documents into auto-generated timelines and
simplify dense text for neurodivergent students.
</li>
</ul>
</div>
</section>

<section class="content-card" id="education">
<div class="section-label">05</div>
<h3>Education</h3>

<div class="entry-card">
<div class="entry-top">
<div>
<h4 class="entry-title">Code Differently</h4>
<p class="entry-role">A.I. Powered Software-Engineering Program</p>
</div>
</div>

<ul class="detail-list">
<li>
Intensive, project-based training program
focused on AI-powered software engineering, agile
collaboration, and applying analytical problem-solving
to real-world challenges.
</li>
</ul>
</div>

<div class="entry-card">
<div class="entry-top">
<div>
<h4 class="entry-title">University of Delaware</h4>
<p class="entry-role">B.S. Computer Science</p>
</div>
</div>

<ul class="detail-list">
<li>Executive Member: Game Design & Development Club</li>
<li>Member: UDel Competitive Programming Club, UD Capture The Flag Team</li>
<li>Awards: Computer and Information Sciences Department Student Honorable Mention</li>
<li>
Coursework: Algorithms, Data Structures,
Artificial Intelligence, Machine Learning, Software Development,
Advanced Web Security, Parallel Computing,
Human Computer Interaction, Operating Systems,
Statistics, Calculus, Linear Algebra,
Educational Game Development
</li>
</ul>
</div>
</section>
</main>
</body>
</html>
Binary file added resumes/ChrisBennettResume2026.pdf
Binary file not shown.
Loading