forked from nxwi/WD
-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
144 lines (137 loc) · 6.64 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
<!doctype html>
<!--[if IE 7 ]> <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]> <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]> <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en-gb" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<title>Contact Us</title>
<meta name="description" content="">
<meta name="author" content="WebThemez">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lte IE 8]>
<script type="text/javascript" src="http://explorercanvas.googlecode.com/svn/trunk/excanvas.js"></script>
<![endif]-->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen" />
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/da-slider.css" />
<link rel="stylesheet" href="css/styles.css"/>
<!-- Font Awesome -->
<link href="font/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<header class="header">
<div class="container">
<nav class="navbar navbar-inverse" role="navigation">
<div class="navbar-header">
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="index.html" class="navbar-brand scroll-top logo"><img src="images/logo.png" alt="skytouch" /></a>
</div>
<!--/.navbar-header-->
<div id="main-nav" class="collapse navbar-collapse">
<ul class="nav navbar-nav" id="mainNav">
<li><a href="index.html" class="scroll-link">Home</a></li>
<li><a href="gallery.html" class="scroll-link">Gallery</a></li>
<li class="active"><a href="#contact" class="scroll-link">Contact Us</a></li>
</ul>
</div>
<!--/.navbar-collapse-->
</nav>
<!--/.navbar-->
</div>
<!--/.container-->
</header>
<!--/.header-->
<br>
<br>
<br>
<br>
<footer class="page-section darkBg" id="contactUs">
<div class="container">
<div class="row">
<div class="heading text-center">
<!-- Heading -->
<h2>Contact Us</h2>
</div>
</div>
<div class="row mrgn30">
<div class="col-sm-5">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d62614.161211840226!2d75.91280875119304!3d11.233057543797363!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba6452620add83f%3A0x65d2b6e3902bd06a!2sSAFI%20Institute%20of%20Advanced%20Study!5e0!3m2!1sen!2sin!4v1620233620201!5m2!1sen!2sin" width="100%" height="300" frameborder="0" style="border:0"></iframe>
</div>
<div class="col-sm-3">
<h4>Address:</h4>
<address>
Rasia Nagar<br>
Vazhayoor East PO<br>
Vazhayur, Kerala 673633<br>
</address>
<h4>Contact Info:</h4>
<ul>
<li><i class="fa fa-phone"></i> +91 483 2880000 (100 lines)</li>
<li><a href="#"><i class="fa fa-envelope-o"></i> [email protected]</a></li>
<li><i class="fa fa-flag"></i> Vazhayur, Malappuram, Kerala</li>
</ul>
</div>
<form method="POST" action="result.html" id="contactfrm" role="form">
<div class="col-sm-4">
<div class="form-group">
<label for="name">Name</label>
<input type="text" class="form-control" name="name" id="name" placeholder="Enter name" title="Please enter your name (at least 2 characters)">
</div>
<div class="form-group">
<label for="phone">Phone</label>
<input type="tel" class="form-control" name="phone" id="phone" placeholder="Enter phone number" title="Please enter a valid phone number">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" class="form-control" name="email" id="email" placeholder="Enter email" title="Please enter a valid email address">
</div>
<div class="form-group">
<label for="comments">Comments</label>
<textarea name="comment" class="form-control" id="comments" cols="3" rows="3" placeholder="Enter your message…" title="Please enter your message (at least 10 characters)"></textarea>
</div>
<a href="contact.html"><u><strong>Submit</strong></u></a>
<div class="result"></div>
</div>
</form>
</div>
</div>
<!--/.container-->
</footer>
<!--/.page-section-->
<section class="copyright">
<div class="container">
<div class="row">
<div class="col-sm-12">
<ul class="socialIcons">
<li><a href="https://www.facebook.com/siasindia.org/" class="fbIcon" target="_blank"><i class="fa fa-facebook-square fa-lg"></i></a></li>
<li><a href="https://twitter.com/SafiInstitute" class="twitterIcon" target="_blank"><i class="fa fa-twitter-square fa-lg"></i></a></li>
</ul> <div class="pull-right webThemez">Created by<a href="https://github.com/neewtn/WD"> Team 4</a> </div>
</div>
</div> <!-- / .row -->
</div>
</section>
<a href="#top" class="topHome"><i class="fa fa-chevron-up fa-2x"></i></a>
<!--[if lte IE 8]><script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><![endif]-->
<script src="js/modernizr-latest.js"></script>
<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/jquery.isotope.min.js" type="text/javascript"></script>
<script src="js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
<script src="js/jquery.nav.js" type="text/javascript"></script>
<script src="js/jquery.cslider.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
</body>
</html>