Flower-e-shop

devlopment of the flower shop and holiday bouquets.
A bright color scheme, a 12-column grid and the principle of atomic design were chosen.
First I create “atoms” - product cards. Combining them, I build the main and internal pages.

Flower eshop

This project is part of the Microverse CSS3 and HTML curriculum!


Explore the docs »




View Demo
·
Report Bug
·
Request Feature

Table of Contents

• About the Project
  • Built With
• Live Version
• Contact
• Acknowledgements

About The Project

Here are the objectives for this project:

• Use as many Bootstrap classes as possible to re create this website
  • Bootstrap has classes almost for everything: background, font-weight, color, position, display, grid (rows and cols), margin padding, height etc..
  • I had to use a few clases only for the specifics: colors, font-family and also for hovering the elements.

This is also part of the Odin project curriculum

Built With

This project was built using these technologies.

• Bootstrap
• HTML
• CSS3
• Stickler
• VsCode
• Jquery
• Jquery UI
• Swiper.js

Live version

You can see it here

Contact

👤 Adam Allalou - twitter: @AdamAllalou - github: @Adamclasic - gmail: aabou9@gmail.com

Acknowledgements

• The Odin Project
• HTML Cheat Sheet
• Bootstrap Documentation
• Designer