https://github.com/technoandy/capstone-project-module-1
This is a website that showcases an seminar. Featured speakers are listed as well as all the details of the event. When you click on the about page it will take you to the correct page. Built with HTML, CSS and JavaScript.
https://github.com/technoandy/capstone-project-module-1
bootstrap css html
Last synced: 3 months ago
JSON representation
This is a website that showcases an seminar. Featured speakers are listed as well as all the details of the event. When you click on the about page it will take you to the correct page. Built with HTML, CSS and JavaScript.
- Host: GitHub
- URL: https://github.com/technoandy/capstone-project-module-1
- Owner: TechnoAndy
- License: mit
- Created: 2022-09-12T08:51:41.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-09-17T11:12:40.000Z (almost 4 years ago)
- Last Synced: 2026-01-03T04:57:56.946Z (6 months ago)
- Topics: bootstrap, css, html
- Language: HTML
- Homepage:
- Size: 6.56 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Microverse Capstone Project 1 Module 1 Week 5
> This is the first capstone project completed thus far, built with HTML, Bootstrap, CSS and Javascript.
You should build only these 2 pages:
The home page.
The about page.
Each of these pages should have versions for 2 different screen sizes:
Mobile: up to 768px wide.
Desktop: 768px or wider.
Interactions
Links
The home page should have a link in the menu to the about page.
The logo in the header links to the home page.
Mobile menu
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.
Dynamic page
The section "Featured speakers" should be created dynamically in JavaScript.
You should use a JavaScript variable with the data about the speakers and use it when the page loads to create the HTML for this section dynamically.
## Built With
- HTML
- Bootstrap
- Javascript
## Live Demo (if available)
[Live Demo Link](https://technoandy.github.io/Capstone-Project-Module-1/)
## Authors
👤 **Andrea Tamara Diegaardt**
GitHub: TechnoAndy
Twitter: @Adiegaardt
LinkedIn: http://www.linkedin.com/in/andrea-diegaardt-110203116
## 🤝 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
- Microverse Inc
- [Cindy Shin and Behance](https://www.behance.net/adagio07)
- Loom
- https://icons8.com/
## 📝 License
This project is [MIT](./LICENSE) licensed.