CalcX

A modern, stylish, and responsive calculator web app built with pure HTML, CSS.

---

🚀 Features

• Basic Arithmetic: Addition, subtraction, multiplication, division, and decimal support.
• Responsive Design: Works seamlessly on desktop and mobile devices.
• Attractive UI: Glassmorphism effect, custom fonts, and smooth button interactions.
• Keyboard & Mouse Support: Use on-screen buttons or your keyboard (if implemented).
• Social Sidebar: Quick links to GitHub, YouTube, Instagram, X (Twitter), and LinkedIn.

---

🛠️ Technologies Used

• HTML5 (Semantic markup)
• CSS3 (Flexbox, Grid, Media Queries, Glassmorphism)
• Font Awesome & Feather Icons (for sidebar icons)
• Google Fonts (Quicksand)

---

📱 Responsive Design

CalcX is fully responsive.

• On desktop, the calculator is centered with a fixed sidebar on the left.
• On mobile, the calculator resizes for small screens and the sidebar becomes bottom.

---

⚡ Getting Started

1. Clone the repository

git clone https://github.com/your-username/CalcX.git
cd CalcX

2. Open in Browser

Just open index.html in your favorite browser.

No build tools or dependencies required!

---

📝 File Structure

CalcX/
├── index.html         # Main HTML file
├── style.css          # All styles (responsive included)
├── favicon.png        # Favicon for browser tab
├── README.md          # This file

---

🙋‍♂️ Author & Credits

• Created by: Muntazir Ali
• Socials:
  • GitHub
  • YouTube
  • Instagram
  • X (Twitter)
  • LinkedIn

---

📄 License

This project is open source and free to use.

---

💡 Customization

• You can change the color scheme in style.css.
• Replace favicon.png with your own logo if you wish.

---

🐞 Issues & Feedback

If you find a bug or want to suggest a feature, please open an issue or contact me on my socials!

---

Enjoy using CalcX!