https://github.com/ozovalihasan/capstonehtmlcss
✈️ The responsive website of the Airshow event is developed.
https://github.com/ozovalihasan/capstonehtmlcss
bootstrap4 css3 html5 microverse resposive-design scss
Last synced: 6 months ago
JSON representation
✈️ The responsive website of the Airshow event is developed.
- Host: GitHub
- URL: https://github.com/ozovalihasan/capstonehtmlcss
- Owner: ozovalihasan
- Created: 2020-04-28T10:42:08.000Z (over 5 years ago)
- Default Branch: development
- Last Pushed: 2020-10-22T09:46:42.000Z (almost 5 years ago)
- Last Synced: 2025-03-21T22:38:09.183Z (7 months ago)
- Topics: bootstrap4, css3, html5, microverse, resposive-design, scss
- Language: HTML
- Homepage: https://airshow.ozovalihasan.com/
- Size: 38.8 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# capstoneHtmlCss
This is a Microverse project as capstone. It was developed as a requirement for Microverse HTML and CSS course.
In this Microverse project, I built a AIRSHOW website similar to [ conference website](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015) . 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](https://airshow.netlify.app)
[Video presentation of this project ](https://www.loom.com/share/db7655b285a4440dac28ca70f3531c07)
## 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](https://git-scm.com/downloads)
- Open Terminal
- Change directory to folder to download repository
- Use `cd ` for Windows
- Run `git clone git@github.com: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](https://sass-lang.com/)
- Open related file by using text editor.
- When it is finished editing, `sass --watch spreadsheets:spreadsheets` in root file.
## Authors
👤 **Hasan Özovalı**
- Github: [@ozovalihasan](https://github.com/ozovalihasan)
- Twitter: [@ozovalihasan](https://twitter.com/ozovalihasan)
- Linkedin: [Hasan Özovalı](https://www.linkedin.com/in/hasan-ozovali/)
- Mail: [ozovalihasan@gmail.com](ozovalihasan@gmail.com)
## 🤝 Contributing
Contributions, issues and feature requests are welcome!
Feel free to check the [issues page](issues/).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Cindy Shin who provided [ original work](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015)
- [Microverse](https://www.microverse.org/) because of helping to build this project and TSE's for their feedback
- [unsplash](https://unsplash.com/) because of providing images
- [zetafonts](http://www.zetafonts.com/cocogoose) because of providing COCOGOOSE font family
## 📝 License
This project is [MIT](lic.url) licensed.