Prozen Pharmaceuticals is an innovative website designed to showcase the capabilities and products of Prozen, a leading player in the pharmaceuticals industry. The website highlights the company's offerings, research, and commitment to healthcare solutions that serve patients globally.
Prozen Pharmaceuticals aims to provide an intuitive and user-friendly platform for users to explore various pharmaceutical products and the company's expertise in the healthcare domain. The website is designed with clean aesthetics, smooth transitions, and interactive elements to enhance the user experience.
- Product Showcase: Explore a detailed list of pharmaceutical products, with descriptions and images.
- Scroll-Based Animations: Utilizes GSAP for engaging, smooth scroll-based animations.
- Responsive Design: The website is mobile-friendly and adapts to different screen sizes.
- Interactive UI: Hover effects on product images with overlay text that slides in from the bottom.
- Navigation Bar: A responsive navigation menu that includes dropdowns for 'Our Products' and 'Careers'.
- Themed Backgrounds: Dynamic background color changes based on scrolling to different sections.
- HTML5: For structuring the website's content.
- CSS3: For styling, including animations, overlays, and responsive design.
- JavaScript (GSAP): For smooth scroll-based animations and user interactions.
-
Clone the repository:
git clone https://github.com/yourusername/prozen_pharmaceuticals.git
-
Navigate to the project directory: cd prozen_pharmaceuticals
-
Open the index.html file in your browser to view the website locally.
Usage Once installed, you can:
Browse through the company's pharmaceutical products. Experience the smooth scrolling animations and hover interactions. Explore the navigation menu to learn more about Prozen's products and careers.