-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
121 lines (121 loc) · 5.82 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
<!doctype html>
<html>
<head>
<title>Contact</title>
<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="Play-Offs Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() {setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!meta charset utf="8">
<!--flexslider-css-->
<link href="css/flexslider.css" rel='stylesheet' type='text/css' />
<!--bootstrap-->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!--coustom css-->
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<!--fonts-->
<link href='http://fonts.useso.com/css?family=Coda:400,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Jockey+One' rel='stylesheet' type='text/css'>
<!--script-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script src="js/modernizr.custom.js"></script>
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!--script-->
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
});
});
</script>
<!--fonts-->
</head>
<body>
<div class="header" id="home">
<nav class="navbar navbar-default">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.php">Archer</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right margin-top cl-effect-2">
<li><a href="index.php"><span data-hover="Home">Home</span></a></li>
<li class="dropdown">
<a href="about.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span data-hover="About">About</span><span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="about.html"><span data-hover="Action">Action</span></a></li>
<li><a href="Pages.html"><span data-hover="Pages">Pages</span></a></li>
</ul>
</li>
<li><a href="register.php"><span data-hover="Blog">Blog</span></a></li>
<li><a href="gallery.html"><span data-hover="Gallery">Gallery</span></a></li>
<li><a href="contact.html"><span data-hover="Contact">Contact</span></a></li>
</ul>
<div class="clearfix"></div>
</div><!-- /.navbar-collapse -->
<div class="clearfix"></div>
</div><!-- /.container-fluid -->
</nav>
</div>
<div class="contact_page">
<h3>Contact</h3>
<div class="container">
<div class="col-md-4 cnt-pg">
<h4>Adress</h4>
<ul>
<li>Rome</li>
<li>Italy</li>
<li>55, Cannal Street.</li>
<li><span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span>+11995566</li>
</ul>
</div>
<div class="col-md-8 cnt-pg">
<h4>Contact form</h4>
<textarea value="Message:" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message';}">Enter your text here...</textarea>
<form>
<input class="name" type="text" name="name" value="Your name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}"><br>
<br>
<input class="nuber" type="text" name="Phone number" value="Phone Number" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Number';}"><br>
<br>
<input class="mail2" type="text" name="email" value="E-mail" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'E-mail';}"><br>
<br>
<button type="clear" class="btn btn-info mrgn-can">Clear</button>
<button type="submit" class="btn btn-info mrgn-can">Submit</button>
</form>
</div>
</div>
</div>
<div class="map">
<iframe class="embed-responsive-item" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d190028.76432096347!2d12.535997899999987!3d41.91007110000002!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x132f6196f9928ebb%3A0xb90f770693656e38!2sRome%2C+Italy!5e0!3m2!1sen!2sin!4v1436158065010" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
<div class="footer">
<div class="container">
<div class="social">
<ul>
<li><a href="#" class="face"></a></li>
<li><a href="#" class="twit"></a></li>
<li><a href="#" class="insta"></a></li>
<li><a href="#" class="gplus"></a></li>
<li><a href="#" class="dribl"></a></li>
</ul>
</div>
<div class="copy-rt">
<p>Copyright © 2015.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>
</div>
<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</body>
</html>