Skip to content

niiabe/niiabe.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

66 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

portfolio

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).

Features

  • 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 #da41e7 as the accent color.
  • Responsive: Adapts to desktop and mobile screens with optimized scrolling.
  • Placeholder Images: Uses placehold.co for demo images.

Usage

  1. Clone or Download this repository.
  2. Edit index.html:
    • Replace "Your Name" and role descriptions.
    • Replace project titles and descriptions.
    • Replace placeholder images with your own if desired.
  3. Deploy to GitHub Pages:
    • Push to your main branch.
    • In your repo settings, enable GitHub Pages for the root or /docs folder.

Customization

  • Colors: Change #da41e7 in the HTML or your CSS for a different accent.
  • Images: Replace https://placehold.co/600x400 with your project images.
  • Cards: Add or remove cards in each section as needed.

Live Demo

To preview locally, open index.html in your browser.


© 2025 Nii Abe.

About

Landing page for Nii Abe Abbey Protfolio

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors