Personal Portfolio Website

A modern, responsive portfolio website built to showcase my projects and professional journey. The site features a clean, minimalist design with dark/light theme support and smooth scrolling animations.

🌟 Features

• Responsive Design: Fully responsive layout that adapts to all screen sizes
• Theme Switching: Toggle between dark and light themes
• Smooth Animations: Subtle fade-in and elastic bouncy animations for section transitions
• Modern UI Components:
  • Fixed header with navigation
  • Hamburger menu for mobile
  • Social media links
  • Contact section
  • Project showcase
  • About me section

🛠️ Technologies Used

• HTML5
• CSS3 (With CSS Variables)
• Vanilla JavaScript
• Tabler Icons
• SVG Graphics
• Geist Font Family

📂 Project Structure

portfolio/
├── fonts/
├── javascript/
│   ├── app.js
│   └── theme-favicon.js
├── logo/
│   ├── favicon/
│   └── [logo assets]
├── styles/
│   ├── content.css
│   ├── font.css
│   ├── footer.css
│   ├── header.css
│   └── main.css
├── index.html
├── manifest.webmanifest
└── README.md

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/Cubepad/personal-website.git

2. Open index.html in your preferred browser or set up a local server:

   # Using Python
   python -m http.server 8000
   
   # Using Node.js
   npx serve

3. The website should now be running locally!

🎨 Customization

Colors

The website uses CSS variables for easy theme customization. You can modify the colors in main.css:

:root {
  --background-color: rgb(18, 18, 18);
  --border-color: rgb(39, 39, 39);
  /* ... other color variables ... */
}

Content

Update the content in index.html to add your personal information, projects, and social media links.

📱 Responsive Breakpoints

• Mobile: Up to 768px
• Tablet: 769px to 1024px
• Desktop: 1025px and above
• Extra Large: 1920px and above

🔮 Future Enhancements

• [✅] Add project showcase section
• Implement contact form functionality
• [✅] Enhance animations & UI

📄 License

Copyright © 2025 David Olaniyan. All rights reserved.

📬 Contact

• Email: [email protected]
• GitHub: Cubepad

---

Feel free to reach out if you have any questions or suggestions!