https://github.com/martapolii/stand-for-ukraine-website

This project is a multi-page website created using solely HTML and CSS. It raises awareness about the Russian invasion of Ukraine, covering topics like stress, management techniques, and ways to help. The site uses HTML and CSS for styling and responsive design, with an emphasis on accessibility and information clarity.
https://github.com/martapolii/stand-for-ukraine-website

accessibility css flexbox flexbox-css html media-queries responsive-design responsive-layout responsive-web-design styling-css web-development

Last synced: about 1 month ago
JSON representation

This project is a multi-page website created using solely HTML and CSS. It raises awareness about the Russian invasion of Ukraine, covering topics like stress, management techniques, and ways to help. The site uses HTML and CSS for styling and responsive design, with an emphasis on accessibility and information clarity.

• Host: GitHub
• URL: https://github.com/martapolii/stand-for-ukraine-website
• Owner: martapolii
• Created: 2024-04-16T17:21:36.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-10-16T16:55:00.000Z (2 months ago)
• Last Synced: 2024-10-18T16:24:43.879Z (2 months ago)
• Topics: accessibility, css, flexbox, flexbox-css, html, media-queries, responsive-design, responsive-layout, responsive-web-design, styling-css, web-development
• Language: CSS
• Homepage: https://martapolii.github.io/stand-for-ukraine-website/
• Size: 4.91 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Support: support.html

Awesome Lists containing this project

README

        
This website was designed from scratch, using VS Code, HTML and CSS. The goal was to create a visually appealing website that had a responsive design and functioned well on tablets and mobile devices. 

The project is a multi-page website aimed at raising awareness about the Russian invasion of Ukraine and its impact on Ukrainians. The site provides detailed information on stress, disorders, management techniques, resources, and ways to support those affected by the war.

The website includes:

- Home Page: A striking visual banner that highlights the scale of the refugee crisis caused by the invasion.

- What is Stress?: Information about stress, specifically related to the impact of war.

- Sources of Stress: Details the causes of stress for Ukrainians during the invasion.

- Resulting Disorders: An overview of the psychological disorders that arise from severe stress.

- Management Techniques: Techniques to manage and cope with the stress caused by war.

- Resources: A list of resources for those seeking help or information.

- How Can You Help?: A guide on ways to support Ukrainians during this crisis.

  

Key Features:

- The website is fully responsive, adapting to various screen sizes using media queries.

- Clean, accessible design with high-contrast colors and easy-to-read text.

- CSS is used extensively for layout, grid navigation, and styling.

- The site is easy to navigate with clear links to different sections for users to learn more about specific topics.

This project demonstrates my ability to create a visually impactful, informative, and user-friendly website using HTML and CSS.