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.
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.
-
index.html
- The main HTML file for the repository.
-
README.md
- This file, providing an overview of the repository.
-
Clone the Repository:
git clone {repository-URL}
-
Navigate to the Directory:
cd geeks-module-3
-
Open the Files: Open the HTML files in your preferred code editor (e.g., Visual Studio Code) to explore the examples and exercises.
-
View in Browser: Open the HTML files in your web browser to see the rendered output.
If you have any suggestions or improvements, feel free to create a pull request or open an issue.
This repository is licensed under the MIT License. See the LICENSE file for more information.
Shobhit Jaryal