├── images
    ├── img1.jpg
    ├── img2.jpg
    ├── img10.webp
    ├── img3.webp
    ├── img4.webp
    ├── img5.webp
    ├── img6.webp
    ├── img7.webp
    ├── img8.webp
    ├── img9.webp
    ├── imgBg1.png
    ├── images.jpeg
    ├── irrigation-filters1.jpg
    ├── irrigation-filters2.jpg
    ├── wepik-2022416-135422.jpg
    ├── Drip-Irrigation-Illustration.jpg
    ├── Drip-Irrigation-on-Vegetables.jpg
    ├── Drippers-for-Drip-Irrigation.jpg
    └── micro-drip-watering-time-960x640.jpg
├── README.md
├── AfterBuy.html
├── style.css
├── login.html
├── index.html
├── signup.html
├── contact.html
├── Buy.html
├── Products.html
└── about.html


/images/img1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Amarnathpalanivel/Online-Drip-Irrigation-Store-/HEAD/images/img1.jpg


--------------------------------------------------------------------------------
/images/img2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Amarnathpalanivel/Online-Drip-Irrigation-Store-/HEAD/images/img2.jpg


--------------------------------------------------------------------------------
/images/img10.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Amarnathpalanivel/Online-Drip-Irrigation-Store-/HEAD/images/img10.webp


--------------------------------------------------------------------------------
/images/img3.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Amarnathpalanivel/Online-Drip-Irrigation-Store-/HEAD/images/img3.webp


--------------------------------------------------------------------------------
/images/img4.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Amarnathpalanivel/Online-Drip-Irrigation-Store-/HEAD/images/img4.webp


--------------------------------------------------------------------------------
/images/img5.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Amarnathpalanivel/Online-Drip-Irrigation-Store-/HEAD/images/img5.webp


--------------------------------------------------------------------------------
/images/img6.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Amarnathpalanivel/Online-Drip-Irrigation-Store-/HEAD/images/img6.webp


--------------------------------------------------------------------------------
/images/img7.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Amarnathpalanivel/Online-Drip-Irrigation-Store-/HEAD/images/img7.webp


--------------------------------------------------------------------------------
/images/img8.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Amarnathpalanivel/Online-Drip-Irrigation-Store-/HEAD/images/img8.webp


--------------------------------------------------------------------------------
/images/img9.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Amarnathpalanivel/Online-Drip-Irrigation-Store-/HEAD/images/img9.webp


--------------------------------------------------------------------------------
/images/imgBg1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Amarnathpalanivel/Online-Drip-Irrigation-Store-/HEAD/images/imgBg1.png


--------------------------------------------------------------------------------
/images/images.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Amarnathpalanivel/Online-Drip-Irrigation-Store-/HEAD/images/images.jpeg


--------------------------------------------------------------------------------
/images/irrigation-filters1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Amarnathpalanivel/Online-Drip-Irrigation-Store-/HEAD/images/irrigation-filters1.jpg


--------------------------------------------------------------------------------
/images/irrigation-filters2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Amarnathpalanivel/Online-Drip-Irrigation-Store-/HEAD/images/irrigation-filters2.jpg


--------------------------------------------------------------------------------
/images/wepik-2022416-135422.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Amarnathpalanivel/Online-Drip-Irrigation-Store-/HEAD/images/wepik-2022416-135422.jpg


--------------------------------------------------------------------------------
/images/Drip-Irrigation-Illustration.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Amarnathpalanivel/Online-Drip-Irrigation-Store-/HEAD/images/Drip-Irrigation-Illustration.jpg


--------------------------------------------------------------------------------
/images/Drip-Irrigation-on-Vegetables.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Amarnathpalanivel/Online-Drip-Irrigation-Store-/HEAD/images/Drip-Irrigation-on-Vegetables.jpg


--------------------------------------------------------------------------------
/images/Drippers-for-Drip-Irrigation.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Amarnathpalanivel/Online-Drip-Irrigation-Store-/HEAD/images/Drippers-for-Drip-Irrigation.jpg


--------------------------------------------------------------------------------
/images/micro-drip-watering-time-960x640.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Amarnathpalanivel/Online-Drip-Irrigation-Store-/HEAD/images/micro-drip-watering-time-960x640.jpg


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Online-Drip-Irrigation-Store-
2 | This is a simple Online Drip Irrigation Store built using HTML and CSS. It features a homepage, product listings, a cart section, and a contact form. The project is designed to showcase irrigation products in a clean and user-friendly layout.
3 | 


