Contact-Form/index.html at main · Nikhila-DN/Contact-Form · 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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device -->

  <link rel="icon" type="image/png" sizes="32x32" href="./assets/images/favicon-32x32.png">

  <title>Contact form | Frontend Mentor</title>

    <!-- base SEO -->
    <meta
      property="og:title"
      content="Contact form | Frontend Mentor | Nikhila D"
    />
    <meta
      name="description"
      content="Contact form, a Frontend Mentor project, showcasing dynamic content rendering and responsive design."
    />
     <meta
      property="og:description"
      content="Contact form, a Frontend Mentor project, showcasing dynamic content rendering and responsive design."
    />

    <meta
      property="og:url"
      content="https://contact-form-frontendmentor-challenge.netlify.app/"
    />
    <meta
      name="keywords"
      content="Contact form solution, Contact form, Contact, Form, Frontend Mentor project, Dynamic content rendering, Responsive design, Web development, HTML, CSS, JavaScript, Practice project, Front-end development, Coding challenge, UI design, User interface, Data visualization, Nikhila, Nikhila D"
    />

  <!-- Feel free to remove these styles or customise in your own stylesheet 👍 -->
  <style>
    .attribution { font-size: 11px; text-align: center; }
    .attribution a { color: hsl(228, 45%, 44%); }
  </style>
</head>
<body>

  Contact Us

  First Name
  This field is required

  Last Name
  This field is required

  Email Address
  Please enter a valid email address
  This field is required

  Query Type
  General Enquiry
  Support Request
  Please select a query type

  Message
  This field is required

  I consent to being contacted by the team
  To submit this form, please consent to being contacted

  Submit

  Message Sent!
  Thanks for completing the form. We'll be in touch soon!

  <div class="attribution">
    Challenge by <a href="https://www.frontendmentor.io?ref=challenge">Frontend Mentor</a>.
    Coded by <a href="#">Your Name Here</a>.
  </div>
</body>
</html>