News Website UI

screenshot of News Website UI

This project is the UI of an anonymous news website. Its layout is designed with the combination of flex and grid.

Overview

The anonymous news website project showcases a clean and modern user interface (UI) that is crafted using HTML, CSS, and minimal JavaScript for functionality. Its design aims to provide a seamless experience for users seeking news without revealing their identity. The use of CSS Flexbox and Grid enhances the layout, providing a responsive design that adapts well to various screen sizes, making it suitable for both mobile and desktop devices.

Features

  • Responsive Design: The layout adjusts smoothly across different screen sizes, ensuring optimal viewing on both mobile and desktop devices.
  • CSS Flex and Grid: Utilizes the power of CSS Flexbox and Grid for a structured yet flexible design, allowing for easy manipulation of elements.
  • Preloader Animation: A subtle JavaScript-based preloader enhances user experience by indicating that content is loading.
  • Clean Aesthetic: The UI is designed with simplicity in mind, prioritizing readability and easy navigation for users.
  • Anonymity Focus: Built for users who value their privacy, offering a platform to read news without exposing personal information.
  • Minimal JavaScript: The site is largely built with HTML and CSS, making it lightweight and fast-loading while only using JS for essential functionality.