FOR BEST RESULTS, DOWNLOAD PROJECT AND RUN THROUGH VSCODE WITH LIVESERVER
# Construction Website Mockup
Live Site: [Visit Placeholder INC.](https://olliem3.github.io/Construction-Website-Mockup/)
## Overview
This is a responsive, multi-page website mockup for a fictional construction company called **Placeholder INC.**, designed to showcase full-service contracting and traffic safety solutions. Built with clean HTML and CSS, the site demonstrates layout structuring, navigation design, and service presentation for commercial, residential, and municipal clients.
## Features
- ποΈ **Civil & Renovations**: Highlights demolition, site prep, public sector contracting, and material supply.
- π§ **Traffic Safety**: Includes TCP planning, certified flagging operations, and event traffic control.
- π± **Mobile-Friendly Design**: Optimized for various screen sizes using responsive layout techniques.
- π§ **Navigation Menu**: Includes links to Services, About, Projects, and Contact pages.
- π¨ **Modular CSS**: Styles are organized across multiple CSS files for maintainability and clarity.
## File Structure
Construction-Website-Mockup/ βββ index.html βββ Contracting.html βββ Traffic-safety.html βββ assets/ β βββ css/ β βββ main.css β βββ Contracting.css β βββ Traffic-safety.css β βββ Mobile-Menu.css β βββ images/ β βββ [project images, icons, etc.]
## How to Use
1. Clone the repo:
```bash
git clone https://github.com/OllieM3/Construction-Website-Mockup.git
-
Open
index.htmlin your browser or deploy via GitHub Pages. -
Explore the different service pages and responsive layout.
Created by Ollie Meeks III as part of a front-end portfolio project. Designed to demonstrate HTML/CSS proficiency and site structuring for small business clients.