Skip to content

SJ22032003/geeks-module-3

Repository files navigation

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:

    git clone {repository-URL}
  2. Navigate to the Directory:

    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

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