cetcweb/contact.html at main · CodeitLina/cetcweb · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Page</title>
    <link rel="stylesheet" href="contact.css">
</head>
<body>

    <section id="contact" onsubmit="sendMail(); return false;">
        <h1>Contact Us</h1>
        <p>EmailJs or another api can be used here.</p>
        <form class="needs-validation" novalidate>
            <div>
              <label for="contactName" class="form-label">Name</label>
              <input type="text" class="form-control" id="contactName" placeholder="Your name" required>
              <div class="valid-feedback">Looks good!</div>
              <div class="invalid-feedback">Please provide your name.</div>
            </div>
            <div>
              <label for="contactEmail" class="form-label">Email</label>
              <input type="email" class="form-control" id="contactEmail" placeholder="Your email address" required>
              <div class="valid-feedback">Looks good!</div>
              <div class="invalid-feedback">Please provide a valid email address.</div>
            </div>
            <div>
              <label for="contactMessage" class="form-label">Message</label>
              <textarea class="form-control form-control-lg"  id="contactMessage" placeholder="Your message" required></textarea>
              <div class="valid-feedback">Looks good!</div>
              <div class="invalid-feedback">Please enter your message.</div>
            </div>
            <div>
              <button type="submit" class="form-submit" id="form-submit">Submit</button>
            </div>
          </form>
    </section>
    <script type="text/javascript"
    src="#">
</script>
<script type ="text/javascript">
(function(){
  emailjs.init({
    publicKey: "#",
  });
})();
</script>
</script>
    <script src="contact.js"></script>
</body>
</html>