B

Bootstrap Icons

Digient Clone

A responsive landing page built using HTML, CSS, and Bootstrap. The project features a modern dark-themed user interface, responsive layouts with Flexbox and CSS Grid, feature cards, navigation bar, call-to-action sections, and footer design. Developed to improve front-end development skills and practice creating responsive web pages for different screen sizes.

This project is a responsive webpage built using HTML and CSS to demonstrate modern web design techniques. The page adapts seamlessly to different screen sizes using CSS Media Queries, ensuring an optimal viewing experience on mobile, tablet, and desktop devices.

The webpage features a mobile-friendly navigation menu, a responsive project showcase section created with CSS Grid, and a clean card-based layout. The navigation automatically adjusts based on screen size, while the project cards reorganize themselves into different grid layouts to make efficient use of available space.

Key Features:

Responsive design using CSS Media Queries Mobile-first approach Mobile navigation menu built with pure HTML and CSS CSS Grid layout for responsive project cards Flexbox for navigation alignment Responsive images Optimized for mobile, tablet, and desktop screens Bootstrap Icons integration