/capstonePage

Global Summit template where you can find information about the event, built with JavaScript

Primary LanguageCSS

1sth module capstone

Following a provided desing that includes:

  • 2 pages index and about section
  • Navbar and footer the same for both of theme
  • Headline and info sections
  • Responsive design
  • Navigation displayable menu for mobile version
  • Features section constructed with javascript
  • Follow DRY principles

image image image

Built With

  • HTML
  • CSS
  • Javascript

#Live Demo Live Demo Link

Project requirements

  • You should personalize the content of your page. Choose a topic that is different than the one in the original design.

  • You should follow these design guidelines, including:

    • Colors.
    • Typography: font face, size and weight.
    • Layout: composition and space between elements.

  • The pages should look almost identical to the original design. Small adjustments like text or image changes are acceptable.

  • You can use a CSS framework (for example Bootstrap) for styling, if you want to.

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

Authors

👤 Walter Velasquez

🤝 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

Original design idea by Cindy Shin in Behance.

📝 License

This project is MIT licensed.