-
Notifications
You must be signed in to change notification settings - Fork 0
/
Suggest.html
128 lines (125 loc) · 6.86 KB
/
Suggest.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
127
128
<!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,viewport-fit=cover">
<title>Suggest Us</title>
<script src="sw-register.js"></script>
<link rel="manifest" href="app.webmanifest">
<link rel="apple-touch-icon" href="icon100.png">
<link rel="shortcut icon" href="icon16.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/stylesuggest.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<script src="https://code.jquery.com/jquery-3.4.1.js"
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Baloo+Bhai+2&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid" style="font-family: 'Baloo Bhai 2', cursive;">
<a href="index.html"><img class="logo" src="attachments/download.jpg" alt="Logo Here"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent"
style="font-family: 'Baloo Bhai 2', cursive;">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="/"><span class="H">Home</span></a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="about.html"><span class="H">Our
Services</span></a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="Note.html"><span class="H">Create
Notes</span></a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Navbar completed from index.html with deleted search option -->
<div class="back">
<div class="container">
<div class="hl">
<div class="quote">
<h1><q>Coming together is a beginning. Keeping together is progress. Working together is
success.</q>
</h1>
</div>
<div class="quote-end">
<h3>-Henry Ford</h3>
</div>
<div class="text">
This is first project and I am learning phase still like I have to learn about backend and etc lot.
If
you want to suggest me like what can I improve or give ideas like to improve other than that I
mentioned
in About us page it will be more helpful and please do me help. If you want to help me please fill
this
form like you can give me suggestions and complaints too (if any) as we all know that failures are
stepping stones of success. I want to hear critics so that I can learn from them and try avoiding
those
mistakes and also please share this (if possible with your friends) and please do support me.
</div>
</div>
<form id="myForm" action="/">
<div class="my-4">
<label for="exampleFormControlInput1email" class="form-label">Your Email address</label>
<input type="email" class="form-control" id="exampleFormControlInput1email name"
placeholder="Enter your email example: name@example.com" name="Your Email address" required>
</div>
<div class="mb-4">
<label for="exampleFormControlInput1name" class="form-label">Your Name</label>
<input type="text" id="Email" class="form-control" id="exampleFormControlInput1name"
name="Your Name" placeholder="Enter your name please">
</div>
<div class="mb-4">
<label for="exampleFormControlTextarea1" class="form-label">Your Suggestions/Complaints</label>
<textarea id="Phone" class="form-control" name="Your Suggestions/Complaints"
id="exampleFormControlTextarea1" rows="6"></textarea>
</div>
<div class="mb-4">
<label for="exampleFormControlcontact" class="form-label">Your Contact number</label>
<input type="text" id="Message" class="form-control" name="Your Contact number"
id="exampleFormControlcontact" placeholder="Enter your contact number">
</div>
</form>
<!-- <div class="col-auto"> -->
<input class="btn btn-secondary" type="submit" onclick='SubForm()'></input>
<!-- </div> -->
</div>
</div>
<script>
let d = document.getElementById('name');
function SubForm() {
$.ajax({
url: "https://api.apispreadsheets.com/data/17871/",
type: "post",
data: $("#myForm").serializeArray(),
success: function () {
document.getElementById("myForm").reset();
alert('Your Data Entry Success :)')
},
error: function () {
alert("There was an error :(")
}
});
}
</script>
</body>
</html>