Bootstrap-powered portfolio

About

🖤

Recreation New style portfolio utilizing Bootstrap (v5.3.0).

View Project ⭐

Feautres

• Bootstrap-powered HTML structure containing sections: about, projects list, counter feature, testimonials and contact
• On-page responsive navigation bar with on-scroll behaviour
• A hero section featuring a video background
• Fully Responsive layout
• Animations: on scroll appearance, marquee, typing effect
• Modal contact form + on-page section for accessibility
• Auto-turn animations and moving elements off for users on devices with defined preferences
• Accessible integration of FontAwesome

Credits

• Unsplash for main video background.
• WCAG Contrast Checker
• WAVE Web accessibility evaluation tool
• BunnyFonts. 🐇 The Didact Gothic Project Authors || The JetBrains Mono Project Authors
• Gebril Font
• FontAwesome
• Swiper slider
• Purecounter
• Prism code highlighting

JS snippets from:

• On-scroll animations
• Skills list scroll animation¹

CSS CTA button inspired by:

• Carlos Ortega

License

Licenced under the CC BY-NC 4.0 license.

Copyright © 2023 Alexandra Batrak

Footnotes

1. Edited to fix error with negative margin and first element never appending to the last correctly. ↩