Custom Personal Portfolio Website

I rebuilt my personal portfolio with HTML, CSS, and JavaScript to turn classroom learning into a live website. The result brings my projects, IT experience, education, and résumé into one place, with a visual identity I can keep developing as my work grows.

Role: Independent design and front-end development Timeline: November 2025–present Stack: HTML5, CSS3, JavaScript, GitHub Pages

“The site is designed to be fast, fully responsive on desktop and mobile, and easy to maintain.”

My original Google Sites portfolio gave me a starting point. Rebuilding it from scratch let me take control of the layout, interactions, and source code while creating a professional home for coursework and personal projects. The core design goal was simple: help visitors understand my background, explore my work, and reach my résumé or contact information quickly.

A clear reading path. Numbered sections organize About, Projects, Work, Education, and Contact. Project cards give a concise overview before visitors open the details.

A consistent visual system. Warm charcoal and amber colors, restrained glass effects, and shared CSS variables tie the interface together.

Responsive presentation. Grid and Flexbox layouts, responsive typography, and media queries adapt the content to different screen sizes.

Accessibility built into the interface. Semantic sections, a skip link, keyboard navigation, and support for reduced motion and transparency preferences make the site easier to use.

Project details and galleries share a native HTML dialog. Content lives in templates that JavaScript inserts when a visitor opens a project. This keeps the page organized while allowing richer detail on demand.

The surrounding implementation manages modal content and gallery controls. IntersectionObserver tracks the active section in the navigation, while WebP images and lazy loading help limit unnecessary image downloads.

The portfolio is live at elijah-cochran.com, hosted on GitHub Pages with a custom domain. It includes project galleries, a downloadable résumé, work and education sections, and direct contact links. The public repository contains the site snapshot and documents its structure.

This project demonstrates my ability to take a website from concept to deployment using core front-end technologies. It also gives me a maintainable foundation for presenting new work as I continue studying computer science.

Explore the live portfolio · View the source on GitHub