-
Notifications
You must be signed in to change notification settings - Fork 1
/
contact.html
150 lines (147 loc) · 6.46 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
<!DOCTYPE HTML>
<html>
<head>
<title>Contact</title>
<!---css--->
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!---css--->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!---js--->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<!---js--->
<!--web-fonts-->
<link href='https://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,500,500italic,700,700italic' rel='stylesheet' type='text/css'>
<!--//web-fonts-->
<!--JS for animate-->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!--//end-animate-->
</head>
<body>
<!---header--->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header wow fadeInLeft animated animated" data-wow-delay="0.4s">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1><a class="navbar-brand" href="index.html"><img src="images/e.png"/> Flat Gym</a></h1>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right wow fadeInRight animated animated" data-wow-delay="0.4s">
<li class="active"><a class="nav-in" href="index.html"><span data-letters="Home">Home</span></a></li>
<li ><a class="nav-in" href="about.html"><span data-letters="About">About</span></a> </li>
<li><a class="nav-in" href="class.html"><span data-letters="Classes">Classes</span></a></li>
<li><a class="nav-in" href="trainers.html"><span data-letters="Trainers">Trainers</span></a></li>
<li><a class="nav-in" href="codes.html"><span data-letters="Codes">Codes</span></a></li>
<li><a class="nav-in" href="contact.html"><span data-letters="Contact">Contact</span></a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<!---banner--->
<div class="banner wow fadeInDownBig animated animated" data-wow-delay="0.4s">
<div class="container">
<h2>Contact Us</h2>
</div>
</div>
<div class="contact w3l">
<div class="map wow fadeInUpBig animated animated" data-wow-delay="0.4s">
<iframe src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d2482.432383990807!2d0.028213999961443994!3d51.52362882484525!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1423469959819"></iframe>
</div>
<div class="map-grids w3-agile">
<div class="col-md-8 map-middle wow fadeInRight animated animated" data-wow-delay="0.4s">
<form action="#" method="post">
<input type="text" name="name" placeholder="Name" required="">
<input type="text" name="email" class="email" placeholder="Email" required="">
<textarea name="text area" placeholder="Message"></textarea>
<input type="submit" value="Send">
</form>
</div>
<div class="col-md-4 map-left wow fadeInLeft animated animated" data-wow-delay="0.4s">
<h4>Address</h4>
<ul>
<li><i class="glyphicon glyphicon-earphone" aria-hidden="true"></i> Office : 0041-456-3692</li>
<li><i class="glyphicon glyphicon-phone" aria-hidden="true"></i> Mobile : 0200-123-4567</li>
<li><i class="glyphicon glyphicon-envelope" aria-hidden="true"></i> <a href="#"><a href="mailto:info@example.com">info@example.com</a></a></li>
<li><i class="glyphicon glyphicon-print" aria-hidden="true"></i> Fax : 0091-789-456100</li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- //map -->
<!---footer--->
<!---footer--->
<div class="footer-section">
<div class="container">
<div class="footer-grids">
<div class="col-md-3 footer-grid wow fadeInDownBig animated animated" data-wow-delay="0.4s">
<h4>About</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipig elit. Praesent vestibulummolestie lacus. Aenean nonummy hendrerit mauris. Praesent vestibulummolestie lacus.</p>
</div>
<div class="col-md-3 footer-grid wow fadeInLeft animated animated" data-wow-delay="0.4s">
<h4>Categories</h4>
<ul>
<li>Beauty</li>
<li>Diet & Fitness</li>
<li>Lifestyle</li>
<li>Help Desk</li>
<li>Pregnancy</li>
<li>Performance Metrics</li>
</ul>
</div>
<div class="col-md-3 footer-grid wow fadeInUpBig animated animated" data-wow-delay="0.4s">
<h4>Work</h4>
<ul>
<li>Customer Support</li>
<li>Platinum Support</li>
<li>Gold Support</li>
<li>Training</li>
<li>Workshops</li>
<li>Online Training</li>
</ul>
</div>
<div class="col-md-3 footer-grid wow fadeInRight animated animated" data-wow-delay="0.4s">
<h4>Contact</h4>
<p>7801 Marmora Road</p>
<p>Glasgow, DO5 98GR.</p>
<p>Freephone: +1 800 558 8990</p>
<p>Telephone: +1 659 803 9035</p>
<p>FAX: + 1 314 889 9898</p>
<a href="mailto:example@mail.com"> example@mail.com</a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!---footer--->
<!--copy-->
<div class="copy-section wow fadeInDownBig animated animated" data-wow-delay="0.4s">
<div class="container">
<div class="social-icons">
<a href="#"><i class="icon"></i></a>
<a href="#"><i class="icon1"></i></a>
<a href="#"><i class="icon2"></i></a>
<a href="#"><i class="icon3"></i></a>
</div>
<p>Copyright © 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
</div>
</div>
<!--copy-->
<!--copy-->
</body>
</html>