-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
251 lines (244 loc) · 14.6 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
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
<!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, maximum-scale=1" />
<title>CarbonCoat</title>
<link rel="shortcut icon" type="image/x-icon" href="images/logo2.png" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link rel="stylesheet" href="css/flaticon.css" />
<link rel="stylesheet" href="css/owl.carousel.min.css" />
<link rel="stylesheet" href="css/owl.theme.css" />
<link rel="stylesheet" href="css/magnific-popup.css" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="css/royal-preload.css" />
<!-- REVOLUTION SLIDER CSS -->
<link rel="stylesheet" type="text/css" href="plugins/revolution/revolution/css/settings.css">
<!-- REVOLUTION NAVIGATION STYLE -->
<link rel="stylesheet" type="text/css" href="plugins/revolution/revolution/css/navigation.css">
</head>
<body class="royal_preloader">
<div id="page" class="site">
<header id="site-header" class="site-header sticky-header header-static">
<div class="octf-main-header">
<div class="octf-area-wrap">
<div class="container octf-mainbar-container">
<div class="octf-mainbar">
<div class="octf-mainbar-row octf-row">
<div class="octf-col logo-col">
<div id="site-logo" class="site-logo">
<a href="index.html">
<img src="images/logo.svg" alt="Engitech" class="">
</a>
</div>
</div>
<div class="octf-col menu-col">
<nav id="site-navigation" class="main-navigation">
<ul class="menu">
<li class="menu-item">
<a href="index.html">Home</a>
</li>
<li class="menu-item"><a href="learn-more.html">Learn More</a>
</li>
<li class="menu-item"><a href="contact.html">Contact Us</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header_mobile">
<div class="container">
<div class="mlogo_wrapper clearfix">
<div class="mobile_logo">
<a href="index.html">
<img src="images/logo.svg" alt="Engitech">
</a>
</div>
<div id="mmenu_toggle">
<button></button>
</div>
</div>
<div class="mmenu_wrapper">
<div class="mobile_nav collapse">
<ul id="menu-main-menu" class="mobile_mainmenu">
<li class="menu-item-has-children current-menu-item current-menu-ancestor">
<a href="index.html">Home</a>
<ul class="sub-menu">
<li class="current-menu-item"><a href="index.html">Home 1</a></li>
<li><a href="index-2.html">Home 2</a></li>
<li><a href="index-3.html">Home 3</a></li>
<li><a href="index-4.html">Home 4</a></li>
<li><a href="index-5.html">Home 5</a></li>
</ul>
</li>
<li class="menu-item-has-children"><a href="#">Company</a>
<ul class="sub-menu">
<li><a href="about-us.html">About us</a></li>
<li><a href="why-choose-us.html">Why Choose Us</a></li>
<li><a href="our-team.html">Our team</a></li>
<li><a href="single-team.html">Single team</a></li>
<li class="menu-item-has-children"><a href="shop.html">Shop</a>
<ul class="sub-menu">
<li><a href="single-product.html">Single Product</a></li>
<li><a href="checkout-page.html">Checkout Page</a></li>
<li><a href="cart-page.html">Cart Page</a></li>
</ul>
</li>
<li><a href="typography.html">Typography</a></li>
<li><a href="elements.html">Elements</a></li>
<li><a href="faq.html">FAQS</a></li>
<li><a href="404-error.html">404 Error</a></li>
<li><a href="cooming-soon.html">Coming Soon</a></li>
</ul>
</li>
<li class="menu-item-has-children"><a href="#">Services</a>
<ul class="sub-menu">
<li><a href="it-services.html">It Services</a></li>
<li><a href="web-development.html">Web Development</a></li>
<li><a href="mobile-development.html">Mobile Development</a></li>
</ul>
</li>
<li class="menu-item-has-children"><a href="#">Projects</a>
<ul class="sub-menu">
<li><a href="portfolio-masonry.html">Portfolio Masonry</a></li>
<li><a href="portfolio-carousel.html">Portfolio Carousel</a></li>
<li class="menu-item-has-children"><a href="portfolio-grid.html">Portfolio Grid</a>
<ul class="sub-menu">
<li><a href="portfolio-grid.html">Portfolio 3 Columns</a></li>
<li><a href="portfolio-4-column.html">Portfolio 4 Columns</a></li>
<li><a href="portfolio-no-gap.html">Portfolio No Gap</a></li>
</ul>
</li>
<li class="menu-item-has-children"><a href="portfolio-details-1.html">Portfolio Details</a>
<ul class="sub-menu">
<li><a href="portfolio-details-1.html">Single Layout 1</a></li>
<li><a href="portfolio-details-2.html">Single Layout 2</a></li>
<li><a href="portfolio-details-3.html">Single Layout 3</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children"><a href="blog.html">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Blog Listing</a></li>
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="post.html">Blog Single</a></li>
</ul>
</li>
<li><a href="contact.html">Contacts</a></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<div id="content" class="site-content">
<div class="page-header flex-middle" style="background-image: url(https://assets.kpmg/content/dam/kpmg/ng/images/contactus.jpg/jcr:content/renditions/original);">
<div class="container">
<div class="inner flex-middle">
<h1 class="page-title">Contact Us</h1>
</div>
</div>
</div>
<section class="contact-page">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="contact-left">
<div class="ot-heading">
<h2 class="main-heading">Contact us</h2>
</div>
<div class="space-5"></div>
<p>Send us and email, we endeavour to answer all enquiries within 24 hours on business days. We will be happy to answer your questions.</p>
<div class="contact-info box-style1">
<i class="flaticon-envelope"></i>
<div class="info-text">
<h6>Our Mailbox:</h6>
<p><a href="mailto:[email protected]">Saras |</a> <a href="mailto:[email protected]">Niyel |</a> <a href="mailto:[email protected]">Chase</a></p>
</div>
</div>
<div class="contact-info box-style1">
<img src="images/linkedin.png"></img>
<div class="info-text">
<h6>LinkedIn:</h6>
<p><a href="https://www.linkedin.com/in/sarasagrawal24/" target="_blank">Saras |</a> <a href="https://www.linkedin.com/in/niyelhassan" target="_blank">Niyel |</a> <a href="https://www.linkedin.com/in/chase-urban-0267861ba" target="_blank">Chase</a></p>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<form class="wpcf7">
<div class="main-form">
<h2>Have any questions?</h2>
<p class="font14">Your email address will not be published. Required fields are marked *</p>
<p>
<input type="text" name="name" value="" size="40" class="" aria-required="true" aria-invalid="false" placeholder="Your Name *" required>
</p>
<p>
<input type="email" name="email" value="" size="40" class="" aria-required="true" aria-invalid="false" placeholder="Your Email *" required>
</p>
<p>
<textarea name="message" cols="40" rows="10" class="" aria-invalid="false" placeholder="Message..." required></textarea>
</p>
<p><button type="submit" class="octf-btn octf-btn-light">Send Message</button>
</p>
</div>
</form>
</div>
</div>
</div>
</section>
<footer id="site-footer" class="site-footer footer-v1">
<div class="container">
<div class="row" style="padding: 20px 0px 20px 0px;">
<div class="col-md-6 mb-4 mb-md-0">
<img src="images/logo.svg" alt="" class="lazyloaded" data-ll-status="loaded" style="max-width: 50%;">
</div>
<div class="col-md-6 text-left text-md-right align-self-center">
<p class="copyright-text">Copyright © 2020 Engitech by ThemeModern. All Rights Reserved.</p>
</div>
</div>
</div>
</footer><!-- #site-footer -->
</div><!-- #page -->
<a id="back-to-top" href="#" class="show"><i class="flaticon-up-arrow"></i></a>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.isotope.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/easypiechart.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/scripts.js"></script>
<script src="js/header-mobile.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="plugins/revolution/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="plugins/revolution/revolution/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
<script src="plugins/revolution/revolution/js/extensions/revolution-plugin.js"></script>
<!-- REVOLUTION SLIDER SCRIPT FILES -->
<script src="js/rev-script-2.js"></script>
<script src="js/royal_preloader.min.js"></script>
<script>
window.jQuery = window.$ = jQuery;
(function($) { "use strict";
//Preloader
Royal_Preloader.config({
mode : 'logo',
logo : 'images/logo.svg',
logo_size : [160, 75],
showProgress : true,
showPercentage : true,
text_colour: '#000000',
background: '#ffffff'
});
})(jQuery);
</script>
</body>
</html>