--------------------------------------------------------------------------------
/AfterBuy.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Purchase Successful</title>
 7 | </head>
 8 | <body style="font-family: Arial, sans-serif; text-align: center; margin: 0; padding: 0; background-color: #f4f4f4;">
 9 |     <div style="background: #4CAF50; color: white; padding: 15px; font-size: 24px;">Drip Irrigation Store</div>
10 |     <div style="max-width: 600px; margin: 50px auto; padding: 20px; background: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 8px;">
11 |         <h2 style="color: #333;">Thank You for Your Purchase!</h2>
12 |         <p style="color: #555;">Your order has been successfully placed. You will receive a confirmation email shortly.</p>
13 |         <a href="products.html" style="display: inline-block; padding: 10px 20px; margin: 10px; background: #4CAF50; color: white; text-decoration: none; border-radius: 5px;">Back to Products</a>
14 |     </div>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>
15 |     <div style="text-align: center; padding: 10px; background: #333; color: white;">&copy;  2025 Drip Irrigation Store</div>
16 | </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
 1 |         body {
 2 |             font-family: Arial, sans-serif;
 3 |             margin: 0;
 4 |             padding: 0;
 5 |             background-color: #a2b866;
 6 |         }
 7 |         .header {
 8 |             background: #4CAF50;
 9 |             color: white;
10 |             padding: 15px;
11 |             text-align: center;
12 |             font-size: 24px;
13 |         }
14 |         .nav {
15 |             display: flex;
16 |             justify-content: center;
17 |             background: #333;
18 |             padding: 10px;
19 |         }
20 |         .nav a {
21 |             color: white;
22 |             padding: 14px 20px;
23 |             text-decoration: none;
24 |         }
25 |         .nav a:hover {
26 |             background: #575757;
27 |         }
28 |         .container {
29 |             display: flex;
30 |             flex-wrap: wrap;
31 |             justify-content: center;
32 |             padding: 20px;
33 |         }
34 |         .product {
35 |             background: white;
36 |             margin: 10px;
37 |             padding: 15px;
38 |             border-radius: 5px;
39 |             text-align: center;
40 |             width: 250px;
41 |             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
42 |         }
43 |         .product img {
44 |             width: 100%;
45 |             height: auto;
46 |         }
47 |         .footer {
48 |             text-align: center;
49 |             padding: 10px;
50 |             background: #4CAF50;
51 |             color: white;
52 |             margin-top: 20px;
53 |         }
54 | 


