Portfolio - Copy this React, Tailwind Component to your project
Here’s a prompt you can use to create a portfolio website with a modern theme and color scheme, suitable for publishing on GitHub Pages: **Modern Portfolio Website for GitHub Pages** **Project Structure**: Ensure the project follows a clear structure: `index.html`, `styles.css`, `scripts.js`, and an `assets` folder for images and icons. **Color Scheme**: Use a **dark theme** with a **monochromatic palette** (dark gray, soft whites) with accents of **electric blue** or **vibrant neon green** for highlights like buttons, links, and icons. **Typography**: Incorporate sleek fonts such as **Poppins** or **Roboto** for headings, and **Open Sans** for body text to give a minimalist yet professional look. **Sections**: 1. **Home** (Landing page with a catchy tagline, professional photo, and social media icons). 2. **About** (Short bio, background, and skills section with icons). 3. **Projects** (Showcase with interactive cards, each linking to a GitHub repo, live demo, or screenshots). 4. **Contact** (Simple form for reaching out, styled buttons, or an integrated email link). **Interactive Elements**: Add subtle hover animations for buttons and project cards, smooth scrolling between sections, and mobile responsiveness using media queries. **Footer**: Keep a minimal footer with social icons (GitHub, LinkedIn, etc.) and a copyright notice. **Hosting on GitHub Pages**: Create a `gh pages` branch and deploy the site directly from this branch via GitHub Pages settings. This will give you a professional, modern, and mobile friendly portfolio website, optimized for GitHub Pages.
