Landing page for Nii Abe Abbey Protfolio
A single-page responsive portfolio for GitHub Pages, built with Bootstrap and Tailwind CSS, using a material-inspired color scheme (#da41e7 and white).
- Left About Panel: Fixed sidebar with your name, roles, and navigation.
- Horizontal Project Sections: Web Development, Graphic Design, and Video/Motion projects are displayed in horizontally scrollable card carousels (Netflix-style).
- Scroll Navigation Arrows: Interactive left/right arrows for easy horizontal scrolling through projects.
- Project Modals: Click on any project card to view details in a popup modal.
- SEO Friendly: Includes meta tags and semantic HTML.
- Material Design Colors: Uses
#da41e7as the accent color. - Responsive: Adapts to desktop and mobile screens with optimized scrolling.
- Placeholder Images: Uses placehold.co for demo images.
- Clone or Download this repository.
- Edit
index.html:- Replace
"Your Name"and role descriptions. - Replace project titles and descriptions.
- Replace placeholder images with your own if desired.
- Replace
- Deploy to GitHub Pages:
- Push to your
mainbranch. - In your repo settings, enable GitHub Pages for the root or
/docsfolder.
- Push to your
- Colors: Change
#da41e7in the HTML or your CSS for a different accent. - Images: Replace
https://placehold.co/600x400with your project images. - Cards: Add or remove cards in each section as needed.
To preview locally, open index.html in your browser.
© 2025 Nii Abe.