-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
126 lines (126 loc) · 6.7 KB
/
contact.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
<ul id="navbar">
<li><a href="index.html">Home</a></li>
<li><a href="https://code.earthengine.google.co.in/?accept_repo=users/vishalmaurya850/Real_Time_Monitoring_Land">Infrastructure Recommendation</a></li>
<li><a href="../hackathon/hospital.html">One Tap Emergency Service</a></li>
<li><a href="../hackathon/contact.html">Contact Us</a></li>
</ul>
</nav>
<form id="feedback-form">
<label for="rating">Rating:</label>
<input type="number" id="rating" name="rating" min="1" max="5">
<label for="comments">Comments:</label>
<textarea id="comments" name="comments"></textarea>
<label for="contact-info">Contact Information (Optional):</label>
<input type="text" id="contact-info" name="contact-info">
<input type="submit" value="Submit Feedback">
</form>
<script>
// Add event listener to form submission
document.getElementById("feedback-form").addEventListener("submit", function(event) {
event.preventDefault();
// Get form data
var formData = new FormData(document.getElementById("feedback-form"));
// Send form data to server using AJAX
var xhr = new XMLHttpRequest();
xhr.open("POST", "/submit-feedback", true);
xhr.send(formData);
// Display success message
document.getElementById("feedback-form").innerHTML = "<p>Thank you for your feedback!</p>";
});
</script>
<footer >
<div class="new_footer_top" >
<table><tr><td>
<div class="col1">
<div class="f_widget company_widget wow fadeInLeft" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInLeft;">
<h3 class="f-title f_600 t_color f_size_18">Get in Touch</h3>
<form action="#" class="f_subscribe_two mailchimp" method="post" novalidate="true" _lpchecked="1">
<input type="text" name="EMAIL" class="form-control memail" placeholder="Email">
<button class="btn btn_get btn_get_two" type="submit">Subscribe</button>
<p class="mchimp-errmessage" style="display: none;"></p>
<p class="mchimp-sucmessage" style="display: none;"></p>
</form>
</div>
</div></td><td>
<div class="col2">
<div class="f_widget about-widget pl_70 wow fadeInLeft" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInLeft;">
<h3 class="f-title f_600 t_color f_size_18">Download</h3>
<ul class="list-unstyled f_list">
<li><a href="#">Company</a></li>
<li><a href="#">Android App</a></li>
<li><a href="#">ios App</a></li>
<li><a href="#">Desktop</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">My tasks</a></li>
</ul>
</div>
</div></td><td>
<div class="col3">
<div class="f_widget about-widget pl_70 wow fadeInLeft" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInLeft;">
<h3 class="f-title f_600 t_color f_size_18">Help</h3>
<ul class="list-unstyled f_list">
<li><a href="#">FAQ</a></li>
<li><a href="#">Term & conditions</a></li>
<li><a href="#">Reporting</a></li>
<li><a href="#">Documentation</a></li>
<li><a href="#">Support Policy</a></li>
<li><a href="#">Privacy</a></li>
</ul>
</div>
</div> </td><td>
<div class="f_widget social-widget pl_70 wow fadeInLeft" data-wow-delay="0.8s" style="visibility: visible; animation-delay: 0.8s; animation-name: fadeInLeft;">
<h3 class="f-title f_600 t_color f_size_18">Team CodeBreakers</h3>
<div class="footer-content">
<div>
<div>Priya Gupta</div>
</div>
<a href="https://www.linkedin.com/in/priya-gupta-068b4624b" class="linkedin-link" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</div>
<div class="footer-content">
<div >
<div>Vishal Maurya</div>
</div>
<a href="https://www.linkedin.com/in/vishal-maurya-a0530618b" class="linkedin-link" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</div>
<div class="f_social_icon">
<a href="#" class="fab fa-facebook"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-linkedin"></a>
<a href="#" class="fab fa-pinterest"></a>
</div>
</div>
</div></td></tr>
</table>
<div class="footer_bg">
<div class="footer_bg_one"></div>
<div class="footer_bg_two"></div>
</div>
</div>
<div class="footer_bottom">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-sm-7">
<p class="mb-0 f_400">© codebreakers Inc.. 2024 All rights reserved.</p>
</div>
</div>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>