https://github.com/angelvalentino/mario-webpage

Project made for a better comprehension of HTML and CSS.
https://github.com/angelvalentino/mario-webpage

css css-animations css-flexbox css-grid html html-form html-form-validation

Last synced: 3 months ago
JSON representation

Project made for a better comprehension of HTML and CSS.

• Host: GitHub
• URL: https://github.com/angelvalentino/mario-webpage
• Owner: AngelValentino
• Created: 2023-10-17T17:35:28.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-18T13:28:00.000Z (over 1 year ago)
• Last Synced: 2025-01-30T06:09:16.176Z (5 months ago)
• Topics: css, css-animations, css-flexbox, css-grid, html, html-form, html-form-validation
• Language: HTML
• Homepage: https://marioclub.pages.dev/
• Size: 9.37 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [Marioclub](https://marioclub.pages.dev) 




![mario holding a question mark checkbox](images/marioclub-screenshot.jpg)









# Responsive design adaptable to any screen size




![marioclub screenshot](images/marioclub-screenshot-mobile.jpg)









## Features implemented in the website

- Implemented navigation menu using CSS Flexbox.

- Improved the navigation menu by adding a dropdown mobile menu.

- Implemented news and a games section using CSS Grid.

- Sign in/Sign up sections that only send data when the form is valid.

- Contact section than only sends data when the form is valid.

- Included animations for screenshot images, news and game sections.

- Smooth navigation scroll.