-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact_us.html
92 lines (87 loc) · 3.2 KB
/
contact_us.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Contact Us</title>
<link rel="stylesheet" href="CSS/contact_us.css" />
<script
src="https://kit.fontawesome.com/64d58efce2.js"
crossorigin="anonymous"
></script>
</head>
<body>
<div class="container">
<span class="big-circle"></span>
<img src="Image/shape.png" class="square" alt="" />
<div class="form">
<div class="contact-info">
<h3 class="title">Let's get in touch</h3>
<p class="text">
Hi there! You are on the right place if you want to contact us. Just get in touch with any any of the options given below or fill the form on the right so that we can contact you.
</p>
<div class="info">
<div class="information">
<img src="Image/location.png" class="icon" alt="" />
<p>Our Address (Optional)</p>
</div>
<div class="information">
<img src="Image/email.png" class="icon" alt="" />
<p>WeDonate@gmail.com</p>
</div>
<div class="information">
<img src="Image/phone.png" class="icon" alt="" />
<p>123-456-789</p>
</div>
</div>
<div class="social-media">
<p>Connect with us :</p>
<div class="social-icons">
<a href="https://www.facebook.com/We Donate">
<i class="fab fa-facebook-f"></i>
</a>
<a href="https://twitter.com/We Donate">
<i class="fab fa-twitter"></i>
</a>
<a href="https://www.instagram.com/We Donate">
<i class="fab fa-instagram"></i>
</a>
<!-- <a href="https://linkedin.com/We Donate">
<i class="fab fa-linkedin-in"></i>
</a> -->
</div>
</div>
</div>
<div class="contact-form">
<span class="circle one"></span>
<span class="circle two"></span>
<form action="index.html" autocomplete="off">
<h3 class="title">Contact us</h3>
<div class="input-container">
<input type="text" name="name" class="input" />
<label for="">Full Name</label>
<span>Username</span>
</div>
<div class="input-container">
<input type="email" name="email" class="input" />
<label for="">Email</label>
<span>Email</span>
</div>
<div class="input-container">
<input type="tel" name="phone" class="input" />
<label for="">Phone</label>
<span>Phone</span>
</div>
<div class="input-container textarea">
<textarea name="message" class="input"></textarea>
<label for="">Message</label>
<span>Message</span>
</div>
<input type="submit" value="Send" class="btn" />
</form>
</div>
</div>
</div>
<script src="JavaScript/contact_us.js"></script>
</body>
</html>