https://github.com/taiseen/construction
https://github.com/taiseen/construction
html javascript responsive sass toggle-buttons
Last synced: 21 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/taiseen/construction
- Owner: taiseen
- Created: 2022-02-18T01:57:03.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-02-20T22:37:57.000Z (over 4 years ago)
- Last Synced: 2025-01-12T18:51:25.607Z (over 1 year ago)
- Topics: html, javascript, responsive, sass, toggle-buttons
- Language: HTML
- Homepage: https://taiseen.github.io/construction
- Size: 5.17 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
18 - Feb - 2022
# Construction Site | [Live-Link](https://taiseen.github.io/construction)
## Using Tools
* HTML
* SASS
* JavaScript
* CDN - [Font-awesome](https://cdnjs.com/libraries/font-awesome) ( v-5.15.4 ) - CSS
* CDN - [Swiper Slider](https://swiperjs.com/get-started#use-swiper-from-cdn) ( v-7 ) - CSS + JS
* CDN - [Light Gallery](https://cdnjs.com/libraries/lightgallery-js) ( v-1.4 ) - CSS + JS
## Features Have
* Responsiveness
* Responsive Toggle Menu
* Search bar
* Info Sidebar
* User Login Panel
* Home Slider (Swiper)
* Image Gallery (Light Gallery)
## Lessons Learned
```
What did I learn while building this project?
What challenges did I face & how did I overcome them?
```
1. SASS ==> nesting , _partials + @import, @mixing + @include
2. Toggle Menu bar
5. Focus On Responsiveness
3. Info side bar, box-shadow effect
4. search box + login box positioning + responsiveness
5. Using of Light Gallery slider
6. Using of Swiper Slider with Interactive way
Inspire to learning from [...](https://youtu.be/Lh4ui-FBTzI)
