-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
executable file
·115 lines (113 loc) · 3.95 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
---
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">
<div class="col-md-6 col-sm-12">
<div class="block">
<form>
<div class="form-group">
<input type="text" class="form-control" placeholder="Your Name">
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Email Address">
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Subject">
</div>
</form>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="block">
<form>
<div class="form-group-2">
<textarea class="form-control" rows="3" placeholder="Your Message"></textarea>
</div>
<button class="btn btn-default" type="submit">Send Message</button>
</form>
</div>
</div>
</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>North Main Street,Brooklyn Australia
</li>
<li>
<i class="fa fa-envelope-o"></i>Email: contact@mail.com
</li>
<li>
<i class="fa fa-phone"></i>Phone:+88 01672 506 744
</li>
</ul>
<ul class="social-icons">
<li>
<a href="http://www.themefisher.com"><i class="fa fa-google"></i></a>
</li>
<li>
<a href="http://www.themefisher.com"><i class="fa fa-linkedin"></i></a>
</li>
<li>
<a href="http://www.themefisher.com"><i class="fa fa-pinterest"></i></a>
</li>
<li>
<a href="http://www.themefisher.com"><i class="fa fa-dribbble"></i></a>
</li>
<li>
<a href="http://www.themefisher.com"><i class="fa fa-behance"></i></a>
</li>
<li>
<a href="http://www.themefisher.com"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a href="http://www.themefisher.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!1d3022.472979439986!2d-73.97769068489596!3d40.7516207793276!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c2590247c56379%3A0x15e13bea38b43e18!2sChrysler+Building!5e0!3m2!1sen!2sus!4v1477406538220" 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 design delightful digital experiences.</h2>
<p>Read more about what we do and our philosophy of design. Judge for yourself The work and results we’ve achieved for other clients, and meet our highly experienced Team who just love to design.</p>
<a class="btn btn-default btn-call-to-action" href="#" >Tell Us Your Story</a>
</div>
</div>
</div>
</div>
</section>