--------------------------------------------------------------------------------
/login.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Login - Drip Irrigation Store</title>
 7 |     <style>
 8 |         body {
 9 |             background-image: url(images/micro-drip-watering-time-960x640.jpg);
10 |             font-family: Arial, sans-serif;
11 |             margin: 0;
12 |             background-repeat: no-repeat;
13 |             background-size: cover;
14 |             padding: 0;
15 |             background-color: #ffffff;
16 |         }
17 |         .header {
18 |             background: #4CAF50;
19 |             color: white;
20 |             padding: 15px;
21 |             text-align: center;
22 |             font-size: 24px;
23 |         }
24 |         .container {
25 |             display: flex;
26 |             justify-content: center;
27 |             align-items: center;
28 |             height: 80vh;
29 |         }
30 |         .login-box {
31 |             background: rgb(255, 255, 255);
32 |             padding: 20px;
33 |             border-radius: 5px;
34 |             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
35 |             text-align: center;
36 |             width: 300px;
37 |         }
38 |         .login-box input {
39 |             width: 100%;
40 |             padding: 10px;
41 |             margin: 10px 0;
42 |             border: 1px solid #ccc;
43 |             border-radius: 5px;
44 |         }
45 |         .login-box button {
46 |             background: #4CAF50;
47 |             color: white;
48 |             padding: 10px;
49 |             border: none;
50 |             width: 100%;
51 |             border-radius: 5px;
52 |             cursor: pointer;
53 |         }
54 |         .login-box button:hover {
55 |             background: #2e9633;
56 |         }
57 |         .footer {
58 |             text-align: center;
59 |             padding: 10px;
60 |             background: #4CAF50;
61 |             color: white;
62 |             margin-top: 20px;
63 |         }
64 |     </style>
65 | </head>
66 | <body>
67 |     <div class="header">Drip Irrigation Store - Login</div>
68 |     <div class="container">
69 |         <div class="login-box">
70 |             <h2>Login</h2>
71 |             <form action="Products.html">
72 |                 <input type="text" placeholder="Username" required>
73 |                 <input type="password" placeholder="Password" required>
74 |                 <button type="submit">Login</button>
75 |             </form>
76 |         </div>
77 |     </div>
78 |     <div class="footer">&copy; 2025 Drip Irrigation Store</div>
79 | </body>
80 | </html>
81 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Drip Irrigation Store</title>
 7 |     <style>
 8 |         body {
 9 |             background-image: url(images/Drip-Irrigation-on-Vegetables.jpg);
10 |             font-family: Arial, sans-serif;
11 |             margin: 0;
12 |             padding: 0;
13 |             background-color: #f4f4f4;
14 |             background-repeat: no-repeat;
15 |             background-size: cover;
16 |             
17 |         }
18 |         .header {
19 |             background: #4CAF50;
20 |             color: white;
21 |             padding: 15px;
22 |             text-align: center;
23 |             font-size: 24px;
24 |         }
25 |         .nav {
26 |             display: flex;
27 |             justify-content: center;
28 |             background: #333;
29 |             padding: 10px;
30 |         }
31 |         .nav a {
32 |             color: white;
33 |             padding: 14px 20px;
34 |             text-decoration: none;
35 |         }
36 |         .nav a:hover {
37 |             background: #575757;
38 |         }
39 |         .container {
40 |             display: flex;
41 |             justify-content: center;
42 |             align-items: center;
43 |             height: 80vh;
44 |             flex-direction: column;
45 |             text-align: center;
46 |         }
47 |         .container a {
48 |             background: #4CAF50;
49 |             color: white;
50 |             padding: 10px 20px;
51 |             margin: 10px;
52 |             text-decoration: none;
53 |             border-radius: 5px;
54 |             display: inline-block;
55 |         }
56 |         .container a:hover {
57 |             background: #45a049;
58 |         }
59 |         .footer {
60 |             text-align: center;
61 |             padding: 10px;
62 |             background: #4CAF50;
63 |             color: white;
64 |             margin-top: 20px;
65 |         }
66 |         .wel{
67 |             color: #16cca5;
68 |             background-color: rgb(70, 0, 70);
69 |             font-family: cursive;
70 |             border-radius: 25px;
71 |         }
72 |     </style>
73 | </head>
74 | <body>
75 |     <div class="header">Drip Irrigation Store</div>
76 |     <div class="nav">
77 |         <a href="index.html">Home</a>
78 |         <a href="contact.html">Contact</a>
79 |         <a href="about.html">About</a>
80 | 
81 |     </div>
82 |     <div class="container">
83 |        <div class="wel"> <h2>Welcome to Drip Irrigation Store</h2>
84 |         <p>Your one-stop shop for all drip irrigation needs.</p></div>
85 |         <a href="login.html">Login</a>
86 |         <a href="signup.html">Sign Up</a>
87 |     </div>
88 |     <div class="footer">&copy; 2025 Drip Irrigation Store</div>
89 | </body>
90 | </html>
91 | 


