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: Sep 30, 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/my-Capstone-Project

Comments(2)

  • 1

    Capstone Final Content

    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.
  • 2

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 13% 🎉

    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-svgrepo-icon.svg | 1.30kb | 0.89kb | 31.65% | | /images/lecturer-icon.svg | 1.63kb | 1.23kb | 24.49% | | /images/about-dektop.png | 21.01kb | 16.10kb | 23.36% | | /images/TechGuru-Logo.png | 18.31kb | 14.05kb | 23.25% | | /images/bkgrnd.png | 499.54kb | 398.45kb | 20.24% | | /images/business-presentation-icon.svg | 2.64kb | 2.17kb | 17.83% | | /images/background.png | 161.93kb | 134.07kb | 17.21% | | /images/5.png | 1,143.22kb | 973.82kb | 14.82% | | /images/4.png | 1,463.29kb | 1,255.25kb | 14.22% | | /images/6.png | 1,700.59kb | 1,469.40kb | 13.59% | | /images/dumy.png | 2.23kb | 1.95kb | 12.77% | | /images/airplane-flight-in-circle-around-earth-svgrepo-com.svg | 3.95kb | 3.47kb | 12.15% | | /images/1.png | 1,719.58kb | 1,534.69kb | 10.75% | | /images/3.png | 1,490.87kb | 1,331.67kb | 10.68% | | /images/pattern_bg.png | 1.36kb | 1.23kb | 9.29% | | /images/2.png | 1,839.47kb | 1,698.25kb | 7.68% | | /images/link-chain-svgrepo-com.svg | 4.79kb | 4.45kb | 7.09% | | /images/earth-grid-with-circular-pattern-around-svgrepo-com.svg | 14.51kb | 13.74kb | 5.32% | | /images/network.svg | 1.36kb | 1.31kb | 3.38% | | /images/chess-board-svgrepo-com.svg | 0.75kb | 0.75kb | 0.52% | | /images/down-arrow.svg | 0.45kb | 0.45kb | 0.22% | | /images/up-arrow.svg | 0.46kb | 0.46kb | 0.21% | | | | | | | Total : | 10,238.88kb | 8,947.07kb | 12.62% |


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

    ~Imgbot - Part of Optimole family