Skip to content

Latest commit

 

History

History
100 lines (70 loc) · 2.97 KB

README.md

File metadata and controls

100 lines (70 loc) · 2.97 KB
Raw

CC Global Summit 2015 - Cindy Shin

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.

Table of contents

Overview

The challenge

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

  • Screenshot of the solution Solution Screenshot
  • Screenshot of the solution Solution Screenshot

Links

Setup

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.

My process

Built with

  • 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

Author

👤 Mahdi Rezaei

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

📝 License

This project is MIT licensed.