forked from TheAdelowo/main_files
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
131 lines (120 loc) · 6.01 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Giftapad | Contact Us</title>
<!--CSS-->
<link rel="stylesheet" href="css/contact.css">
<!--adding tab icon image-->
<link rel="icon" type="image/png" href="https://res.cloudinary.com/ezeko/image/upload/v1567192680/favicon_2_zwujoa.png">
<!--FONT AWESOME-->
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,700" rel="stylesheet">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>
<body>
<header>
<!--GIFTAPAD LOGO -->
<div class="container">
<div id="giftapadlogo">
<!--redirection to hompage with index.html-->
<a href="index.html"><img class src="https://res.cloudinary.com/ibrahimygana/image/upload/v1567158561/START%20NG/ny4kqb4jzs7hdcnoklxm.png" alt="giftapad logo"></a>
</div>
<!--NAV BAR-->
<nav>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="https://forms.gle/97kHEfjkLAZzqHWE9">Membership</a></li>
<li><a href="team.html">Team</a></li>
<li class="current"><a href="#">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!--SHOWCASE-->
<section id="showcase">
<div class="container">
</div>
</section>
<!-- START CONTACT DESIGN AREA -->
<section id="contact" class="contact-ara" data-stellar-background-ratio="0.6">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="section-title white-title">
<h2 style="text-align: center">Reach Out To Us</h2>
</div>
</div>
</div>
<div class="contact-form-design-area">
<div class="col-sm-8">
<!-- START CONTACT FORM DESIGN AREA -->
<div class="contact-form">
<form id="contact-form" role="form">
<!-- IF MAIL SENT SUCCESSFULLY -->
<h6 class="text-success">Your message has been sent successfully. </h6>
<!-- IF MAIL SENDING UNSUCCESSFULL -->
<h6 class="text-danger">E-mail must be valid and message must be longer than 1 character.</h6>
<div class="col-md-12 col-sm-12">
<input type="text" class="form-control" id="cf-name" name="cf-name" placeholder="Your Name">
</div>
<div class="">
<input type="email" class="form-control" id="cf-email" name="email" placeholder="Your Email">
</div>
<div class="">
<input type="text" class="form-control" id="cf-subject" name="subject" placeholder="Your Subject">
</div>
<div class="">
<textarea class="form-control" rows="6" id="cf-message" name="cf-message" placeholder="Your Message"></textarea>
</div>
<div class="">
<button type="submit" class="form-control" id="cf-submit" name="submit">Send Message</button>
</div>
</form>
</div>
<!-- / END CONTACT FORM DESIGN AREA -->
</div>
<div class="">
<div class="single-contact-info " data-wow-delay="0.2s">
<i class="fa fa-map-marker"></i>
<h2>Visit Our Office</h2>
<p>Address</p>
</div>
<div class="single-contact-info" data-wow-delay="0.4s">
<i class="fa fa-mobile"></i>
<h2>Call Us</h2>
<p>+234-0000-0000</p>
</div>
<div class="single-contact-info" data-wow-delay="0.8s">
<i class="fa fa-envelope"></i>
<h2>Email Us</h2>
<p>[email protected]</p>
</div>
</div>
<!-- / END CONTACT FORM INFOMATION DESIGN AREA -->
</div>
</div>
</section>
<!-- / END CONTACT DESIGN AREA -->
<!-- START FOOTER DESIGN AREA -->
<footer class="footer-area">
<div class="footer-text" style="text-align: center" >
<h4>[email protected]</h4>
<div class="social-links">
<ul>
<li><a href="www.facebook.com/GiftAPad"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/GiftAPad"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.instagram.com/giftapad/"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
<p>23, Ogundana Street, Off Allen Avenue, Ikeja, Lagos</p>
<p>Gift A Pad. © 2019. All Rights Reserved.
<br/><a style="color: black !important;" href="about.html"><u>Find out more about Us</u></a>
</p>
</div>
</footer>
<!-- END OF FOOTER DESIGN AREA -->
</body>
</html>