Blackadam Project

Description

This project is a simple, responsive webpage built using modern CSS techniques like CSS Grid, Flexbox, and CSS Transforms. The webpage also integrates Google Fonts for custom typography.

Features

• Responsive Design: Adjusts to various screen sizes, from mobile to desktop.
• CSS Grid & Flexbox: Used for creating a flexible and adaptable layout.
• Google Fonts: Enhanced typography using custom fonts.
• CSS skewY() Transform: Adds a stylish visual effect.

Technologies Used

• HTML5: For the website structure.
• CSS3:For layout, responsiveness, and visual styling
  • CSS Grid: For grid-based layout.
  • CSS FlexBox: For flexible layout alignments.
  • CSS Transforms: skewY() to add visual effects.
  • CSS Pseudo-elements: ::after to add enhance borders and additional effects.

Installation

To use this component, follow these steps:

1. Clone the repository:

   git clone https://github.com/slyde619/blackadam
   

2. Navigate to the project directory

   cd blackdadm

3. Open the index.html file.

Project Link

You can preview the live project here: Live Demo

Acknowledgements

• MDN
• Web3Bridge
• W3Schools