A professional, responsive landing page created for the DevCrib Community Week 1 Friday Challenge by Ibrahim Sobur Bamidele.
This is a modern single-page website introducing myself as a Software Engineering student selected for the DevCrib Community program at Federal University Dutse. The page features a sleek design with smooth animations and interactive elements.
- Modern Header: Fixed navigation with blur effect and hover animations
- Hero Section: Eye-catching gradient background with badge animation
- About Section: Personal introduction with skill tags and motto card
- Contact Section: Interactive contact cards with hover effects
- Responsive Design: Optimized for all device sizes
- Smooth Animations: CSS-based transitions and keyframe animations
- HTML5
- CSS3 (Grid, Flexbox, Media Queries, Custom Properties)
- GitHub Pages (for hosting)
- AI Chat Bot(For Documentation) -Vercel for Deployment
https://hello-devcribamie.vercel.app/
- Clone or download the project files
- Replace placeholder text (
My Own Name, contact details) with your information - Upload to GitHub repository
- Enable GitHub Pages in repository settings
- Your site will be live at
https://[your-username].github.io/[repository-name]
- Update personal information in
index.html - Modify colors in CSS
:rootvariables - Adjust animations and transitions as needed
- Add or remove sections based on requirements
Building this landing page was an excellent exercise in modern web development. I focused on creating a professional design with attention to detail in the header navigation, which now features a sleek blur effect and smooth hover animations. The implementation taught me valuable lessons about CSS positioning, grid layouts, and responsive design principles.
The most challenging aspect was ensuring the design maintained its elegance across different screen sizes while keeping the code clean and maintainable. I particularly enjoyed implementing the gradient backgrounds and interactive card components that elevate the user experience.
Through this project, I strengthened my understanding of CSS custom properties, flexbox, and grid systems. The experience reinforced the importance of mobile-first design and performance optimization in modern web development.