This repository has been archived by the owner on May 5, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
executable file
·177 lines (164 loc) · 8.2 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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="This is social network html5 template available in themeforest......" />
<meta name="keywords" content="Social Network, Social Media, Make Friends, Newsfeed, Profile Page" />
<meta name="robots" content="index, follow" />
<title>My Timeline | This is My Coolest Profile</title>
<!-- Stylesheets
================================================= -->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/ionicons.min.css" />
<link rel="stylesheet" href="css/font-awesome.min.css" />
<!--Google Font-->
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i" rel="stylesheet">
<!--Favicon-->
<link rel="shortcut icon" type="image/png" href="images/fav.png"/>
</head>
<body>
<!-- Header
================================================= -->
<header id="header">
<nav class="navbar navbar-default navbar-fixed-top menu">
<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.html"><img src="../../brand/join-logo.png" alt="logo" /></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 main-menu">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">People <span><img src="../../images/down-arrow.png" alt="" /></span></a>
<ul class="dropdown-menu login">
<li><a href="../milo/profile.html">Milo</a></li>
<li><a href="../toby/profile.html">Toby</a></li>
<li><a href="../joe/profile.html">Joe</a></li>
<li><a href="../heidi/profile.html">Heidi</a></li>
<li><a href="../random/profile.html">Sensored Chick</a></li>
</ul>
</li>
<li class="dropdown"><a href="../../chat.html">Chat</a></li>
<li class="dropdown"><a href="../../joe-letter.html">Joe's Letter</a></li>
<li class="dropdown"><a href="../../index.html">Log Out</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container -->
</nav>
</header>
<!--Header End-->
<div class="google-maps">
<div id="map" class="map contact-map"></div>
</div>
<div id="page-contents">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="contact-us">
<div class="row">
<div class="col-md-8 col-sm-7">
<h4 class="grey">Leave a Message</h4>
<form class="contact-form">
<div class="form-group">
<i class="icon ion-person"></i>
<input id="contact-name" type="text" name="name" class="form-control" placeholder="Enter your name *" required="required" data-error="Name is required.">
</div>
<div class="form-group">
<i class="icon ion-email"></i>
<input id="contact-email" type="text" name="email" class="form-control" placeholder="Enter your email *" required="required" data-error="Email is required.">
</div>
<div class="form-group">
<i class="icon ion-android-call"></i>
<input id="contact-phone" type="text" name="phone" class="form-control" placeholder="Enter your phone *" required="required" data-error="Phone is required.">
</div>
<div class="form-group">
<textarea id="form-message" name="message" class="form-control" placeholder="Leave a message for us *" rows="4" required="required" data-error="Please,leave us a message."></textarea>
</div>
</form>
<button class="btn-primary">Send a Message</button>
</div>
<div class="col-md-4 col-sm-5">
<h4 class="grey">Reach Us</h4>
<div class="reach"><span class="phone-icon"><i class="icon ion-android-call"></i></span><p>+1 (234) 222 0754</p></div>
<div class="reach"><span class="phone-icon"><i class="icon ion-email"></i></span><p>info@joinme2u.com</p></div>
<div class="reach"><span class="phone-icon"><i class="icon ion-ios-location"></i></span><p>228 Park Ave S NY, USA</p></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer
================================================= -->
<footer id="footer">
<div class="container">
<div class="row">
<div class="footer-wrapper">
<div class="col-md-3 col-sm-3">
<a href="../../contact.html"><img src="../../brand/join-logo.png" alt="" class="footer-logo" /></a>
</div>
<div class="col-md-2 col-sm-2">
<h5>For individuals</h5>
<ul class="footer-links">
<li><a href="">Signup</a></li>
<li><a href="">login</a></li>
<li><a href="">Explore</a></li>
<li><a href="">Finder app</a></li>
<li><a href="">Features</a></li>
<li><a href="">Language settings</a></li>
</ul>
</div>
<div class="col-md-2 col-sm-2">
<h5>For businesses</h5>
<ul class="footer-links">
<li><a href="">Business signup</a></li>
<li><a href="">Business login</a></li>
<li><a href="">Benefits</a></li>
<li><a href="">Resources</a></li>
<li><a href="">Advertise</a></li>
<li><a href="">Setup</a></li>
</ul>
</div>
<div class="col-md-2 col-sm-2">
<h5>About</h5>
<ul class="footer-links">
<li><a href="">About us</a></li>
<li><a href="">Contact us</a></li>
<li><a href="">Privacy Policy</a></li>
<li><a href="">Terms</a></li>
<li><a href="">Help</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-3">
<h5>Contact Us</h5>
<ul class="contact">
<li><i class="icon ion-ios-telephone-outline"></i>+1 (234) 222 0754</li>
<li><i class="icon ion-ios-email-outline"></i>info@joinme2u.com</li>
<li><i class="icon ion-ios-location-outline"></i>228 Park Ave S NY, USA</li>
</ul>
</div>
</div>
</div>
</div>
<div class="copyright">
<p>JOIN ME 2 U © 2007. All rights reserved</p>
</div>
</footer>
<!-- Scripts
================================================= -->
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCTMXfmDn0VlqWIyoOxK8997L-amWbUPiQ&callback=initMap"></script>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>