Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/opencodechicago/html-css_fundamentals_part4

This repository is a template homework repository for lesson 4 in OpenCodeChicago community where we will learn about colors and image optimization
https://github.com/opencodechicago/html-css_fundamentals_part4

css css-flexbox css3 frontend html html-css html-template html5 html5-css3 mentorship open-source opencodechicago webdev webdeveloper webdevelopment

Last synced: about 1 month ago
JSON representation

This repository is a template homework repository for lesson 4 in OpenCodeChicago community where we will learn about colors and image optimization

Awesome Lists containing this project

README

        

# HTML/CSS Fundamentals: Colors and Image Optimization

[![GitHub last commit](https://img.shields.io/github/last-commit/OpenCodeChicago/HTML-CSS_fundamentals_part4)](https://github.com/OpenCodeChicago/HTML-CSS_fundamentals_part4/commits/main)
[![GitHub license](https://img.shields.io/github/license/OpenCodeChicago/HTML-CSS_fundamentals_part4)](https://github.com/OpenCodeChicago/HTML-CSS_fundamentals_part4/blob/main/LICENSE)

> This repository expands on **HTML** and **CSS** fundamentals, with a particular focus on **colors** and **image optimization**.

---

## What We Covered

In this lesson, we explored the following key concepts:

**Figma Design**: https://www.figma.com/design/iHl3A3APDrKguJrxA4l1O6/Untitled?node-id=0-1&t=HqVPgqDloQwl2R9a-1

---

### Screenshots:

![Open Code Chicago](images/colors.jpg) _Screenshot 1
(Figma Design)_

---

## Getting Started

To explore the content of this repository:

1. **Clone the Repository**:
```bash
git clone https://github.com/OpenCodeChicago/HTML-CSS_fundamentals_part4.git
```
2. **Open the Project**:
Open the `index.html` file in your browser to see the basic structure and styling in action.
3. **Edit and Experiment**:
Modify the HTML and CSS files to see how changes affect the appearance and structure of the web page.

---

## Folder Structure

This repository follows the folder structure below:
- **`index.html`**: This is the main HTML file where the content and structure of the web page are defined.
- **`styles.css`**: This external CSS file is used for styling the HTML elements.

---

**Stay tuned as we build on these foundational skills and move toward more advanced concepts in web development.**

## Languages and Tools:

HTML5
CSS3

git

---

## Issues

If you encounter any issues or have suggestions for improvements, please let us know by [opening an issue](https://github.com/OpenCodeChicago/HTML-CSS_fundamentals_part4/issues) on GitHub.

## License

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

## Feedback

Your feedback is valuable to us! If you have any thoughts on how we can improve, please [submit feedback](https://github.com/OpenCodeChicago/HTML-CSS_fundamentals_part4/issues) or contact us directly.

## Contact Us

For any questions, suggestions, or further discussion, feel free to reach out to us:



YouTube


linkedin


Discord


stackoverflow


dribbble


behance