diff --git a/README.md b/README.md
index 2ab0f1c..8411291 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,62 @@
-# crop-prediction
+# Crop Prediction Website
 
-a crop prediction model & website
+Welcome to the Crop Prediction Website project! This web application aims to provide users with predictions on crop yields based on various factors such as weather patterns, soil quality, historical data, and agricultural practices.
+
+## Getting Started
+
+These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
+
+### Prerequisites
+
+- Python 3.x
+- Flask
+- Pandas
+- Scikit-learn
+- HTML/CSS/JavaScript knowledge for front-end modifications
+
+### Installing
+
+1. Clone the repository to your local machine:
+
+    
+    git clone https://github.com/your-username/crop-prediction.git
+    
+
+2. Install the required Python packages:
+
+    
+    pip install -r requirements.txt
+    
+
+3. Run the Flask application:
+
+    
+    python app.py
+    
+
+4. Open your web browser and go to [http://localhost:5000](http://localhost:5000) to view the website.
+
+## Usage
+
+- Upon accessing the website, users will be prompted to input relevant data such as location, soil type, weather conditions, and crop type.
+- The prediction model will process the input data and generate a forecast for the expected crop yield.
+- Users can view the predicted yield and any additional insights provided by the system.
+
+## Deployment
+
+To deploy this project on a live system, you will need to:
+
+- Obtain a domain name and hosting service.
+- Configure your server environment to support Python and Flask applications.
+- Set up a database system to store user inputs and prediction results (if necessary).
+- Ensure proper security measures are in place to protect user data and the application itself.
+
+## Built With
+
+- [Flask](https://flask.palletsprojects.com/en/2.1.x/) - Web framework for Python
+- [Pandas](https://pandas.pydata.org/) - Data manipulation and analysis library
+- [Scikit-learn](https://scikit-learn.org/) - Machine learning library for Python
+
+## Authors
+
+- [Vibhav Sharma](https://github.com/Vibhav-Sharma) - Initial work
diff --git a/green/templates/aboutus.html b/green/templates/aboutus.html
new file mode 100644
index 0000000..effc9d3
--- /dev/null
+++ b/green/templates/aboutus.html
@@ -0,0 +1 @@
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>About Us</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2aOvU=w==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous"> <style> .sticky-top { position: sticky; top: 0; z-index: 1000; } .search-box { transition: height 0.3s ease; } </style> </head> <body> <nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top"> <div class="container"> <a class="navbar-brand" href="#">Crop Recommendation System</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav ml-auto"> <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#">Recommendations</a> </li> <li class="nav-item"> <a class="nav-link" href="#">About Us</a> </li> <li class="nav-item"> <button class="nav-link search-btn" data-toggle="collapse" data-target="#searchBox" aria-expanded="false" aria-label="Toggle search box"> <i class="fas fa-search"></i> </button> </li> </ul> </div> </div> </nav> <div class="container py-5"> <h1 class="text-center mb-5">About Us</h1> <div class="row"> <div class="col-md-6"> <h2>Our Mission</h2> <p>Our mission is to provide farmers with the best possible crop recommendations based on their soil, climate, and other relevant factors. We believe that by using data and technology, we can help farmers make more informed decisions and improve their crop yields.</p> <h2>Our Team</h2> <p>Our team is composed of experts in agriculture, data science, and technology. We are passionate about using our skills to make a positive impact on the farming community.</p> </div> <div class="col-md-6"> <img src="/static/team.jpg" class="img-fluid" alt="Our Team"> </div> </div> </div> <div class="container collapse" id="searchBox"> <form class="form-inline mt-3"> <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search"> <button class="btn btn-out
\ No newline at end of file
diff --git a/green/templates/contactus.html b/green/templates/contactus.html
new file mode 100644
index 0000000..78cf30d
--- /dev/null
+++ b/green/templates/contactus.html
@@ -0,0 +1 @@
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Contact Us</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2aOvU=w==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous"> <style> .sticky-top { position: sticky; top: 0; z-index: 1000; } .search-box { transition: height 0.3s ease; } </style> </head> <body> <nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top"> <div class="container"> <a class="navbar-brand" href="#">Crop Recommendation System</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav ml-auto"> <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#">Recommendations</a> </li> <li class="nav-item"> <a class="nav-link" href="#">About Us</a> </li> <li class="nav-item"> <button class="nav-link search-btn" data-toggle="collapse" data-target="#searchBox" aria-expanded="false" aria-label="Toggle search box"> <i class="fas fa-search"></i> </button> </li> </ul> </div> </div> </nav> <div class="container py-5"> <h1 class="text-center mb-5">Contact Us</h1> <div class="row"> <div class="col-md-6"> <form> <div class="form-group"> <label for="name">Name</label> <input type="text" class="form-control" id="name" placeholder="Enter your name"> </div> <div class="form-group"> <label for="email">Email address</label> <input type="email" class="form-control" id="email" placeholder="Enter your email"> </div> <div class="form-group"> <label for="message">Message</label> <textarea class="form-control" id="message" rows="3" placeholder="Enter your message"></textarea> </div> <button type="submit" class="btn btn-primary">Submit</button> </form> </div> <div class="col-md-6"> <h2>Our Location</h2> <p>123 Main St.</p> <p>Anytown, USA</p> <p>Phone:984376xxxx
\ No newline at end of file
