Modern Portfolio Website

A sleek, interactive personal portfolio website showcasing professional work and skills. Built with modern web technologies and featuring smooth animations, custom cursor effects, and responsive design.

🌟 Features

• Modern UI/UX Design

  • Custom animated cursor
  • Smooth scroll effects
  • Interactive elements with hover animations
  • Glassmorphic design elements
  • Responsive layout for all devices

• Hero Section

  • Animated code preview with syntax highlighting
  • Dynamic background effects
  • Staggered fade-in animations

• Project Showcase

  • Clean grid layout
  • Project cards with hover effects
  • Detailed project information

• Contact Section

  • Social media links
  • Contact form
  • Professional footer

🚀 Technologies Used

• HTML5
• Tailwind CSS
• Vanilla JavaScript
• Font Awesome Icons
• Google Fonts

🎨 Customization

Colors

The website uses a carefully selected color palette:

• Primary Blue: #3b82f6
• Secondary Dark: #1e293b
• Background: #f8fafc

Adding Projects

To add new projects, modify the projects section in index.html:

<div class="project-card">
    <img src="path/to/image.jpg" alt="Project Name">
    <h3>Project Name</h3>
    <p>Project Description</p>
</div>

📱 Responsive Design

The portfolio is fully responsive and optimized for:

• Desktop (1200px+)
• Tablet (768px - 1199px)
• Mobile (320px - 767px)

✨ Performance

• Optimized images
• Minimal JavaScript
• Efficient CSS with Tailwind
• No jQuery dependencies
• Fast loading times

📄 License

MIT License - feel free to use this template for your own portfolio!

🤝 Contact

Suleiman Jaber

• GitHub: Suleiman700
• LinkedIn: Suleiman Jaber