Skip to content

ozovalihasan/capstoneHtmlCss

Repository files navigation

capstoneHtmlCss

This is a Microverse project as capstone. It was developed as a requirement for Microverse HTML and CSS course.

screenshot

In this Microverse project, I built a AIRSHOW website similar to conference website . The project has 3 pages and all pages are responsive for laptop and mobile version.

Elements are aligned by using grids and flexboxes. To generate CSS code, a CSS preprocessor, SASS, is used. HTML and CSS codes are validated by using linters.

Built With

  • Html
  • CSS ( SCSS )
  • Bootstrap
  • JavaScript

Live Demo

Live Demo Link

Video presentation of this project

Getting Started

Click on the link above in order to see the Live Demo of the front end project.

To get a local copy up and running follow these simple example steps:

Prerequisites

  • Web Browser (the last version of browser and Chrome as browser are suggested for better user experience.)
  • Text Editor (VSCode is suggested.)

Setup

  • Install git
  • Open Terminal
  • Change directory to folder to download repository
  • Use cd <file-path> for Windows
  • Run git clone [email protected]:ozovalihasan/capstoneHtmlCss.git
  • Open index.html with double-click

To make any change,

  • Use HTML and SCSS files, not CSS files.
  • Check how to change SCSS files
  • Open related file by using text editor.
  • When it is finished editing, sass --watch spreadsheets:spreadsheets in root file.

Authors

👤 Hasan Özovalı

🤝 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

  • Cindy Shin who provided original work
  • Microverse because of helping to build this project and TSE's for their feedback
  • unsplash because of providing images
  • zetafonts because of providing COCOGOOSE font family

📝 License

This project is MIT licensed.