-
Notifications
You must be signed in to change notification settings - Fork 0
/
index-deprecated.html
56 lines (55 loc) · 2.65 KB
/
index-deprecated.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
<!DOCTYPE html>
<html>
<head>
<title>Save the Clifton Park, NY Castle Playground</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<!-- Bootstrap JS -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h1>Save the Clifton Park, NY Castle Playground</h1>
<p>The Clifton Park Castle Playground is more than just a playground. It's a cherished community landmark that has brought joy to generations of residents. It's a place where children can play, imagine, and create memories that will last a lifetime.</p>
<p>This playground is one of the few remaining wooden playgrounds in the area, and it's a testament to the hard work and dedication of the town residents who raised the money to build it. It's a symbol of our community spirit and our commitment to providing a safe and enjoyable space for our children.</p>
<img src="https://cdn.thelocalmomsnetwork.net/wp-content/uploads/sites/9/2019/05/21130537/img_3429.jpg" class="img-fluid">
<br><br>
<div class="row">
<div class="col-md-6">
<h2>Sign the Petition</h2>
<form action="/submit-petition" method="POST">
<div class="form-group">
<label for="name">Name:</label>
<input type="text" class="form-control" id="name" name="name" required>
</div>
<div class="form-group">
<label for="address">Address OR Neighborhood:</label>
<input type="text" class="form-control" id="address" name="address" required>
</div>
<div class="form-group">
<label for="comments">Comments:</label>
<textarea class="form-control" id="comments" name="comments" rows="5" placeholder="Tell us why this playground is important to you"></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</div>
<script>
const form = document.getElementById('myForm');
form.addEventListener('submit', (event) => {
event.preventDefault();
const formData = new FormData(form);
fetch('http://localhost:3000/submit-petition', {
method: 'POST',
body: formData
})
.then(response => response.text())
.then(data => console.log(data))
.catch(error => console.log(error));
});
</script>
</body>
</html>