🚫 Simple & Clean 404 Error Page — HTML & CSS

Haripriya shivakumar — Mon, 17 Nov 2025 15:11:16 +0000

A 404 page is shown when a user tries to open a page that doesn’t exist.
So I created a simple and responsive 404 Error Page using HTML and CSS.

This is perfect for beginners and helps you understand:
✔ Centering content
✔ Basic styling
✔ Responsiveness
✔ UI layout design

🛠 🔧 Tech Used
HTML5
CSS3
No frameworks. Pure frontend.

📌 ✨ Features
Clean and modern UI
Fully responsive
Minimal & simple
Easy to integrate in any website

🚀 Live Demo

👉 [View Live Project]https://haripriya1227.github.io/Error-Page-404/

🗂 GitHub Repository
👉 [View Code on GitHub]
https://github.com/haripriya1227/Error-Page-404

💬 About
This project is a minimal and responsive 404 Error Page created using only HTML and CSS.
The goal was to design a clean interface that clearly communicates that the requested page doesn’t exist, while still maintaining a simple and user-friendly layout.

The page features a bold “404” heading, a short message, and a button to return to the homepage.
It is built with a centered flex layout and clean typography to ensure it looks good on all screen sizes.

I’d love to hear your thoughts, suggestions, or feedback! 😊

Modern & Responsive Pricing Card UI | Built with HTML, CSS, and JavaScript

Haripriya shivakumar — Sun, 09 Nov 2025 16:23:37 +0000

Hey everyone👋

I just built my first frontend project — a clean and modern Pricing Card UI using HTML, CSS and JavaScript.

This project helped me understand layout design, shadows, and responsive alignment.

🧩 Project Overview
The goal of this project was to design a clean and responsive pricing section similar to what you’d see on SaaS or startup websites.

It includes:

Three pricing cards (Starter, Pro, and Enterprise)
Smooth hover effects and box shadows
Flexible layout built with Flexbox
A professional and minimal color scheme

💻 Tech Stack Used

HTML5 – Structure
CSS3 – Layout, design, and responsiveness
JavaScript (Vanilla) – Simple interactivity

🚀 Live Demo

👉 [View Live Project]https://haripriya1227.github.io/Pricing-card/

🗂 GitHub Repository

👉 [View Code on GitHub]
https://github.com/haripriya1227/Pricing-card

🗣 Reflections
This project was a small but meaningful step toward building a strong portfolio.

I realized how much impact simple, clean UI can have on a user’s impression.

I’d love to hear your thoughts, suggestions, or feedback! 😊

If you’re also learning frontend, feel free to connect with me here

🏷 Tags

webdev #frontend #html #css #javascript #showdev

DEV Community: Haripriya shivakumar

🚫 Simple & Clean 404 Error Page — HTML & CSS

Modern & Responsive Pricing Card UI | Built with HTML, CSS, and JavaScript

webdev #frontend #html #css #javascript #showdev