forked from ipectrinity/thehiddenones
-
Notifications
You must be signed in to change notification settings - Fork 0
/
ContactUs.html
65 lines (58 loc) · 2.68 KB
/
ContactUs.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
<!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">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins&family=Roboto&display=swap" rel="stylesheet">
<link rel="stylesheet" href="ContactUs.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Cabin:wght@700&display=swap" rel="stylesheet">
<title>Contact-Us</title>
</head>
<body id="baap">
<div id="logo">
<a href="index.html"><img src="/vrshney.jpeg" alt=""></a>
</div>
<section id="main_contact">
<div class="left_part">
<h1 class="form">FORM</h1>
<form action="" class="form">
<div>
<p>FULL NAME: <input placeholder="Enter Your Name" type="text"></p>
</div>
<!-- <br> -->
<div id="phone">
<p>
PHONE NO:<input placeholder="Enter your PhoneNumber" type="tel">
</p>
</div>
<div id="email">
<p>
EMAIL: <input type="email" placeholder="Enter you're EMAIL">
</p>
</div>
<div id="message">
<p>
MESSAGE:
</p>
<p>
  <textarea placeholder="Enter you're MESSAGE here"></textarea>
</p>
</div>
<a href="ContactUs.html"><button type="button" class="button btn btn-primary" onclick="alert(`You're FORM has been SUBMITTED.`)">SUBMIT</button></a>
</form>
</div>
<div class="right_part">
<h1>We Are <b>ALWAYS</b> There For <b>YOU</b></h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum delectus commodi provident hic fugiat
cumque ullam voluptas, voluptatibus corrupti consequatur corporis magni unde atque. Iure, molestias
explicabo et nulla eos possimus sunt animi neque, temporibus illo in corrupti asperiores repellat!</p>
</div>
</section>
<script src="main.js"></script>
</body>
</html>