Create the following template with Astro. On the social media icons, display only GitHub and LinkedIn, with a button next to it that says "Download CV."
In the projects below, they will be GitHub projects, so improve the design to make them look that way.
Astro Portfolio Template
I'll create a clean, dark-themed portfolio template using Astro that matches the design in your image, with the requested modifications for social icons and GitHub-styled projects.
Features
This Astro portfolio template includes:
- Clean, Dark-Themed Design - Matching the reference image with a dark color scheme
- Profile Section - With circular profile image, name, title, and bio
- Social Links - Only GitHub and LinkedIn icons as requested, with a "Download CV" button
GitHub-Style Project Cards - Enhanced to look like GitHub repositories with:
- Language indicator with color coding
- Star count
- Fork count
- Arrow navigation indicator
- Responsive Layout - Works well on all device sizes
- Tailwind CSS - For styling
- Astro Icon Integration - For the social and UI icons
How to Use
- Install dependencies:
npm install- Run the development server:
npm run dev- Build for production:
npm run buildTo customize:
- Update the profile information in
ProfileCard.astro - Modify project details in the
projectsarray inindex.astro - Replace the placeholder profile image with your own
- Add your actual resume PDF to the public folder
- Update the profile information in
The template follows Astro's component-based architecture for easy maintenance and customization.
