Skip to content

In this repository, I have built a simple website for a programming course. It has an introduction to the website, instructors, and courses. I have built this project using HTML5, CSS3, and Vanilla JS.

License

Notifications You must be signed in to change notification settings

MahdiRezaeiDev/Programing-Bootcamp

Repository files navigation

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.

About

In this repository, I have built a simple website for a programming course. It has an introduction to the website, instructors, and courses. I have built this project using HTML5, CSS3, and Vanilla JS.

Topics

Resources

License

Stars

Watchers

Forks