Bookmark landing page


End term goal

Users should be able to:

  • View the optimal layout for the site depending on their device’s screen size
  • See hover states for all interactive elements on the page
  • Receive an error message when the newsletter form is submitted if:
    • The input field is empty
    • The email address is not formatted correctly




Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • Mobile-first workflow

Useful resources

  • MDN Docs – This website is preferred by developers.
  • CSS Tricks – Amazing website for short tips & tricks.
  • W3Schools – Helpful for beginners.
  • FreeCodeCamp – Huge tutorials related to CS.

Contributing to Bookmark Landing Page

Welcomes you all to contribute to this project


Feel free to submit issues and enhancement request

Contributing Guidelines

In general, we follow the ‘fork-and-pull’ Git Workflow

  1. Fork the repo on github
  2. Clone the project to your local machine
  3. Create separate branch with title ‘yourname/dev’
  4. Commit the changes to your own branch
  5. Push your work back upto your fork
  6. Submit a pull request so that we can review your changes

NOTE: be sure to merge the latest from “upstream” before making a pull request!



View Github