-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
executable file
·120 lines (118 loc) · 4.21 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
---
layout: page
title: Contact us!
permalink: /contact/
---
<!-- Slider Start -->
<section id="global-header">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="block">
<h1>Drop Us A Note</h1>
<p>Don’t just take our word for it. Check out some of our latest work.</p>
</div>
</div>
</div>
</div>
</section>
<!-- contact form start -->
<section id="contact-form">
<div class="container">
<div class="row">
<form action="https://formspree.io/khattaksd@gmail.com"
method="POST">
<div class="col-md-6 col-sm-12">
<div class="block">
<div class="form-group">
<input type="text" name="name"
class="form-control" placeholder="Your Name">
</div>
<div class="form-group">
<input type="email" name="_replyto"
class="form-control" placeholder="Email Address">
</div>
<div class="form-group">
<input type="text" name="_subject"
class="form-control" placeholder="Subject">
</div>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="block">
<div class="form-group-2">
<textarea class="form-control" rows="3" placeholder="Your Message" name="message"></textarea>
</div>
<button class="btn btn-default" type="submit">Send Message</button>
</div>
</div>
</form>
</div>
<div id="contact-box" class="row">
<div class="col-md-6 col-sm-12">
<div class="block">
<h2>Stop By For A visit</h2>
<ul class="address-block">
<li>
<i class="fa fa-map-marker"></i>5C, 3rd Floor, South Park Avenue, Phase 2 Extension, DHA, Karachi, Pakistan
</li>
<li>
<i class="fa fa-envelope-o"></i>Email: contact@serendevity.com
</li>
<li>
<i class="fa fa-phone"></i>Phone:+92 323 555 1212
</li>
</ul>
<ul class="social-icons">
<li>
<a href="http://www.serendevity.com"><i class="fa fa-google"></i></a>
</li>
<li>
<a href="http://www.serendevity.com"><i class="fa fa-linkedin"></i></a>
</li>
<li>
<a href="http://www.serendevity.com"><i class="fa fa-pinterest"></i></a>
</li>
<li>
<a href="http://www.serendevity.com"><i class="fa fa-dribbble"></i></a>
</li>
<li>
<a href="http://www.serendevity.com"><i class="fa fa-behance"></i></a>
</li>
<li>
<a href="http://www.serendevity.com"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a href="http://www.serendevity.com"><i class="fa fa-facebook"></i></a>
</li>
</ul>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="block">
<h2>We Also Count In Google Map</h2>
<div class="google-map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3620.8852781131754!2d67.06473681500228!3d24.833596584066576!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3eb33c3f7e08fb05%3A0xda840b5c146200b!2sSouth+Park+Avenue%2C+Karachi%2C+Pakistan!5e0!3m2!1sen!2sca!4v1495549065002"
width="555" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Call to action Start -->
<section id="call-to-action">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="block">
<h2>We build great software.</h2>
<p>Read more about what we do and our philosophy of design and development.
Judge for yourself from the results we’ve achieved for other clients, and meet our highly experienced Team
who just love to code.</p>
<a class="btn btn-default btn-call-to-action" href="#">Tell Us Your Story</a>
</div>
</div>
</div>
</div>
</section>