--------------------------------------------------------------------------------
/signup.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Sign Up - Drip Irrigation Store</title>
 7 |     <style>
 8 |         body {
 9 |             font-family: Arial, sans-serif;
10 |             margin: 0;
11 |             padding: 0;
12 |             background-color: #f4f4f4;
13 |         }
14 |         .header {
15 |             background: #4CAF50;
16 |             color: white;
17 |             padding: 15px;
18 |             text-align: center;
19 |             font-size: 24px;
20 |         }
21 |         .nav {
22 |             display: flex;
23 |             justify-content: center;
24 |             background: #333;
25 |             padding: 10px;
26 |         }
27 |         .nav a {
28 |             color: white;
29 |             padding: 14px 20px;
30 |             text-decoration: none;
31 |         }
32 |         .nav a:hover {
33 |             background: #575757;
34 |         }
35 |         .container {
36 |             display: flex;
37 |             justify-content: center;
38 |             align-items: center;
39 |             height: 80vh;
40 |         }
41 |         .signup-box {
42 |             background: white;
43 |             padding: 20px;
44 |             border-radius: 5px;
45 |             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
46 |             text-align: center;
47 |             width: 300px;
48 |         }
49 |         .signup-box input {
50 |             width: 100%;
51 |             padding: 10px;
52 |             margin: 10px 0;
53 |             border: 1px solid #ccc;
54 |             border-radius: 5px;
55 |         }
56 |         .signup-box button {
57 |             background: #4CAF50;
58 |             color: white;
59 |             padding: 10px;
60 |             border: none;
61 |             width: 100%;
62 |             border-radius: 5px;
63 |             cursor: pointer;
64 |         }
65 |         .signup-box button:hover {
66 |             background: #45a049;
67 |         }
68 |         .footer {
69 |             text-align: center;
70 |             padding: 10px;
71 |             background: #4CAF50;
72 |             color: white;
73 |             margin-top: 20px;
74 |         }
75 |     </style>
76 | </head>
77 | <body>
78 |     <div class="header">Drip Irrigation Store - Sign Up</div>
79 |     <div class="nav">
80 |         <a href="index.html">Home</a>
81 |         <a href="login.html">Login</a>
82 |         <a href="contact.html">Contact</a>
83 |     </div>
84 |     <div class="container">
85 |         <div class="signup-box">
86 |             <h2>Sign Up</h2>
87 |             <form action="Products.html">
88 |                 <input type="text" placeholder="Full Name" required>
89 |                 <input type="email" placeholder="Email" required>
90 |                 <input type="password" placeholder="Password" required>
91 |                 <input type="password" placeholder="Confirm Password" required>
92 |                 <button type="submit">Sign Up</button>
93 |             </form>
94 |         </div>
95 |     </div>
96 |     <div class="footer">&copy; 2025 Drip Irrigation Store</div>
97 | </body>
98 | </html>
99 | 


--------------------------------------------------------------------------------
/contact.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <title>Contact Us - Drip Irrigation Store</title>
  7 |     <style>
  8 |         body {
  9 |             background-image: url(images/Drip-Irrigation-Illustration.jpg);
 10 |             font-family: Arial, sans-serif;
 11 |             margin: 0;
 12 |             padding: 0;
 13 |             background-color: #f4f4f4;
 14 |         }
 15 |         .header {
 16 |             background: #4CAF50;
 17 |             color: white;
 18 |             padding: 15px;
 19 |             text-align: center;
 20 |             font-size: 24px;
 21 |         }
 22 |         .nav {
 23 |             display: flex;
 24 |             justify-content: center;
 25 |             background: #333;
 26 |             padding: 10px;
 27 |         }
 28 |         .nav a {
 29 |             color: white;
 30 |             padding: 14px 20px;
 31 |             text-decoration: none;
 32 |         }
 33 |         .nav a:hover {
 34 |             background: #575757;
 35 |         }
 36 |         .container {
 37 |             display: flex;
 38 |             justify-content: center;
 39 |             align-items: center;
 40 |             height: 80vh;
 41 |             flex-direction: column;
 42 |             text-align: center;
 43 |         }
 44 |         .contact-box {
 45 |             background: white;
 46 |             padding: 20px;
 47 |             border-radius: 5px;
 48 |             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 49 |             text-align: center;
 50 |             width: 400px;
 51 |         }
 52 |         .contact-box input, .contact-box textarea {
 53 |             width: 100%;
 54 |             padding: 10px;
 55 |             margin: 10px 0;
 56 |             border: 1px solid #ccc;
 57 |             border-radius: 5px;
 58 |         }
 59 |         .contact-box button {
 60 |             background: #4CAF50;
 61 |             color: white;
 62 |             padding: 10px;
 63 |             border: none;
 64 |             width: 100%;
 65 |             border-radius: 5px;
 66 |             cursor: pointer;
 67 |         }
 68 |         .contact-box button:hover {
 69 |             background: #45a049;
 70 |         }
 71 |         .footer {
 72 |             text-align: center;
 73 |             padding: 10px;
 74 |             background: #4CAF50;
 75 |             color: white;
 76 |             margin-top: 20px;
 77 |         }
 78 |     </style>
 79 | </head>
 80 | <body>
 81 |     <div class="header">Drip Irrigation Store - Contact Us</div>
 82 |     <div class="nav">
 83 |         <a href="index.html">Home</a>
 84 |         <a href="login.html">Login</a>
 85 |         <a href="signup.html">Sign Up</a>
 86 |         <a href="contact.html">Contact</a>
 87 |         <a href="about.html">About</a>
 88 | 
 89 |     </div>
 90 |     <div class="container">
 91 |         <div class="contact-box">
 92 |             <h2>Get in Touch</h2>
 93 |             <form>
 94 |                 <input type="text" placeholder="Your Name" required>
 95 |                 <input type="email" placeholder="Your Email" required>
 96 |                 <textarea placeholder="Your Message" rows="5" required></textarea>
 97 |                 <button type="submit">Send Message</button>
 98 |             </form>
 99 |         </div>
