A modern, responsive dental clinic website built with HTML5 and TailwindCSS. It features a clean UI and showcases services, contact information, and a booking feature.
- Responsive Design: Works seamlessly across desktop, tablet, and mobile devices.
- Hero Section: An engaging landing section with a clear call-to-action.
- Services Section: Displays various dental services using elegant cards.
- Contact Form: A simple form for patient inquiries.
- Clinic Info: Includes the clinicβs address, phone number, email, and opening hours.
- Navbar & Smooth Scroll:oll: A fixed navigation bar with smooth scrolling effects.
- Footer: A compact and professional footer with essential links.
- Clone the Repository
git clone https://github.com/your-username/bright-smiles-dental.git cd bright-smiles-dental - Open in Browser
Simply open
index.htmlin your web browser.
- HTML5: For the website's structure and content.
- TailwindCSS (CDN): For styling and responsiveness.
- Google Fonts: Specifically Lexend and Noto Sans for typography.
- Vanilla JavaScript: Powers the navbar scroll and smooth scrolling effects.
bright-smiles-dental/
βββ index.html # Main website file
βββ README.md # Project documentation
n
Easily deploy the site using services like GitHub Pages, Netlify, or Vercel.
Example (GitHub Pages):
- Push your code to a new GitHub repository.
- Navigate to your repository's Settings tab.
- Click on Pages, select your branch, and click Save.
Your site will then be live at a URL like https://your-username.github.io/bright-smiles-dental/.