Frontend Development

Project

Professional Portfolio Website

Role

Full Design & Front-End Development

Technologies

HTML5, CSS3, JavaScript, Bootstrap, CSS Grid, Flexbox, Moodle (SCORM)

Date

March 2026

Project Type

Professional Portfolio

Key Features

Fully responsive layout using Bootstrap and Flexbox
Custom navigation system for multi-page structure
Integration with Moodle LMS to deliver SCORM-based learning samples
Structured layout using CSS Grid for scalable content organization
Custom styling and interaction using vanilla JavaScript

Overview

This project is a fully custom-built professional portfolio designed to showcase both front-end development and instructional design work. The site integrates traditional web technologies with LMS functionality, allowing users to access interactive SCORM-based courses through a connected Moodle environment. All design, development, and content creation were completed independently, with a focus on performance, responsiveness, and clean UI structure.

Live Site

portfolio.markoglesby.net

Project

Mobile-First Responsive Website

Role

Full Design & Front-End Development

Technologies

HTML5, CSS3, JavaScript, CSS Grid, Flexbox

Date

April 2026

Project Type

Front-End Development (Mobile-First Build)

Key Features

Mobile-first responsive design (progressive scaling from mobile to desktop)
Layout system built using CSS Grid and Flexbox
Advanced CSS including variables, media queries, and transitions
Interactive navigation menu and hero slider powered by JavaScript
Form handling and DOM manipulation using vanilla JavaScript
Built without frameworks to reinforce core front-end fundamentals

Overview

This project was developed from an initial hand-drawn wireframe and translated into a fully functional, mobile-first website. The build followed a structured responsive workflow, starting with small-screen layouts and progressively enhancing for tablet and desktop using media queries. The project emphasized mastering core front-end technologies without reliance on frameworks, focusing on layout control, performance, and maintainable CSS architecture. Key challenges included developing a fully responsive navigation system and implementing a dynamic hero slider using vanilla JavaScript.

Live Site

learning.markoglesby.net

A proven and experienced instructional designer, solution architect and natural storyteller.

Learning and Development Professional based in Atlanta, Georgia

Contact: mark.oglesby1@gmail.com

Phone: 770-851-7380

Frontend Development