https://github.com/miguelitodev/uiclone-ifood

UIClone do Ifood feito apenas com HTML e CSS para aplicar contéudo aprendido nas aulas de HTML e CSS da @Alura
https://github.com/miguelitodev/uiclone-ifood

ifood ifood-clone uiclone website

Last synced: about 1 month ago
JSON representation

UIClone do Ifood feito apenas com HTML e CSS para aplicar contéudo aprendido nas aulas de HTML e CSS da @Alura

• Host: GitHub
• URL: https://github.com/miguelitodev/uiclone-ifood
• Owner: miguelitodev
• Created: 2021-05-25T15:53:29.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-06-02T15:25:47.000Z (over 3 years ago)
• Last Synced: 2023-10-31T23:27:32.512Z (about 1 year ago)
• Topics: ifood, ifood-clone, uiclone, website
• Language: HTML
• Homepage: https://miguelrisquelme.github.io/uiclone-ifood/
• Size: 556 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

 
 Clone | Official
 


UI Clone IFood




Hello this is a project made to apply the knowledge obtained in the courses of Git, HTML, CSS from Alura. It was two days of development where I was able to apply more advanced knowledge of CSS and use HTML5 tags correctly. The site has images from the iFood image bank itself and also links to the official site, I didn't make it responsive in the same way as the site, besides, I also decided not to make some parts of the site, so it's not a faithful clone , YET!









## Preview Images













## Contribute

if you wanna contribute in this project just follow these steps:

1. Make a fork of project

2. Do your changes

3. Open a Pull Request







## What is missing?

These tasks is issues, can be find here: Issues

- 🟥 Restaurant sliders

- 🟥 Promotions slider

- 🟥 Side Menu

- 🟥 Animation on Restaurant and Market options

- 🟥 Modal over button "Entrar"

- ✅ Hover opacity in some links

- ✅ Transition size image on options




      


## References

- Font Face CSS

- Fix Menu on Top

- Pseudo-class CSS :not()

- SVG Optimizer

- Pseudo-class CSS :nth-child()

- iFood Website

- TAG thead

- TAG article

- TAG aside

- Tabela ASCII

- Alura







Developed by  Miguel Riquelme with ❤