-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathcontact.html
209 lines (199 loc) · 13.5 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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Zuri Academy - Home</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/contact.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
<!-- Fontawesome CSS -->
<link href="css/font-awesome.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<!-- Top Bar -->
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container-fluid">
<a class="navbar-brand" href="#"><img src="img/ZURI LOGO.svg" /></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Courses</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">FAQ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact Us</a>
</li>
<li class="nav-item">
<button class="signin">Sign In</button>
</li>
<li class="nav-item">
<button class="devugo-btn register">Register Now</button>
</li>
</ul>
</div>
</div>
</nav>
<!-- full Title -->
<div class="contact-title d-flex align-items-end">
<div class="container">
<div class="text-center">
<h1> Get in touch with us </h1>
<p>Your feedback help us grow and serve you better</p>
</div>
</div>
</div>
<section class="contact-main">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 contact-left">
<h2>Contact Us</h2>
<p id="contact-text">
Get in touch with us if you have any question
<br/>or you want to give us feedback.
</p>
<p>We look forward to hearing from you!</p>
<form>
<div class="form-group contact-input">
<label for="formGroupExampleInput">Name</label>
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="">
</div>
<div class="form-group contact-input">
<label for="formGroupExampleInput2">Email Address</label>
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="">
</div>
<div class="form-group contact-input">
<label for="exampleFormControlTextarea1">Compose Message</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>
<button class="devugo-btn register">SEND</button>
</form>
</div>
<div class=" col-12 col-lg-6 contact-right" title="social-media">
<div>
<p id="first"><svg width="18" height="26" viewBox="0 0 18 26" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M9 0.500053C4.16875 0.500053 0.25 4.4188 0.25 9.25004C0.25 15.8125 9 25.5 9 25.5C9 25.5 17.75 15.8125 17.75 9.25004C17.75 4.4188 13.8313 0.500053 9 0.500053ZM9 12.375C7.275 12.375 5.875 10.975 5.875 9.25004C5.875 7.52504 7.275 6.12504 9 6.12504C10.725 6.12504 12.125 7.52504 12.125 9.25004C12.125 10.975 10.725 12.375 9 12.375Z" fill="#112D4E"/>
</svg> <span >78 Stella Badmus Street Off Ologuneru, Ibadan</span>
</p>
<p><svg width="18" height="26" viewBox="0 0 20 22" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.8735 21.7374C17.1597 22.318 19.623 18.8081 19.6372 18.2199C19.662 17.2167 15.8004 14.1119 15.2349 14.3548C14.3452 14.7369 11.7334 15.4388 11.2777 15.3368C9.60174 14.9609 5.24839 8.92871 5.67961 7.57941C5.79654 7.21288 7.86266 5.75416 8.72086 5.32896C9.26689 5.05854 7.83645 0.830907 6.73801 0.346178C6.09419 0.0621457 1.063 0.0136727 0.548504 1.88796C-1.22493 8.34732 6.99454 19.7364 14.8735 21.7374V21.7374Z" fill="#112D4E"/>
</svg> <span> 09024356718 08024312567</span>
</p>
<p><svg width="18" height="26" viewBox="0 0 26 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M23 -1.90735e-06H3C1.61875 -1.90735e-06 0.5125 1.11875 0.5125 2.5L0.5 17.5C0.5 18.8812 1.61875 20 3 20H23C24.3813 20 25.5 18.8812 25.5 17.5V2.5C25.5 1.11875 24.3813 -1.90735e-06 23 -1.90735e-06ZM23 5L13 11.25L3 5V2.5L13 8.75L23 2.5V5Z" fill="#112D4E"/>
</svg><span>Info@zuriacademy.com</span>
</p>
<p><svg width="18" height="26" viewBox="0 0 13 25" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M10.6636 4.15103H12.9459V0.176034C12.5521 0.121867 11.198 -7.62939e-06 9.62087 -7.62939e-06C6.33024 -7.62939e-06 4.07608 2.06978 4.07608 5.87394V9.37497H0.444824V13.8187H4.07608V24.9999H8.52816V13.8198H12.0125L12.5657 9.37601H8.52712V6.31456C8.52816 5.03019 8.87399 4.15103 10.6636 4.15103Z" fill="#112D4E"/>
</svg>
<span> Zuri Academy</span>
</p>
<p><svg width="18" height="26" viewBox="0 0 25 21" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M24.6024 2.52146C24.0469 2.76777 23.4703 2.96208 22.8786 3.10276C23.5306 2.48324 24.0208 1.70835 24.2973 0.843432C24.3763 0.596514 24.1081 0.382997 23.8851 0.515203C23.062 1.00343 22.1754 1.3697 21.2498 1.60394C21.1961 1.61753 21.1407 1.62442 21.0851 1.62442C20.9165 1.62442 20.7526 1.56182 20.6237 1.4482C19.639 0.5803 18.3724 0.10231 17.0575 0.10231C16.4885 0.10231 15.914 0.190996 15.35 0.36593C13.6023 0.907981 12.2539 2.34957 11.8308 4.12817C11.6721 4.79529 11.6291 5.46303 11.703 6.11278C11.7115 6.18745 11.6762 6.23956 11.6544 6.264C11.6162 6.30685 11.562 6.33142 11.5058 6.33142C11.4995 6.33142 11.493 6.33111 11.4866 6.3305C7.66111 5.97509 4.21144 4.13207 1.77303 1.141C1.64868 0.988439 1.41024 1.00715 1.31113 1.17715C0.833627 1.99635 0.581283 2.93331 0.581283 3.88673C0.581283 5.34789 1.16832 6.72487 2.18799 7.72869C1.75919 7.62703 1.34417 7.4669 0.958641 7.25278C0.772126 7.14916 0.542639 7.28234 0.540018 7.49567C0.513321 9.66632 1.78418 11.5978 3.68797 12.4675C3.64964 12.4684 3.6113 12.4689 3.5729 12.4689C3.27112 12.4689 2.96556 12.4397 2.66482 12.3822C2.45478 12.3421 2.27832 12.5414 2.34354 12.745C2.96148 14.6742 4.62256 16.0963 6.61035 16.4191C4.9606 17.5266 3.03944 18.1107 1.03989 18.1107L0.416529 18.1104C0.224467 18.1104 0.0620284 18.2356 0.0130835 18.4216C-0.03513 18.6048 0.0536779 18.7981 0.217457 18.8934C2.47063 20.2047 5.0407 20.8977 7.65093 20.8977C9.93574 20.8977 12.073 20.4443 14.0033 19.5501C15.773 18.7303 17.3368 17.5585 18.6513 16.0672C19.8758 14.678 20.8334 13.0742 21.4973 11.3006C22.1302 9.61 22.4647 7.80604 22.4647 6.08377V6.00173C22.4646 5.72518 22.5897 5.46498 22.8079 5.28785C23.6359 4.61554 24.357 3.82413 24.951 2.93563C25.1078 2.70102 24.8605 2.40699 24.6024 2.52146Z" fill="#112D4E"/>
</svg><span>Zuri_Academy</span></p>
<p><svg width="18" height="26" viewBox="0 0 24 25" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M13.6973 12.5C13.6973 13.7135 12.7135 14.6973 11.5 14.6973C10.2865 14.6973 9.30273 13.7135 9.30273 12.5C9.30273 11.2865 10.2865 10.3027 11.5 10.3027C12.7135 10.3027 13.6973 11.2865 13.6973 12.5Z" fill="#112D4E"/>
<path d="M15.2109 5.85938H7.78906C6.17354 5.85938 4.85938 7.17354 4.85938 8.78906V16.2109C4.85938 17.8265 6.17354 19.1406 7.78906 19.1406H15.2109C16.8265 19.1406 18.1406 17.8265 18.1406 16.2109V8.78906C18.1406 7.17354 16.8265 5.85938 15.2109 5.85938ZM11.5 16.1621C9.48069 16.1621 7.83789 14.5193 7.83789 12.5C7.83789 10.4807 9.48069 8.83789 11.5 8.83789C13.5193 8.83789 15.1621 10.4807 15.1621 12.5C15.1621 14.5193 13.5193 16.1621 11.5 16.1621ZM15.6992 9.0332C15.2947 9.0332 14.9668 8.70533 14.9668 8.30078C14.9668 7.89623 15.2947 7.56836 15.6992 7.56836C16.1038 7.56836 16.4316 7.89623 16.4316 8.30078C16.4316 8.70533 16.1038 9.0332 15.6992 9.0332Z" fill="#112D4E"/>
<path d="M17.4082 0H5.5918C1.95715 0 -1 2.95715 -1 6.5918V18.4082C-1 22.0428 1.95715 25 5.5918 25H17.4082C21.0428 25 24 22.0428 24 18.4082V6.5918C24 2.95715 21.0428 0 17.4082 0ZM19.6055 16.2109C19.6055 18.634 17.634 20.6055 15.2109 20.6055H7.78906C5.36597 20.6055 3.39453 18.634 3.39453 16.2109V8.78906C3.39453 6.36597 5.36597 4.39453 7.78906 4.39453H15.2109C17.634 4.39453 19.6055 6.36597 19.6055 8.78906V16.2109Z" fill="#112D4E"/>
</svg><span>Zuri_Academy</span>
</p>
</div>
</div>
</div>
</div>
</section>
<!--footer starts from here-->
<section class="footer" id="#footer">
<div class="navigations">
<div class="navigation">
<h4 class="footer-nav">About Zuri Academy <i class="fa fa-caret-down"></i></h4>
<ul class="footer-nav__content">
<li><a href="#">Our Instructors</a></li>
<li><a href="#">Our Goal</a></li>
<li><a href="#">Our Partners</a></li>
<li><a href="#">Become An Instructor</a></li>
</ul>
</div>
<div class="navigation">
<h4 class="footer-nav">Zuri Courses <i class="fa fa-caret-down"></i></h4>
<ul class="footer-nav__content">
<li><a href="#">Zuri Beginner</a></li>
<li><a href="#">Zuri Intermediate</a></li>
<li><a href="#">Zuri Advanced</a></li>
<li><a href="#">Learn By Interest</a></li>
<li><a href="#">Learn By Subject</a></li>
<li><a href="#">Course Guidelines</a></li>
</ul>
</div>
<div class="navigation">
<h4 class="footer-nav">Ned Help <i class="fa fa-caret-down"></i></h4>
<ul class="footer-nav__content">
<li><a href="#">FAQs</a></li>
<li><a href="#">Help Center</a></li>
<li><a href="#">Subscribe for Newsletter</a></li>
</ul>
</div>
<div class="navigation">
<h4 class="footer-nav">Collaborate <i class="fa fa-caret-down"></i></h4>
<ul class="footer-nav__content">
<li><a href="#">Donate Now</a></li>
<li><a href="#">Send Resources</a></li>
</ul>
</div>
<div class="navigation">
<h4 class="footer-nav">Contact Us </h4>
<ul class="footer-nav__content">
<li>
<div>
<img src="img/faq/Group.svg" />
<ul>
<li>09024356718</li>
<li>09024356718</li>
</ul>
</div>
</li>
<li>
<p>
<img src="img/faq/Vector (1).svg" />
<span>info@zuriacademy.com</span>
</p>
</li>
<li class="social-icons">
<img src="img/faq/Group 10.svg" />
<img src="img/faq/Vector (2).svg" />
<img src="img/faq/Group.svg" />
<img src="img/faq/Vector (3).svg" />
</li>
</ul>
</div>
</div>
<footer>
<div>
<span>© Zuri A, Inc. 2020. All rights reserved.</span>
</div>
</footer>
</section>
</body>
</html>