Code & Outdoors website (capstone project)
This project is the capstone project of the first module (the portal) in Microverse program. The website is about a site of travelling and coding meetings, a place where passionate people about travelling meet, learn, and enjoy. The website contains 2 pages, main page where I introduced the idea about the meeting, the about page where I presented the meeting and some previous activities, all the pages are responsive (breakpoint 768px) and the design is inspired from Cindy Shin in Behance.
Live Demo
Video presentation
- Mobile version (Home page)
,
, 
,
- Mobile version (About page)
- Desktop version
Additional description about the project and its features.
Built With
- HTML, CSS & JAVASCRIPT
- Frameworks
- Technologies used :
FlexBox layout
Authors
- GitHub: @hamzaoutdoors
- Twitter: @EllaouziHamza
- LinkedIn: LinkedIn
🤝
Contributing
Contributions, issues, and feature requests are welcome!
- Forking the project
- Cloning the project to your local machine
cdinto the project directory- Run
git checkout -b your-branch-name - Make your contributions
- Push your branch up to your forked repository
- Open a Pull Request with a detailed description to the development branch of the original project for a review
Feel free to check the issues page.
Show your support
Give a
Acknowledgments
- the website is designed by Cindy Shin in Behance
- microverse
📝
License
This project is MIT licensed.
HTML, CSS & JS capstone project.
This is a website for the Coding Outdoors Community (COC), there are 2 pages, home, about pages. The website is responsive to 768px.
[ImgBot] Optimize images
Beep boop. Your images are optimized!
Your image file size has been reduced by 9% 🎉
Details
| File | Before | After | Percent reduction | |:--|:--|:--|:--| | /Images/items background.png | 3.65kb | 0.79kb | 78.25% | | /app_screenshot.png | 6.20kb | 2.61kb | 57.85% | | /Images/navBar.png | 2.34kb | 1.27kb | 45.72% | | /readme-md/loomVideo.jpg | 74.62kb | 46.37kb | 37.86% | | /fonts/Coocogoose Pro by Zetafonts.png | 216.65kb | 176.01kb | 18.76% | | /Images/CODING_OUTDOORS.png | 20.29kb | 16.62kb | 18.07% | | /readme-md/Yellow Illustrated Web Designer Business Card.png | 475.42kb | 415.25kb | 12.66% | | /Images/navbar.jpeg | 26.68kb | 23.34kb | 12.52% | | /Images/mypicinthemountain1.jpg | 244.43kb | 230.61kb | 5.66% | | /Images/mypicinthemountain0.jpg | 158.82kb | 150.89kb | 4.99% | | /Images/persons/me.jpg | 112.39kb | 107.04kb | 4.76% | | /Images/13.jpeg | 35.61kb | 33.94kb | 4.69% | | /Images/persons/perso5.jpeg | 198.12kb | 189.09kb | 4.56% | | /Images/worktotravel1.jpeg | 39.00kb | 37.25kb | 4.50% | | /Images/persons/perso4.jpeg | 170.87kb | 163.86kb | 4.10% | | /Images/7.jpeg | 331.62kb | 318.13kb | 4.07% | | /Images/pixels2.jpg | 53.32kb | 51.19kb | 3.99% | | /Images/codingiscool.jpeg | 28.76kb | 27.77kb | 3.42% | | /Images/persons/perso1.jpg | 61.75kb | 59.64kb | 3.42% | | /Images/persons/perso3.jpg | 91.48kb | 88.59kb | 3.16% | | /Images/persons/perso2.jpg | 60.25kb | 58.66kb | 2.63% | | /Images/logo.png | 15.68kb | 15.58kb | 0.68% | | /Images/5.jpeg | 9.61kb | 9.61kb | 0.03% | | | | | | | Total : | 2,437.57kb | 2,224.13kb | 8.76% |
📝 docs | :octocat: repo | 🙋🏾 issues | 🏪 marketplace
~Imgbot - Part of Optimole family
Capstone peer-to-peer code Review
Capstone Code Review
Congratulations !!!