100 |     </div>
101 |     <div class="footer">&copy; 2025 Drip Irrigation Store</div>
102 | </body>
103 | </html>
104 | 


--------------------------------------------------------------------------------
/Buy.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <title>Checkout - Drip Irrigation Store</title>
  7 |     <style>
  8 |         body {
  9 |             background-image: url(images/wepik-2022416-135422.jpg);
 10 |             font-family: Arial, sans-serif;
 11 |             background-size: cover;
 12 |             margin: 0;
 13 |             padding: 0;
 14 |             background-color: #f4f4f4;
 15 |         }
 16 |         .header {
 17 |             background: #4CAF50;
 18 |             color: white;
 19 |             padding: 15px;
 20 |             text-align: center;
 21 |             font-size: 24px;
 22 |         }
 23 |         .nav {
 24 |             display: flex;
 25 |             justify-content: center;
 26 |             background: #333;
 27 |             padding: 10px;
 28 |         }
 29 |         .nav a {
 30 |             color: white;
 31 |             padding: 14px 20px;
 32 |             text-decoration: none;
 33 |         }
 34 |         .nav a:hover {
 35 |             background: #575757;
 36 |         }
 37 |         .container {
 38 |             display: flex;
 39 |             justify-content: center;
 40 |             align-items: center;
 41 |             height: 80vh;
 42 |             flex-direction: column;
 43 |             text-align: center;
 44 |         }
 45 |         .checkout-box {
 46 |             background: white;
 47 |             padding: 20px;
 48 |             border-radius: 5px;
 49 |             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 50 |             width: 400px;
 51 |         }
 52 |         .checkout-box select, .checkout-box input {
 53 |             width: 100%;
 54 |             padding: 10px;
 55 |             margin: 10px 0;
 56 |             border: 1px solid #ccc;
 57 |             border-radius: 5px;
 58 |         }
 59 |         .checkout-box button {
 60 |             background: #4CAF50;
 61 |             color: white;
 62 |             padding: 10px;
 63 |             border: none;
 64 |             width: 100%;
 65 |             border-radius: 5px;
 66 |             cursor: pointer;
 67 |         }
 68 |         .checkout-box button:hover {
 69 |             background: #45a049;
 70 |         }
 71 |         .footer {
 72 |             text-align: center;
 73 |             padding: 10px;
 74 |             background: #4CAF50;
 75 |             color: white;
 76 |             margin-top: 20px;
 77 |         }
 78 |     </style>
 79 | </head>
 80 | <body>
 81 |     <div class="header">Drip Irrigation Store - Checkout</div>
 82 |     <div class="nav">
 83 |         <a href="index.html">Home</a>
 84 |         <a href="products.html">Products</a>
 85 |         <a href="contact.html">Contact</a>
 86 |     </div>
 87 |     <div class="container">
 88 |         <div class="checkout-box">
 89 |             <h2>Payment Method</h2>
 90 |             <form action="Products.html">
 91 |                 <label for="name">Full Name</label>
 92 |                 <input type="text" id="name" placeholder="Enter your name" required>
 93 |                 
 94 |                 <label for="address">Delivery Address</label>
 95 |                 <input type="text" id="address" placeholder="Enter your address" required>
 96 |                 
 97 |                 <label for="payment">Choose Payment Method</label>
 98 |                 <select id="payment" required>
 99 |                     <option value="upi">UPI</option>
100 |                     <option value="credit">Credit Card</option>
101 |                     <option value="debit">Debit Card</option>
102 |                     <option value="netbanking">Net Banking</option>
103 |                     <option value="cod">Cash on Delivery</option>
104 |                 </select>
105 |                 
106 |                 <button type="submit">Proceed to Pay</button>
107 |             </form>
108 |         </div>
109 |     </div>
110 |     <div class="footer">&copy; 2025 Drip Irrigation Store</div>
111 | </body>
112 | </html>
113 | 


