--- ## 📌 Cancer Awareness & Support A simple, responsive single-page website built as part of the internship assignment. The goal of this project is to spread awareness about cancer, provide useful information, and offer a contact section for visitors. --- ## 💻 **GitHub Repository** 👉 https://github.com/bs-bhaskar/Cancer-Awareness-Support.git --- ## ⭐ Features * 📱 **Responsive layout** (mobile → tablet → desktop) * 🖼️ **Hero banner** with awareness message * 🧾 **Contact form** (client-side validation + mailto fallback) * 💬 **Real-time quotes section** using a public API (Quotable API) * 🔍 **Clean, semantic HTML structure** * 🎨 **Modern UI with CSS (mobile-first approach)** * ⚡ Fast loading & lightweight (no frameworks) --- ## 🛠️ Tech Stack * **HTML** * **CSS** * **JavaScript** * **Quotable API** for dynamic quotes * **GitHub Pages** for deployment --- ## 📂 Project Structure ``` cancer-awareness-support/ │── index.html │── README.md │── assets/ │ └── img/ │ ├── hero.jpg │ └── logo.png │── css/ │ └── style.css │── js/ │ └── main.js ``` --- ## 🚀 How to Run Locally 1. Clone the repository ``` git clone https://github.com/your-username/cancer-awareness-support ``` 2. Open the project folder 3. Double-click **index.html** to open in browser (No server required) --- ## 📸 Screenshots --- ## 🙋‍♂️ Author **Bhaskar Yogi** BCA Student — Internship Assignment ---# Cancer-Awareness-Support