This is a comprehensive health and wellness website which provides insight on the goals of the client. designed to provide information about medical treatments, hospitals, patient stories, and more. Built using Tailwind CSS for the front end, this project offers a visually appealing and user-friendly interface.
-
CSS Styles: The project utilizes Tailwind CSS for styling. The styles are organized in the
css-styles
directory, including theoutput.css
and customstyles.css
. -
JavaScript: The
functionality.js
andindex.js
files in thesrc
directory contain the JavaScript code for interactive features. -
Images: The
images
directory holds the images used throughout the website.
-
Navigation: The website has a two-part navigation system. The first part includes a white background with the company logo and essential contact information, while the second part features a blue background with navigation links and a search box.
-
Treatment Overview: A detailed section on total knee replacement, complete with a background image, description, and an "Enquire Now" button.
-
Sections and FAQs: The website includes sections for treatment overview, eligibility, preparation, FAQs, patient stories, hospital recommendations, and a "Get In Touch" call-to-action.
-
Patient Stories Carousel: A visually engaging carousel showcasing patient stories with quotes and images.
-
Hospital Recommendations: A section recommending hospitals, each with an image, name, and location.
-
Contact Form: A contact form in the eligibility section for users to inquire about treatment.
-
Footer: The footer includes important links, special treatment categories, social media links, and copyright information.
- Clone the repository:
git clone https://github.com/raviraj4/WebHosp.git
- Run
npm run dev
to run tailwind CSS - Open the
index.html
file in a web browser.
- Dependencies: The project relies on Tailwind CSS for styling. Ensure that the necessary dependencies are installed.