--------------------------------------------------------------------------------
/Products.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Drip Irrigation Store</title>
 7 |     <link rel="stylesheet" href="style.css">
 8 | </head>
 9 | <body>
10 |     <div class="header">Drip Irrigation Store</div>
11 |     <div class="nav">
12 |         <a href="index.html">Home</a>
13 |         <a href="products.html">Products</a>
14 |         <a href="contact.html">Contact</a>
15 |         <a href="about.html">About</a>
16 |     </div>
17 |     <div class="container">
18 |         <div class="product">
19 |             <a href="buy.html"><img src="images/img1.jpg" alt="Drip Kit"></a>
20 |             <h3>Adjustable Drip Irrigation Emitters</h3>
21 |             <p>Ascension Agro Drip Irrigation Garden Watering Plants Drip Emitters for Drip Irrigation</p>
22 |         </div>
23 |         <div class="product">
24 |             <a href="Buy.html"><img src="images/img2.jpg" alt="Sprinkler"></a>
25 |             <h3>Drip Irrigation Hole Punch Tool</h3>
26 |             <p>This is a drip irrigation hole punch tool, used for creating precise holes in polyethylene tubing.</p>
27 |         </div>
28 |         <div class="product">
29 |             <a href="Buy.html"><img src="images/img3.webp" alt="Hose Pipe"></a>
30 |             <h3>Soil Auger (Ground Hole Digger)</h3>
31 |             <p>A manually operated tool used to create holes in the ground for planting, fencing, or irrigation system installation.</p>
32 |         </div>
33 |         <div class="product">
34 |             <a href="Buy.html"><img src="images/img4.webp" alt="Water Timer"></a>
35 |             <h3>Drip Irrigation Pipe</h3>
36 |             <p>A flexible black polyethylene pipe used in drip irrigation systems to distribute water directly to plant roots.</p>
37 |         </div>
38 |         <div class="product">
39 |             <a href="Buy.html"><img src="images/img5.webp" alt="Filter"></a>
40 |             <h3>Barbed Elbow Connector</h3>
41 |             <p>A plastic connector used to join drip irrigation pipes at a 90-degree angle.</p>
42 |         </div>
43 |         <div class="product">
44 |             <a href="Buy.html"><img src="images/img6.webp" alt="Connector"></a>
45 |             <h3>Inline Control Valve</h3>
46 |             <p>A small manual valve used in drip irrigation systems to regulate or shut off water flow.</p>
47 |         </div>
48 |         <div class="product">
49 |             <a href="Buy.html"><img src="images/img7.webp" alt="Emitters"></a>
50 |             <h3>Micro Sprinkler</h3>
51 |             <p>A small sprinkler designed for precision watering in gardens and farms.</p>
52 |         </div>
53 |         <div class="product">
54 |             <a href="Buy.html"><img src="images/img8.webp" alt="Pressure Regulator"></a>
55 |             <h3>Impact Sprinkler</h3>
56 |             <p>A high-pressure sprinkler that rotates as water flows through, covering a large area.</p>
57 |         </div>
58 |         <div class="product">
59 |             <a href="Buy.html"><img src="images/img9.webp" alt="Fertilizer Injector"></a>
60 |             <h3>Brass Impact Sprinkler</h3>
61 |             <p>A durable, corrosion-resistant sprinkler made of brass.</p>
62 |         </div>
63 |         <div class="product">
64 |             <a href="Buy.html"><img src="images/img10.webp" alt="Micro Tubing"></a>
65 |             <h3>Multi-Nozzle Rotating Sprinkler</h3>
66 |             <p>A sprinkler with multiple nozzles that rotates while spraying.</p>
67 |         </div>
68 |         <div class="product">
69 |             <a href="Buy.html"><img src="images/irrigation-filters1.jpg" alt="Micro Tubing"></a>
70 |             <h3>Drip Irrigation Filters</h3>
71 |             <p>Essential filtration components that prevent debris from clogging drip irrigation pipes.</p>
72 |         </div>
73 |         <div class="product">
74 |             <a href="Buy.html"><img src="images/irrigation-filters2.jpg" alt="Micro Tubing"></a>
75 |             <h3>Hydrocyclone Sand Separator</h3>
76 |             <p>A filtration device that removes sand and heavy particles from irrigation water.</p>
77 |         </div>
78 |     </div>
79 |     <div class="footer">&copy; 2025 Drip Irrigation Store</div>
80 | </body>
81 | </html>
82 | 


