https://github.com/stefruseva88/html-css-styles-part3

HTML/CSS for creating and styling different web page layouts
https://github.com/stefruseva88/html-css-styles-part3

html-css-javascript layouts

Last synced: 8 months ago
JSON representation

HTML/CSS for creating and styling different web page layouts

• Host: GitHub
• URL: https://github.com/stefruseva88/html-css-styles-part3
• Owner: StefRuseva88
• License: mit
• Created: 2024-07-22T14:45:10.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-28T17:23:41.000Z (11 months ago)
• Last Synced: 2024-11-28T18:29:09.615Z (11 months ago)
• Topics: html-css-javascript, layouts
• Language: CSS
• Homepage:
• Size: 155 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# HTML and CSS - Part 3

[![Font Awesome](https://img.shields.io/badge/Font%20Awesome-005C7F.svg)](https://fontawesome.com/)

[![CSS](https://img.shields.io/badge/Made%20with-CSS-1572B6.svg)](https://developer.mozilla.org/en-US/docs/Web/CSS)

[![HTML](https://img.shields.io/badge/Made%20with-HTML-E34F26.svg)](https://developer.mozilla.org/en-US/docs/Web/HTML)

### This is a project for Front-End Technologies May 2024 Course @ SoftUni

---

## Table of Contents

1. [Media Queries in Typography](#media-queries-in-typography)

2. [Responsive Forms](#responsive-forms)

3. [Responsive Media Boxes](#responsive-media-boxes)

4. [Landing Page](#landing-page)

5. [Responsive Tables](#responsive-tables)

6. [Responsive Vertical Timeline](#responsive-vertical-timeline)

7. [Tag Cardio: Form](#tag-cardio-form)

8. [Tag Cardio: Input](#tag-cardio-input)

9. [Tag Cardio: Textarea](#tag-cardio-textarea)

10. [Tag Cardio: Label](#tag-cardio-label)

11. [Tag Cardio: Button](#tag-cardio-button)

12. [Tag Cardio: Fieldset Legend](#tag-cardio-fieldset-legend)

13. [Tag Cardio: Select Option](#tag-cardio-select-option)

14. [Tag Cardio: Datalist](#tag-cardio-datalist)

15. [License](#License)

16. [Contact](#Contact)

## Media Queries in Typography

Enhance user experience by adjusting font sizes based on screen dimensions, ensuring readability across devices.

## Responsive Forms

Creates a responsive login form with FontAwesome icons and focus state styles.

## Responsive Media Boxes

Designs a responsive section with media boxes, utilizing specific colors and fonts.

## Landing Page

Creates a multi-section landing page that is fully responsive.

## Responsive Tables

Designs a responsive table with specified columns and includes reset and typography styles.

## Responsive Vertical Timeline

Builds a vertical timeline with responsive design and styled articles.

## Tag Cardio: Form

Creates a web page using the ``form`` tag.

## Tag Cardio: Input

Designs a web page using the ``input`` tag with type "text" within a form.

## Tag Cardio: Textarea

Creates a web page using the ``textarea`` tag.

## Tag Cardio: Label

Builds a web page using the ``label`` tag.

## Tag Cardio: Button

Creates a web page using the ``button`` tag.

## Tag Cardio: Fieldset Legend

Designs a web page using the ``fieldset`` tag with legend.

## Tag Cardio: Select Option

Creates a web page using ``select`` and ``option`` tags.

##  Tag Cardio: Datalist

Builds a web page using the ``datalist`` tag within a form.

## License

This project is licensed under the [MIT License](LICENSE). See the [LICENSE](LICENSE) file for details.

## Contact

For any questions or suggestions, please open an issue in the repository.