Personal Portfolio Website

A modern, responsive portfolio website showcasing my skills, projects, and professional experience as a Full Stack Developer.

🚀 Features

• Responsive Design: Fully responsive layout that works on all devices
• Modern UI: Clean and professional interface using Tailwind CSS
• Interactive Elements:
  • Smooth animations and transitions
  • Interactive project cards
  • Dynamic typewriter effect
  • Responsive navigation with hamburger menu
• Optimized Performance: Fast loading times with lazy-loaded images
• Contact Form: Integrated contact form for easy communication
• Project Showcase: Grid layout featuring key projects with live demos

🛠️ Technologies Used

• HTML5: Semantic markup for better accessibility and SEO
• CSS3: Custom styling with modern CSS features
  • Flexbox and Grid for layouts
  • CSS Variables for consistent theming
  • Animations and transitions
• JavaScript: Interactive features and animations
  • GSAP for scroll animations
  • Custom typewriter effect
• Tailwind CSS: Utility-first CSS framework for modern styling
• Font Awesome: Icons and social media buttons
• Google Fonts: Custom typography

📱 Sections

1. Hero: Introduction with typewriter effect and social links
2. About: Professional background and expertise in MERN stack development
3. Projects: Showcase of recent work with live demos
4. Skills: Technical skills and technologies
5. Services: Professional services offered
6. Contact: Contact form and social media links

🚦 Getting Started

1. Clone the repository:

   git clone https://github.com/HPTech4/portfolio.git

2. Navigate to the project directory:

   cd portfolio

3. Open index.html in your browser:

   • You can use a local development server like Live Server in VS Code
   • Or simply open the file in your browser

💻 Development

To modify the portfolio:

1. HTML: Edit index.html for content changes
2. CSS: Modify style.css for styling changes
3. JavaScript: Update script.js for functionality changes
4. Assets: Add images to the Assets folder

📝 Customization

1. Colors: Update CSS variables in style.css
2. Content: Modify text in index.html
3. Projects: Add your projects in the projects section
4. Images: Replace images in the Assets folder
5. Contact: Update the contact form action URL

🌐 Deployment

The site can be deployed on any web hosting platform:

• GitHub Pages
• Netlify
• Vercel
• Any traditional web hosting

📄 License

This project is open source and available under the MIT License.

🤝 Contact

Alimi Azeez Opeyemi

• Email: alimiazeez4@gmail.com
• LinkedIn: Alimi Azeez Opeyemi
• GitHub: HPTech4
• Twitter: @HPTech_

---

Feel free to star ⭐ this repository if you find it helpful!