Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sj22032003/geeks-module-3
This is a repo for students on module 3
https://github.com/sj22032003/geeks-module-3
animation-css css flexbox grid hmtl5 learn-to-code position project tailwindcss web-development
Last synced: 1 day ago
JSON representation
This is a repo for students on module 3
- Host: GitHub
- URL: https://github.com/sj22032003/geeks-module-3
- Owner: SJ22032003
- Created: 2024-08-14T15:59:58.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-11-02T10:38:38.000Z (2 months ago)
- Last Synced: 2024-11-10T07:10:21.337Z (about 2 months ago)
- Topics: animation-css, css, flexbox, grid, hmtl5, learn-to-code, position, project, tailwindcss, web-development
- Language: HTML
- Homepage:
- Size: 12 MB
- Stars: 4
- Watchers: 1
- Forks: 12
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Web Development Basics
Welcome to the Web Development Basics repository! This repository is designed for students who are learning the fundamentals of web development. It contains various exercises and examples to help you understand HTML, CSS, and basic web design principles.
## Repository Structure
The repository is organized into several directories, each focusing on different aspects of web development:
- **DAY-1-INTRO-TO-HTML/**
- `Geek.html`
- `hello.html`
- `resume.html`
- `images/`
- `screen-shots/`
- `screen-shots-2/`
- **DAY-2-BLOCK-N-INLINE/**
- `block_and_inline.html`
- `table.html`
- `screen-shot/`
- **DAY-3-FORMS/**
- Various exercises related to HTML forms.
- **DAY-4-HTML-5/**
- Exercises focusing on HTML5 semantic tags.
- **DAY-5-INTRO-CSS/**
- Introduction to CSS with examples.
- **DAY-6-UNITS/**
- Examples demonstrating different CSS units.
- **DAY-7-TEXT-POSTION/**
- Exercises on text positioning in CSS.
- **DAY-8-FLEX-BOX/**
- Examples and exercises on CSS Flexbox.
- **DAY-9-GRID/**
- Examples and exercises on CSS Grid.
- **DAY-10-MEDIA-ANIMATIONS/**
- Exercises on media queries and animations.
- **DAY-11-TAILWINDCSS/**
- Examples using Tailwind CSS.
- **grid-project/**
- A project demonstrating the use of CSS Grid.
- **tailwind-project/**
- A project demonstrating the use of Tailwind CSS.
- **youtube-clone-geek/**
- A project to create a YouTube clone.
## Key Files
- **index.html**
- The main HTML file for the repository.
- **README.md**
- This file, providing an overview of the repository.
## How to Use
1. **Clone the Repository:**
```sh
git clone {repository-URL}
```
2. **Navigate to the Directory:**
```sh
cd geeks-module-3
```
3. Open the Files: Open the HTML files in your preferred code editor (e.g., Visual Studio Code) to explore the examples and exercises.
4. View in Browser: Open the HTML files in your web browser to see the rendered output.
## Learning Resources
- [W3Schools](https://www.w3schools.com/)
- [MDN Web Docs](https://developer.mozilla.org/en-US/)
- [CSS Tricks](https://css-tricks.com/)
## Contributors
If you have any suggestions or improvements, feel free to create a pull request or open an issue.
## License
This repository is licensed under the MIT License. See the LICENSE file for more information.
## Author
Shobhit Jaryal