--------------------------------------------------------------------------------
/about.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <title>About Us - Drip Irrigation Store</title>
  7 |     <style>
  8 |         body {
  9 |             font-family: Arial, sans-serif;
 10 |             margin: 0;
 11 |             padding: 0;
 12 |             background: url('images/Drippers-for-Drip-Irrigation.jpg') no-repeat center center fixed;
 13 |             background-size: cover;
 14 |             animation: bgAnimation 10s infinite alternate ease-in-out;
 15 |         }
 16 | 
 17 |         @keyframes bgAnimation {
 18 |             0% {
 19 |                 background-position: center top;
 20 |             }
 21 |             50% {
 22 |                 background-position: center center;
 23 |             }
 24 |             100% {
 25 |                 background-position: center bottom;
 26 |             }
 27 |         }
 28 | 
 29 |         .header {
 30 |             background: rgba(76, 175, 80, 0.9);
 31 |             color: white;
 32 |             padding: 15px;
 33 |             text-align: center;
 34 |             font-size: 24px;
 35 |         }
 36 |         .nav {
 37 |             display: flex;
 38 |             justify-content: center;
 39 |             background: #333;
 40 |             padding: 10px;
 41 |         }
 42 |         .nav a {
 43 |             color: white;
 44 |             padding: 14px 20px;
 45 |             text-decoration: none;
 46 |         }
 47 |         .nav a:hover {
 48 |             background: #575757;
 49 |         }
 50 |         .container {
 51 |             display: flex;
 52 |             justify-content: center;
 53 |             align-items: center;
 54 |             height: 80vh;
 55 |             flex-direction: column;
 56 |             text-align: center;
 57 |             padding: 20px;
 58 |         }
 59 |         .about-box {
 60 |             background: rgba(255, 255, 255, 0.9);
 61 |             padding: 20px;
 62 |             border-radius: 5px;
 63 |             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 64 |             width: 600px;
 65 |             perspective: 1000px;
 66 |         }
 67 |         .about-box:hover {
 68 |             animation: flipAnimation 1s ease-in-out;
 69 |             color: #16cca5;
 70 |             background-color: rgb(70, 0, 70);
 71 |         }
 72 | 
 73 |         @keyframes flipAnimation {
 74 |             0% {
 75 |                 transform: rotateY(0deg);
 76 |             }
 77 |             50% {
 78 |                 transform: rotateY(180deg);
 79 |             }
 80 |             100% {
 81 |                 transform: rotateY(360deg);
 82 |             }
 83 |         }
 84 |         .footer {
 85 |             text-align: center;
 86 |             padding: 10px;
 87 |             background: rgba(76, 175, 80, 0.9);
 88 |             color: white;
 89 |             margin-top: 20px;
 90 |         }
 91 |     </style>
 92 | </head>
 93 | <body>
 94 |     <div class="header">Drip Irrigation Store - About Us</div>
 95 |     <div class="nav">
 96 |         <a href="index.html">Home</a>
 97 |         <a href="login.html">Login</a>
 98 |         <a href="signup.html">Sign Up</a>
 99 |         <a href="contact.html">Contact</a>
100 |         <a href="about.html">About</a>
101 |     </div>
102 |     <div class="container">
103 |         <div class="about-box">
104 |             <h2>Who We Are</h2>
105 |             <p>Welcome to Drip Irrigation Store, your trusted source for high-quality drip irrigation products. Our mission is to provide efficient, sustainable, and cost-effective irrigation solutions to help farmers and gardeners maximize their water usage.</p>
106 |             <h3>Our Vision</h3>
107 |             <p>We aim to revolutionize irrigation technology by making modern drip irrigation systems accessible and affordable for everyone.</p>
108 |             <h3>Why Choose Us?</h3>
109 |             <ul>
110 |                 <li>High-quality and durable products</li>
111 |                 <li>Affordable pricing</li>
112 |                 <li>Expert customer support</li>
113 |                 <li>Fast and reliable delivery</li>
114 |             </ul>
115 |         </div>
116 |     </div>
117 |     <div class="footer">&copy; 2025 Drip Irrigation Store</div>
118 | </body>
119 | </html>
120 | 


--------------------------------------------------------------------------------