This is a solution to the CC Global Summit 2015 by Cindy Shin. Also the content of this challenge is customized based on Laracasts website.

• Overview
  • The challenge
  • Screenshot
  • Links
  • Setup
• My process
  • Built with
• Author
• Contributing
• Acknowledgments

Users should be able to:

• View the optimal layout for the app depending on their device's screen size.
• The home page should have a link in the menu to the about page.
• The logo in the header links to the home page.
• When the user clicks (or taps) the hamburger button on the header, the mobile menu appears over the page.
• There are no guidelines for the mobile menu in the docs, but you should implement it so it is consistent with the design (colors, typography, spacings, etc.).
• The mobile menu should have a close (X) button that closes the menu.
• The section "Featured speakers" should be created dynamically in JavaScript.

• Screenshot of the solution
• Screenshot of the solution

• Challenge URL: https://www.behance.net/gallery/29845175/CC-Global-Summit-2015/
• Live Site URL: https://mahdisohaily.github.io/Programing-Bootcamp/

To run this project you have to follow the following steps.

• git clone https://github.com/MahdiSohaily/Programing-Bootcamp.git
• cd Programing-Bootcamp
• npm run install
• npm run css-compile
• npm run server

Also take a look to the package.json file for other available options.

• Semantic HTML5 markup
• CSS custom properties
• Flex box
• CSS Grid
• Mobile-first workflow
• stylelint
• Auto autoprefixer
• Post CSS
• Purge CSS
• bootstrap - frontend framework
• sass - CSS preprocessor
• vite.js - Vite is a build tool

👤 Mahdi Rezaei

• LinkedIn - @MahdiSohaily
• Twitter - @Mahdi_Rezaei_AF

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Give a ⭐️ if you like this project!

• This is a solution to the CC Global Summit 2015 by Cindy Shin.
• Also the content of this challenge is customized based on Laracasts website.

This project is MIT licensed.