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

https://github.com/maktoobgar/tea_project

A practical project for learning html, css and styling.
https://github.com/maktoobgar/tea_project

css html practice-project website

Last synced: 10 months ago
JSON representation

A practical project for learning html, css and styling.

Awesome Lists containing this project

README

          

# Introducing Tea Project

## John Smilga

This repository is a practice project that all of it's learning/creating process has covered by [John Smilga](https://www.udemy.com/user/janis-smilga-3/) in this huge [Udemy Course](https://www.udemy.com/course/in-depth-html-css-course-build-responsive-websites/).\
I specially thank him for teaching me how to learn frontend and getting deep in concepts and he was the best teacher of mine.\
I put other links from him over here for more if you want to know him better:\
[![](./img/github.png)](https://github.com/john-smilga) [![](./img/twitter.png)](https://twitter.com/john_smilga?lang=en) [![](./img/website.png)](https://www.johnsmilga.com/) [![](./img/youtube.png)](https://www.youtube.com/channel/UCMZFwxv5l-XtKi693qMJptA)

Tea Project

This project is the first project that is gonna teach me how to use `html`, `css` in a real life after learning the concepts and common tags and properties.

Ok... At this time(09/31/2021) the project is actually done, you can see the end results at it's domain address in tea-project.maktoobgar.ir.

## Resources

### Used Fonts

I used some open source Persian, English fonts and these are the list of them:

1. [samim-font](https://github.com/rastikerdar/samim-font)
2. [vazir-font](https://github.com/rastikerdar/vazir-font)
3. [IranNastaliq-font](https://github.com/font-store/font-IranNastaliq)

### Fontawesome

All icons in this project downloaded from [Fontawesome](https://fontawesome.com/).

### Pictures

All of the pictures used in this project, downloaded from [Pexels](https://www.pexels.com/).

**Note**: Feel free to use from these resources cause all of them are free and can be used by anyone.

### Important

**Note**: fontawesome needed to host this right.

## Demo

This is the demo of the output for the project.
![](./img/demo.png)