The goal of this project is to build is to an online website for a conference The Works sections has been added to the project
Two pages are requires to build
- Home page
- 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.
- html
- css
- Javascript
To get a local copy up and running,follow these simple steps
- Clone this repository to your local machine
- git clone git@github.com:principles31/module1_capstone_project.git
- In the terminal cd into module1_capstone_project
- Open index.html file in a browser of your choice
[Live Demo Link] ( https://principles31.github.io/module1_capstone_project/ )
Check the video here(https://www.loom.com/share/3ee0fc6b2f4749b4b66363894f451063)
👤 Author1
- GitHub: @principle31
- Twitter: @manuel31mens
- LinkedIn: emmanuel-mensah
- Contributions, issues, and feature requests are welcome!
Give a star if you like this project!
- Microverse
- Original design idea by Cindy Shin in Behance
- Hat tip to anyone whose code was used
- Inspiration
- Icon 8 images _ http://pexels.com/
- https://my-learning.w3schools.com/
- https://www.web-developer-conference.de/programm-2/#/
This project is MIT licensed.