Skip to content

ResumeWebsite

Directory actions

More options

Directory actions

More options

Latest commit

 

History

History

ResumeWebsite

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
media
media
 
 
README.md
README.md
 
 
index.html
index.html
 
 

README.md

Resume Website - Ana McCullagh

A professional, responsive resume website showcasing software engineering experience, technical skills, and projects with a custom blue color scheme.

Overview

This single-page resume website presents a comprehensive professional profile with clean design, custom color palette, and organized sections highlighting education, experience, technical skills, and projects. The site features a modern dark blue container on a light blue background for optimal readability and visual appeal.

Features

  • Custom Color Palette: Professionally designed blue theme
    • Primary Blue: #095B90 (container, accents)
    • Light Blue: #C1E4FB (background, highlights)
  • Responsive Design: Clean, centered layout that adapts to different screen sizes
  • Professional Photo: Circular profile image with custom border
  • Organized Sections: Clear hierarchy of information
  • Skills Grid: Three-column layout for technical skills
  • Interactive Links: Clickable email, LinkedIn, and GitHub links
  • Complete Profile: Education, experience, projects, leadership, and certifications

File Structure

ResumeWebsite/
├── index.html
└── media/
    └── ana_resume.jpg

Color Scheme

Custom Professional Blue Theme:

  • Primary Background: #C1E4FB - Soft light blue for page background
  • Container Background: #095B90 - Deep professional blue for resume card
  • Text: White (#ffffff) for primary content on dark background
  • Accents: #C1E4FB for headings, links, and highlights
  • Contrast: High contrast ensures readability while maintaining visual appeal

This color combination was specifically designed to:

  • Create a professional, trustworthy impression
  • Ensure excellent readability
  • Stand out from standard black/white resumes
  • Reflect technical expertise with modern aesthetic

Technical Implementation

Technologies: HTML5, CSS3 (embedded styles)

Key CSS Features:

  • Flexbox for layout alignment
  • Grid system for skills section
  • Border-radius for rounded elements
  • Box-shadow for depth
  • Hover effects on links
  • Responsive max-width container

Design Principles:

  • Mobile-first responsive approach
  • Clear visual hierarchy
  • Consistent spacing and padding
  • Professional typography
  • High contrast for accessibility

How to Run

Simply open index.html in any modern web browser. No server required!

Or use a local server:

# Python
python3 -m http.server 8000

# VS Code Live Server
# Right-click index.html → Open with Live Server

Then navigate to http://localhost:8000

Browser Compatibility

Works in all modern browsers:

  • Chrome/Edge
  • Firefox
  • Safari
  • Opera

Note: Requires support for CSS Grid and Flexbox (all modern browsers)

Design Decisions

Why One File?

  • Simplicity: Easy to maintain and share
  • Portability: Single file can be sent via email or uploaded anywhere
  • Performance: No additional HTTP requests for external CSS

Why Custom Colors?

  • Professional Differentiation: Stand out from standard templates
  • Brand Consistency: Custom palette creates memorable impression
  • Readability: Carefully chosen contrast ratios ensure text clarity
  • Modern Aesthetic: Blue conveys trust, professionalism, and technical expertise

Why This Structure?

  • Recruiter-Friendly: Information organized in expected order
  • Scannable: Clear headings and bullet points for quick review
  • Complete: All relevant information in one place
  • Professional: Matches industry standards for software engineering resumes

SEO Considerations

  • Semantic HTML5 elements (header, section, div)
  • Descriptive alt text for images
  • Proper heading hierarchy (h1, h2)
  • Meta charset for proper text encoding

Future Enhancements

Potential additions:

  • Dark mode toggle
  • Print-friendly stylesheet
  • PDF download button
  • Animated transitions
  • Project portfolio gallery
  • Blog section
  • Contact form
  • Multi-page navigation

Development Information

Developer: Ana McCullagh
Project Type: Professional Resume Website
Purpose: Job Search Portfolio
Date: December 2025
Special Features: Custom blue color scheme designed specifically for this resume

Usage

This resume website is designed for:

  • Job applications in software engineering
  • LinkedIn profile link
  • Email signature
  • Networking events
  • Portfolio showcase

Credits

Design & Development: Ana McCullagh
Color Scheme: Custom professional palette
Content: Based on professional experience and education

License

Personal portfolio website - © 2025 Ana McCullagh