I designed this Creative Digital Agency Website as part of my frontend practice, focusing on HTML, CSS, and JavaScript. The project explores responsive design with CSS Grid, featuring a dynamic layout and a JavaScript-based hamburger menu for mobile devices. The website incorporates additional features such as Google Maps integration, a customized scrollbar, a "Go to Top" button, and utilizes Google Fonts for typography, along with Font Awesome icons for enhanced visual elements.
To run this project locally, follow these steps:
-
Clone the repository to your local machine.
git clone https://github.com/ramzancodeclub/creative-digital-agency.git
-
Open the project folder in your code editor.
-
Open the
index.html
file in your web browser.
Explore the Creative Digital Agency Website:
-
Open the live demo or run it locally.
-
Navigate through the blog posts and discover valuable resources for the DeafBlind community.
- HTML
- CSS (including CSS Grid)
- JavaScript
- Google Fonts
- Font Awesome icons
- Responsive design with CSS Grid
- JavaScript-based hamburger menu for mobile devices
- Google Maps integration
- Customized scrollbar
- "Go to Top" button for improved navigation
- Typography using Google Fonts
- Visual elements with Font Awesome icons
- Muhammad Ramzan - Project Creator
This project is licensed under the MIT License.
If you'd like to contribute to the project, follow these steps:
- Fork the project.
- Create a new branch for your feature:
git checkout -b feature-name
. - Commit your changes:
git commit -m 'Add new feature'
. - Push to the branch:
git push origin feature-name
. - Open a pull request.
The project includes a set of tests to ensure the functionality is working as expected. To run the tests, use the following command:
npm test