https://github.com/kayke-fujinaka/lemonpepper
🍕 A website for a pizzeria called LemonPepper!!!
https://github.com/kayke-fujinaka/lemonpepper
css javascript rocketseat
Last synced: 11 months ago
JSON representation
🍕 A website for a pizzeria called LemonPepper!!!
- Host: GitHub
- URL: https://github.com/kayke-fujinaka/lemonpepper
- Owner: Kayke-Fujinaka
- Created: 2022-05-02T21:07:03.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2023-03-26T20:32:47.000Z (over 3 years ago)
- Last Synced: 2025-04-02T19:41:41.653Z (over 1 year ago)
- Topics: css, javascript, rocketseat
- Language: HTML
- Homepage: https://kayke-fujinaka.github.io/LemonPepper/
- Size: 53.8 MB
- Stars: 8
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🍕 LemonPepper
> A website for a pizzeria called LemonPepper!!!
## :page_facing_up: Explanation
The application was created in collaboration with Rocketseat's NLW Origin event, which classes were guided by Mayk Brito.
The site is called "LemonPepper" and it is a Landing Page. It has some sections such as Home, Menu, Testimonials, About Us and Contact. It was started with Mobile First and later transformed to Desktop.
LemonPepper is a fictional pizzeria that simulates having more than 58 stores spread throughout Brazil.
## :dart: Steps ##
:heavy_check_mark: Starting with Mobile First ;\
:heavy_check_mark: Container Home Structuring and Styling;\
:heavy_check_mark: Finishing Container Home;\
:heavy_check_mark: Mobile Navigation Menu along with JavaScript;\
:heavy_check_mark: Services and About Section Structuring and Styling;\
:heavy_check_mark: Applying smoother scrolling with smooth scrolling;\
:heavy_check_mark: #home, #services and #about ID selector;\
:heavy_check_mark: Contact Section Structuring and Styling;\
:heavy_check_mark: Footer Structuring and Styling;\
:heavy_check_mark: Putting my Whatsapp Link in the "Schedule your Appointment";\
:heavy_check_mark: #contact and #about ID selector;\
:heavy_check_mark: Standardize buttons;\
:heavy_check_mark: Back to top button;\
:heavy_check_mark: Change the page colors;\
:heavy_check_mark: Fixing responsiveness up to 320px;\
:heavy_check_mark: Setting to Desktop;\
:heavy_check_mark: Changing the site color to red;\
:heavy_check_mark: Fixing some details like emoji, paragraphs, titles and etc;\
:heavy_check_mark: Testimonials section;\
:heavy_check_mark: Done.
## :rocket: Technologies
The following tools were used in this project:
- [Html](https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/html/)
- [CSS](https://developer.mozilla.org/pt-BR/docs/Web/CSS)
- [JavaScript](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript)
## 🤝 Contributors
We want to thank the following people who contributed to this project:
## 📝 License
This project is under license. See the [LICENSE](LICENSE.md) file for more details.
