About In this capstone project I managed to build the website based on an online website for a conference. using the provided design guidelines to create the website, I personalized the content.

  • By Hassan Momanyi
  • Last update: Oct 7, 2022
  • Comments: 2

capstone project

In this capstone project I managed to build the website based on an online website for a conference. using the provided design guidelines to create the website, I personalized the content.

Built With

  • HTML
  • CSS
  • JAVASCRIPT

Live Demo

Live Demo Link

Live Video Link

Authors

👤 MOMANYI HASSAN

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Thank you to the design owner for the design guidelines who is Cindy Shin in Behance.

📝 License

This project is MIT licensed.

Github

https://github.com/fullstop125/Capstone01

Comments(2)

  • 1

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 22% 🎉

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /app_screenshot.png | 6.20kb | 2.61kb | 57.85% | | /images/checkerboard-squares-black-white.jpg | 139.45kb | 86.62kb | 37.88% | | /images/discuss-icon.svg | 1.30kb | 0.89kb | 31.65% | | /images/goodsamaritan.png | 18.31kb | 12.75kb | 30.39% | | /images/about-dektop.png | 21.01kb | 16.10kb | 23.36% | | /images/bkgrnd.png | 499.54kb | 398.45kb | 20.24% | | /images/background.png | 161.93kb | 134.07kb | 17.21% | | /images/dumy.png | 2.23kb | 1.95kb | 12.77% | | /images/pattern.png | 1.36kb | 1.23kb | 9.29% | | /images/Ellipse-css.svg | 8.39kb | 8.38kb | 0.13% | | /images/Ellipse-js.svg | 9.45kb | 9.44kb | 0.10% | | /images/Ellipse-html.svg | 26.00kb | 25.99kb | 0.04% | | | | | | | Total : | 895.16kb | 698.46kb | 21.97% |

    📝 docs | :octocat: repo | 🙋🏾 issues | 🏪 marketplace

    ~Imgbot - Part of Optimole family

  • 2

    Feature

    In this milestone I managed to implement the following:

    • personalize the content of my page.
    • build these 2 pages: -The home page. -The about page.
    • Each of these pages has versions for 2 different screen sizes: -Mobile: up to 768px wide. -Desktop: 768px or wider.
    • 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. -The mobile menu should have a close (X) button that closes the menu. -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.

Popular Tag

Related