Gift Christian - Portfolio Website

A modern, responsive personal portfolio website showcasing my work, skills, and experience as a Full-stack Developer.

🌐 Live Site: www.giftchristian.me

📋 Overview

This is my personal portfolio website built with modern web technologies. The site features a clean, professional design with smooth animations and interactive elements to showcase my projects, experience, education, and skills.

✨ Features

• Responsive Design: Fully responsive layout that works on all devices
• Dynamic Content: Projects, skills, and experience sections with pagination
• PDF Resume Download: Generate and download resume as PDF
• Contact Form: Integrated contact form with reCAPTCHA
• Smooth Animations: Engaging animations and transitions
• Social Media Integration: Links to GitHub, LinkedIn, and Instagram profiles

🛠️ Technologies Used

• HTML5: Semantic markup
• CSS3: Custom styles with Tailwind CSS framework
• JavaScript: Vanilla JS for dynamic content and interactions
• Tailwind CSS: Utility-first CSS framework
• Font Awesome: Icon library
• Google Fonts: Bricolage Grotesque font family
• html2pdf.js: Client-side PDF generation
• Toastify.js: Toast notifications

🚀 Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Safari, or Edge)
• A local web server (optional, for development)

Running Locally

1. Clone the repository:

   git clone https://github.com/gcl140/gcl140.github.io.git

2. Navigate to the project directory:

   cd gcl140.github.io

3. Open index.html in your browser or use a local server:

   # Using Python 3
   python -m http.server 8000
   
   # Using Node.js (with http-server)
   npx http-server

4. Visit http://localhost:8000 in your browser

📁 Project Structure

gcl140.github.io/
├── index.html          # Main HTML file
├── index.css           # Custom CSS styles
├── index.js            # JavaScript functionality
├── bg.png              # Background image
├── prof.jpeg           # Profile photo
├── resume.pdf          # Resume PDF
├── CNAME               # Custom domain configuration
├── images/             # Image assets
│   ├── home/          # Homepage images
│   ├── icon/          # Icon images
│   └── logo/          # Logo images
└── README.md           # This file

📧 Contact

• Email: [email protected]
• Phone: +1 603 322 0818
• GitHub: @gcl140
• LinkedIn: giftchristian
• Instagram: @gcl.140

📄 License

This project is open source and available for personal use.

---

© 2026 Gift Christian. All rights reserved.