A clean, modern, and responsive dental clinic landing page built using HTML, CSS, and JavaScript. This project was independently developed to showcase frontend skills with a strong emphasis on layout design, responsiveness, and user experience.
32 Smile is a static website designed for a fictional dental care clinic. The layout includes a hero section, services, testimonials, contact form, and footer—all styled for a professional healthcare presentation. Perfect as a frontend template for clinics, medical startups, or portfolio showcases.
- Frontend:
HTML5,CSS3,JavaScript (Vanilla) - Design Principles:
Mobile-first responsiveness, clean UI, intuitive layout
- ✅ Fully responsive layout (desktop, tablet, mobile)
- ✅ Professional dental clinic theme
- ✅ Clean and modern UI/UX
- ✅ Custom contact form UI
- ✅ Animated scroll effects (optional)
- ✅ SEO-friendly structure with semantic HTML
32-Smile-Project-FrontEnd/
├── index.html
├── css/
│ └── style.css
├── js/
│ └── main.js
├── assets/
│ ├── images/
│ └── icons/
└── README.md
Add UI screenshots here showing the homepage, service section, and contact form.
To view the website locally:
- Clone the repository
git clone https://github.com/H-M-Abdullah-Khan/32-Smile-Project-FrontEnd.git- Navigate into the project folder
cd 32-Smile-Project-FrontEnd- Open
index.htmlin any browser
You can deploy the site via GitHub Pages, Netlify, or Vercel.
👉 Click here to view demo
This project can be reused or customized for:
- Dental Clinics
- Medical Landing Pages
- Health & Wellness Brands
- Frontend Portfolio Projects
- Web Design Practice
This project uses best practices for SEO including:
- Semantic HTML structure
- Fast load times
- Mobile optimization
- Keyword-rich sections for dental services
Hafiz Muhammad Abdullah Khan
📍 Karachi, Pakistan
📧 m.abdullahkhan9990@gmail.com
🌐 GitHub Profile
This project is open-source and available under the MIT License.
“A smile is the prettiest thing you can wear — and a clean website is the best way to show it.”