https://github.com/c-mohammed-zaid/cognifyz

A Collection of Web Development projects showcasing skills in HTML, CSS, JavaScript and front-end frameworks, including responsive designs and interactive features.
https://github.com/c-mohammed-zaid/cognifyz

bootstrap bulma html-css-javascript

Last synced: about 1 month ago
JSON representation

A Collection of Web Development projects showcasing skills in HTML, CSS, JavaScript and front-end frameworks, including responsive designs and interactive features.

• Host: GitHub
• URL: https://github.com/c-mohammed-zaid/cognifyz
• Owner: C-MOHAMMED-ZAID
• Created: 2024-08-24T17:27:22.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-09-09T03:20:17.000Z (2 months ago)
• Last Synced: 2024-10-15T17:25:30.958Z (about 1 month ago)
• Topics: bootstrap, bulma, html-css-javascript
• Language: HTML
• Homepage:
• Size: 1.98 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Web Development Projects

This repository contains a collection of web development projects I worked on during my internship at Cognifyz Technologies. Each project showcases my skills in HTML, CSS, JavaScript, and front-end frameworks.

## Project 1: Basic Webpage and Form

- Created a simple webpage with a heading, paragraph, and image using HTML and CSS.

- Built a basic form with a single input field and a submit button using HTML and CSS.

- Designed and coded a simple navigation menu with three links using HTML and CSS.

## Project 2: JavaScript Interactions

- Developed a basic button that changes its color when clicked using JavaScript.

- Created an alert box that displays a greeting message based on the current time using JavaScript.

- Built a basic calculator that adds two numbers together and displays the result using JavaScript.

## Project 3: Front-end Frameworks

- Used Bulma to create a responsive card component with an image and text.

- Implemented a basic responsive grid layout using Bootstrap.

## Project 4: Responsive Web Design

- Converted a basic webpage into a responsive design that adapts to different screen sizes using CSS media queries.

- Created a mobile-friendly navigation menu that collapses into a hamburger menu on smaller screens using HTML and CSS.

## Technologies Used

- HTML

- CSS

- JavaScript

- Bulma

- Bootstrap

## Installation

1. Clone the repository: `git clone https://github.com/c-mohammed-zaid/cognifyz.git`

2. Navigate to the project directory: `cd web-development-projects`

3. Open the desired project in your preferred code editor.

## Usage

Each project has its own set of HTML, CSS, and JavaScript files. You can open the HTML files in a web browser to view and interact with the projects.

## Contributing

If you find any issues or have suggestions for improvements, feel free to create a new issue or submit a pull request.

## License

This project is licensed under the [MIT License](LICENSE).