-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
243 lines (229 loc) · 13.7 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
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en"> <!--<![endif]-->
<!-- Mirrored from ukieweb.com/envato/ukiecard/style3/contact.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 30 Nov 2016 04:49:12 GMT -->
<head>
<meta charset="utf-8" />
<title>Contact | Swatantra</title>
<meta name="author" content="Swatantra Kumar Mishra" />
<meta name="keywords" content="Swatantra , Mishra , Swatantra Kumar , Web Resume , Web Developer" />
<meta name="description" content="Swatantra Portfolio description & Cantact Details" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<!-- Font Awesome -->
<link type="text/css" media="all" href="assets/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<!-- Libs CSS -->
<link type="text/css" media="all" href="assets/boostrap-files/css/bootstrap.min.css" rel="stylesheet" />
<!-- Animate CSS -->
<link type="text/css" media="all" href="assets/css/animate.css" rel="stylesheet" />
<!-- Template CSS -->
<link type="text/css" media="all" href="assets/css/contact.form.css" rel="stylesheet" />
<link type="text/css" media="all" href="assets/css/style.css" rel="stylesheet" />
<!-- Switcher CSS -->
<link href="assets/css/colour-scheme/color-blue.css" rel="stylesheet" type="text/css" data-color="color-blue" media="all" id="stylesheet-new">
<!-- Responsive CSS -->
<link type="text/css" media="all" href="assets/css/respons.css" rel="stylesheet" />
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" href="assets/img/favicons/apple-touch-icon.png" />
<link rel="shortcut icon" href="assets/img/favicons/favicon.png" />
<!-- Google Fonts -->
<link href='https://fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200italic,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic' rel='stylesheet' type='text/css'>
</head>
<body>
<!-- Load page -->
<div class="animationload">
<div class="loader"></div>
</div>
<!-- End load page -->
<div id="wraper">
<!-- Start Head section -->
<header class="head">
<!-- start container -->
<div class="container">
<!-- start row -->
<div class="row">
<div class="col-xs-8 col-sm-11 col-lg-11">
<img class="logo-page" src="assets/img/contact_l.png" alt="Ukieweb">
<!-- Title Page -->
<h2 class="title">Contact</h2>
<!-- Description Page -->
<h4 class="sub-title">Get in touch with me</h4>
</div>
<div class="col-xs-4 col-sm-1 col-lg-1 text-right">
<a href="index.html" class="btn-close hover-animate"></a>
</div>
</div>
<!-- end row -->
</div>
<!-- end container -->
</header>
<!-- End Head section -->
<!-- Start Content section -->
<section class="content padding-block border-bottom">
<!-- start container -->
<div class="container">
<!-- start row -->
<div class="row">
<div class="col-xs-12 col-sm-12 col-lg-6 padding-bottom">
<h3 class="title title-contact">Contact info</h3>
<div class="block-grey">
<table>
<tr>
<td class="font-weight-m width-td">Address</td>
<td>201 Anu Tower , Btm 2nd Stage</td>
</tr>
<tr>
<td class="font-weight-m">Phone</td>
<td><a href="tel:919538406805">+91 9538406805</a></td>
</tr>
<tr>
<td class="font-weight-m">E-mail</td>
<td ><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td class="font-weight-m">Skype</td>
<td>[email protected]</td>
</tr>
<tr>
<td class="font-weight-m">Website</td>
<td><a href="index.html">www.swatantra.tech</a></td>
</tr>
</table>
<!-- social icon -->
<div class="social">
<ul class="animated" data-animation="fadeIn" data-animation-delay="600">
<!-- social icons -->
<li><a class="ukie-icons hover-animate" href="https://www.facebook.com/s3swatantra" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a class="ukie-icons hover-animate" href="https://in.linkedin.com/in/swatantra3"><i class="fa fa-linkedin"></i></a></li>
<!--
<li><a class="ukie-icons hover-animate" href="#"><i class="fa fa-behance"></i></a></li>
<li><a class="ukie-icons hover-animate" href="#"><i class="fa fa-pinterest"></i></a></li>
<li><a class="ukie-icons hover-animate" href="#"><i class="fa fa-digg"></i></a></li>
<li><a class="ukie-icons hover-animate" href="#"><i class="fa fa-deviantart"></i></a></li>
<li><a class="ukie-icons hover-animate" href="#"><i class="fa fa-envelope-square"></i></a></li>
<li><a class="ukie-icons hover-animate" href="#"><i class="fa fa-delicious"></i></a></li>
<li><a class="ukie-icons hover-animate" href="#"><i class="fa fa-instagram"></i></a></li>
<li><a class="ukie-icons hover-animate" href="#"><i class="fa fa-dropbox"></i></a></li>
<li><a class="ukie-icons hover-animate" href="#"><i class="fa fa-skype"></i></a></li>
<li><a class="ukie-icons hover-animate" href="#"><i class="fa fa-tumblr"></i></a></li>
<li><a class="ukie-icons hover-animate" href="#"><i class="fa fa-vimeo-square"></i></a></li>
<li><a class="ukie-icons hover-animate" href="#"><i class="fa fa-flickr"></i></a></li>
<li><a class="ukie-icons hover-animate" href="#"><i class="fa fa-github-alt"></i></a></li>
<li><a class="ukie-icons hover-animate" href="#"><i class="fa fa-renren"></i></a></li>
<li><a class="ukie-icons hover-animate" href="#"><i class="fa fa-vk"></i></a></li>
<li><a class="ukie-icons hover-animate" href="#"><i class="fa fa-xing"></i></a></li>
<li><a class="ukie-icons hover-animate" href="#"><i class="fa fa-weibo"></i></a></li>
<li><a class="ukie-icons hover-animate" href="#"><i class="fa fa-rss"></i></a></li>
-->
</ul>
</div>
<!-- end social icon -->
</div>
</div>
<div class="col-xs-12 col-sm-12 col-lg-6">
<h3 class="title title-contact">Contact form</h3>
<!-- Start Contact Form -->
<div class="contact-form">
<form action="https://ukieweb.com/envato/ukiecard/style3/assets/php/contact.php" id="contact-form" method="post">
<input type="text" id="user-name" name="user-name" value="" placeholder="Name" />
<input type="email" id="user-email" name="user-email" value="" placeholder="Email" />
<input type="hidden" id="user-status" name="user-status" value="1" />
<textarea id="user-message" name="user-message" placeholder="Message"></textarea>
<div class="footer-form">
<input type="submit" id="submit-btn" class="btn btn-color hover-animate" value="Send Message" />
<div class="info-message-form">
<p>Please fill out all the fields!</p>
<span class="close-msg"><i class="fa fa-close"></i></span>
</div>
</div>
</form>
</div>
<!-- End Contact Form -->
</div>
</div>
<!-- end row -->
</div>
<!-- end container -->
</section>
<!-- End Content section -->
<!-- Start Map section -->
<div class="contact-map padding-block text-center">
<!-- start container -->
<div class="container">
<!-- start row -->
<div class="row">
<div class="col-xs-12 col-sm-12 col-lg-12">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3888.9354340360487!2d77.60897221407785!3d12.9118713196814!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae14fcd17c0c8f%3A0xb3e1e4ec882abff7!2sAnu+Towers%2C+5th+B+Cross+Rd%2C+IAS+Colony%2C+MCHS+Colony%2C+Stage+2%2C+BTM+2nd+Stage%2C+Bengaluru%2C+Karnataka+560076!5e0!3m2!1sen!2sin!4v1480879374001" width="100%" height="400" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
<!-- end row -->
</div>
<!-- end container -->
</div>
<!-- End Map section -->
<!-- Start Footer section -->
<footer class="footer">
<!-- start container -->
<div class="container">
<!-- start row -->
<div class="row">
<!-- start phone number -->
<div class="col-xs-12 col-sm-6 col-lg-3">
<a href="#" class="hover-animate">
<span class="ukie-icons hover-animate"><i class="fa fa-phone"></i></span> +91 9538406805
</a>
</div>
<!-- end phone number -->
<!-- start email -->
<div class="col-xs-12 col-sm-6 col-lg-3">
<a href="#" class="hover-animate">
<span class="ukie-icons hover-animate"><i class="fa fa-paper-plane"></i></span> [email protected]
</a>
</div>
<!-- end email -->
<!-- start address -->
<div class="col-xs-12 col-sm-6 col-lg-3">
<a href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3888.9354340360487!2d77.60897221407785!3d12.9118713196814!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae14fcd17c0c8f%3A0xb3e1e4ec882abff7!2sAnu+Towers%2C+5th+B+Cross+Rd%2C+IAS+Colony%2C+MCHS+Colony%2C+Stage+2%2C+BTM+2nd+Stage%2C+Bengaluru%2C+Karnataka+560076!5e0!3m2!1sen!2sin!4v1480879374001" target="_blank" class="hover-animate">
<span class="ukie-icons hover-animate"><i class="fa fa-map-marker"></i></span> 201 Anu Tower ,Btm 2nd Stage
</a>
</div>
<!-- end address -->
<!-- start Copyright -->
<div class="col-xs-12 col-sm-6 col-lg-3 text-right">
<span class="copyright">Copyright © 2016 All right reserved</span>
</div>
<!-- end Copyright -->
</div>
<!-- end row -->
</div>
<!-- end container -->
</footer>
<!-- End Footer section -->
</div>
<!-- Scroll to Top -->
<a href="#" class="btn hover-animate scrollToTop"><i class="fa fa-angle-up"></i></a>
<!-- End Scroll to Top -->
<!-- Scripts -->
<script src="assets/js/jquery-1.11.2.min.js" type="text/javascript"></script>
<script src="assets/boostrap-files/js/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/js/jquery.appear.js" type="text/javascript"></script>
<script src="assets/js/jquery.mixitup.min.js" type="text/javascript"></script>
<script src="assets/js/owl.carousel.min.js" type="text/javascript"></script>
<script src="assets/js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="assets/js/jquery.inview.min.js" type="text/javascript"></script>
<script src="assets/js/jquery.knob.min.js" type="text/javascript"></script>
<script src="assets/js/jquery.cookie.js" type="text/javascript"></script>
<script src="assets/js/jquery.ratyli.js" type="text/javascript"></script>
<script src="assets/js/contact_scripts.js" type="text/javascript"></script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCaSh7LDMr0Y7ToEb2yYwRAwFiR1ejt-F8&callback=initMap">
</script>
<script src="assets/js/scripts.js" type="text/javascript"></script>
</body>
<!-- Mirrored from ukieweb.com/envato/ukiecard/style3/contact.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 30 Nov 2016 04:49:12 GMT -->
</html>