Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/sergeiown/beetrooteducationlesson16

Scalable Vector Graphics
https://github.com/sergeiown/beetrooteducationlesson16

css3 figma html5 svg svg-icons svg-sprites

Last synced: about 1 month ago
JSON representation

Scalable Vector Graphics

Awesome Lists containing this project

README

        

# BeetRootEducation

_LMS Beetroot Academy progress_

### TASKS

**Required:**

- Make the layout - [Freehand](https://www.figma.com/file/X5pUiuIm5iIGsG34XntSOy/SVG---Freehand-landing)

> Services section - **insert SVG code directly into the element**, add hover state.
>
> Footer - **insert icons using SVG sprite**, add hover state.

**Extra:**

- Practice creating SVGs manually.

> Create all SVG images - [link.](https://lms.beetroot.academy:3005/bafile/fd9c0623-37fb-4fe4-bd8d-fe84a633a420.zip?bearer=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJieCI6dHJ1ZSwiYnhzIjp0cnVlLCJ1c2VyTmFtZSI6IlNlcmhpaSBNeXNoa28iLCJ1c2VyIjp7ImlkIjoiY2w4ajE5bmdmMXBiMTA3MjcwZGhhN3RsayIsInVzZXJOYW1lIjoiU2VyaGlpIE15c2hrbyIsImVtYWlsIjoic2VyZ2Vpb3duQGdtYWlsLmNvbSIsImFjdGl2YXRlZCI6dHJ1ZSwiaXNHZHByIjp0cnVlLCJ0ZXJtT2ZVc2UiOnRydWUsInJvbGVzIjpbIlJPTEVfU1RVREVOVCJdLCJhdmF0YXIiOiI5MmE5YTkwMS1hMzAzLTQwYzEtYTU3NC05ODRkZGEyOWRlMWYuanBnIiwicHJvZmlsZSI6eyJhdmF0YXIiOnsicGF0aCI6IjkyYTlhOTAxLWEzMDMtNDBjMS1hNTc0LTk4NGRkYTI5ZGUxZi5qcGcifX0sImNpdHkiOnsiaWQiOiJjanhxZm11cHkwMDB6MDgzNmZlMm5ncGlnIiwibmFtZSI6ItCa0LjRl9CyIn19LCJpYXQiOjE2NjgwNzkxMjksImV4cCI6MTY2ODY4MzkyOX0.zQ3ZeQSU9fiwFiHy5G4dxYcvaWIZ1L20J9-mz3wi-5k)

![image](https://user-images.githubusercontent.com/112722061/222780597-ab065872-c391-44c0-8b24-a1aad582fcd9.png)