Skip to content

annumd/micro-FrontEnd

Repository files navigation

micro-project

This is a simple diet planner webpage. It allows users to generate a basic meal plan with nutritious food options. The webpage is built using HTML, CSS, providing an easy-to-use interface for meal planning. Diet Planner Website

The Diet Planner website is a platform designed to help users create personalized diet plans, watch informative nutrition videos, and explore government policies related to health and wellness. It features a clean and intuitive interface with easy navigation and a responsive layout.

Features

Homepage: A welcoming introduction to the website with a slideshow of images. Navigation Menu: Quick access to different sections like Government Policies, Diet Plans, Watch, About, and Feedback. Carousel: A dynamic image slider on the homepage. Watch Page: Embedded YouTube videos for nutrition and diet education Responsive Design: Ensures a smooth experience on various screen sizes.

Technologies Used

HTML5: Structure of the website. CSS3: Styling and layout design.

File Structure

/ (Root Directory) |-- index.html # Homepage |-- govt.html # Government Policies Page |-- diet.html # Diet Plans Page |-- watch.html # Watch & Learn Page |-- about.html # About Us Page |-- feedback.html # Feedback Page |-- images/ # Folder for images used in the carousel |-- styles.css # (Optional) External CSS file for styling |-- script.js # (Optional) JavaScript file for interactions

Future Enhancements

Add user authentication for personalized diet plans. Integrate a database to store user preferences.

About

Diet Planner.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages