-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
135 lines (108 loc) · 5.23 KB
/
contact.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
129
130
131
132
133
134
135
<!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">
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./CSS/contact.css">
<title>CITAM VRD | CONTACT-US</title>
</head>
<body>
<div class="dropdown">
<nav>
<img src="./IMAGES/citam.png" alt="logo image" class="logo" width="8%" height="8%">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT US</a></li>
<li><a href="#">MINISTRIES</a>
<ul>
<li><a href="fellow.html">FELLOWSHIP</a></li>
<li><a href="child.html">CHILDREN'S</a></li>
</ul>
</li>
<li><a href="contact.html">CONTACT US</a></li>
<li> <a href="#">BOOK</a>
<ul>
<li><a href="pray.html">PRAYERS</a></li>
<li><a href="counsell.html">COUNSELLING</a></li>
</ul>
</li>
</ul>
</nav> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<div class="container">
<section class="mb-4">
<p class="text-center w-responsive mx-auto mb-5">Do you have any questions? Please do not hesitate to contact us directly. Our team will come back to you within
a matter of hours to help you.</p>
<div class="row">
<div class="col-md-9 mb-md-0 mb-5">
<form id="contact-form" name="contact-form" action="mail.php" method="POST">
<div class="row">
<div class="col-md-6">
<div class="md-form mb-0">
<input type="text" id="name" name="name" class="form-control" required>
<label for="name" class="">Your name</label>
</div>
</div>
<div class="col-md-6">
<div class="md-form mb-0">
<input type="text" id="email" name="email" class="form-control" required>
<label for="email" class="">Your email</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="md-form mb-0">
<input type="text" id="subject" name="subject" class="form-control" required>
<label for="subject" class="">Subject</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="md-form">
<textarea type="text" id="message" name="message" rows="2" class="form-control md-textarea" required></textarea>
<label for="message">Your message</label>
</div>
</div>
</div>
</form>
<div class="text-center text-md-left">
<a class="btn btn-primary" onclick="document.getElementById('contact-form').submit();">Send</a>
</div>
<div class="status"></div>
</div>
<div class="col-md-3 text-center">
<ul class="list-unstyled mb-0">
<li><i class="fas fa-map-marker-alt fa-2x"></i>
<p>Opposite Department of Defense (DoD), 28 Valley Road, Nairobi, Kenya</p>
</li>
<li><i class="fas fa-phone mt-4 fa-2x"></i>
<p>(+254) 709 861 150</p>
</li>
<li><i class="fas fa-envelope mt-4 fa-2x"></i>
<p>citamvalleyrd@citam.org</p>
</li>
</ul>
</div>
</div>
</section>
</div>
<!--Section: Contact v.2-->
<div class="smlinks">
<ul>
<li><a href="https://twitter.com/CitamVrdKE">Twitter</a></li>
<li><a href="https://www.instagram.com/citamvrdke/">Instagram</a></li>
<li><a href="https://www.facebook.com/citamvrdke">Facebook</a></li>
<li><a href="https://citamblog.wordpress.com/">Wordpress</a></li>
</ul>
</div>
<p>All rights reserved © 2022, Daniel Mukenya ™</p>
</div>
</body>
</body>
</html>