holberton-smiling-school

• This is a fullstack web specialization project at Holberton school.
• The goal of this project is a implement a Figma design template in HTML, CSS and Bootstrap
• The project has no guiding instructions.
• There are 3 page to implement.
• There are 3 different layout (desktop, tablet and mobile) for each page.

Requirements

• We have to use Bootstrap.
• Our styles.css must be as small as you can - we must use as much as we can Bootstrap classes.
• The web pages have to be responsive.
• Will have import fonts from Google, JQuery and Bootstrap CSS/JS.

Best practices to follow for this project

• Use Bootstrap as much as possible.
• Use personalized CSS as little as possible.

Design informations

• Web pages must switch to the tablet version when the screen width is 768px
• Web pages must switch to the mobile version when the screen width is 576px
• button hover/active: opacity: 0.9

Pages Designs Screenshots

Homepage Designs

Homepage desktop design

Homepage tablet design

Homepage mobile design

Courses Designs

Courses desktop design

Courses tablet design

Courses mobile design

Pricing Designs

Pricing desktop design

Pricing tablet design

Pricing mobile design

AUTHOR

Atef Mechken : LinkedIn | GitHub | Twitter

AUTHOR DESCRIPTION

Since my early years, I have been pretty active in social activity such as my 2 years as a member of Electronic Tunisian Legends one of the more popular organisation in media and vidéo game community in Tunisia. Also my experience as a Co-Marketing Manager in Hult Prize University of Souse helped me a lot enlarging my knowledge in the marketing field, combined with my computer skills I managed to be the winner team of the Hult Prize 2019 local competition and qualified me to reach the regional of that year.