CV Landing Page

A professional and fun landing page showcasing your CV and career timeline.

🚀 Features

• Modern Design: Stunning gradient backgrounds with glassmorphism effects
• Responsive: Fully responsive design that works on all devices
• Interactive: Smooth animations, parallax effects, and hover interactions
• Career Timeline: Visual timeline showcasing your professional journey
• Skills Showcase: Organized skill categories with interactive badges
• Contact Section: Easy ways to connect via email and social media

📁 Project Structure

cv-landing-page/
├── index.html      # Main HTML file
├── styles.css      # Complete CSS with design system
├── script.js       # Interactive JavaScript
└── README.md       # This file

🎨 Customization

Update Your Information

1. Personal Details (in index.html):

   • Replace "Malek Ziad" with your name
   • Update the hero subtitle and description
   • Change email address and social links

2. Career Timeline:

   • Edit the timeline items with your actual work experience
   • Update dates, companies, and descriptions
   • Modify or add technology tags

3. Skills:

   • Update skill categories and badges to match your expertise
   • Add or remove skill sections as needed

4. Profile Photo:

   • Replace the avatar placeholder with your photo
   • Update the .avatar-placeholder section in the HTML

Color Scheme

The design uses CSS variables for easy customization. Edit these in styles.css:

:root {
    --primary: #667eea;
    --secondary: #f5576c;
    --accent: #00f2fe;
    /* ... more variables */
}

🌐 Deployment

Option 1: GitHub Pages

1. Create a GitHub repository
2. Push your code
3. Enable GitHub Pages in repository settings
4. Your site will be live at https://yourusername.github.io/repo-name

Option 2: Netlify

1. Drag and drop the folder to Netlify Drop
2. Your site will be live instantly with a custom URL

Option 3: Vercel

1. Install Vercel CLI: npm i -g vercel
2. Run vercel in the project directory
3. Follow the prompts

📱 Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

💡 Tips

• Update the meta description for better SEO
• Add your actual profile photo for a personal touch
• Customize the color scheme to match your personal brand
• Add more sections if needed (e.g., Projects, Testimonials)

📄 License

Feel free to use this template for your personal portfolio!

---

Built with ❤️ and modern web technologies