forked from mercebou/engagingeographies
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcontact.html
113 lines (104 loc) · 6.13 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
<!doctype html>
<html>
<head>
<!--To load latest changes-->
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
<!-- -------------------- -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Engaging Geographies</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="css/styles_general.css" rel="stylesheet" type="text/css" />
<link href="css/styles_contact.css" rel="stylesheet" type="text/css" />
<link href="css/leaflet.css" rel="stylesheet" type="text/css" />
<link href="css/leaflet.draw.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- ------------------------------- Navbar ----------------------------------------------------------------------------- -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header name_navbar col-xs-4 col-sm-5 col-md-5 col-lg-5 visible-lg visible-md visible-sm">
<img src="img/logo_engaging.svg" class="logo_phd">Place and City
</div>
<!-- Visible only xs -->
<div class="navbar-header name_navbar col-xs-4 col-sm-5 col-md-5 col-lg-5 visible-xs">
<img src="img/logo_engaging.svg" class="logo_phd">
</div>
<ul class="nav navbar-right float-right col-lg-5 col-md-5 col-sm-5 col-xs-8" style="padding-right: 0px;">
<li class="float-right visible-lg visible-md visible-sm links-navbar">
<a href="http://www.engagingeographies.com/blog" style="margin-right:20px; margin-left:0px; padding: 0px">
<span class="glyphicon glyphicon-file btn-lg icon-navbar"></span><br>Blog
</a>
</li>
<!-- Visible only xs -->
<li class="float-right visible-xs links-navbar">
<a href="http://www.engagingeographies.com/blog" style="margin-right:0px; margin-left:0px; padding: 0px">
<span class="glyphicon glyphicon-file btn-lg icon-navbar" style="padding-right: 5px"></span>
</a>
</li>
<li class="active float-right visible-lg visible-md visible-sm links-navbar">
<a href="contact.html" style="margin-right:20px; margin-left:0px; padding: 0px">
<span class="glyphicon glyphicon-envelope btn-lg icon-navbar"></span><br>Contact
</a>
</li>
<!-- Visible only xs -->
<li class="float-right visible-xs links-navbar">
<a href="contact.html" style="margin-right:0px; margin-left:0px; padding: 0px">
<span class="glyphicon glyphicon-envelope btn-lg icon-navbar" style="padding-right: 5px"></span>
</a>
</li>
</ul>
</div>
</nav>
<!-- ------------------------------- End Navbar --------------------------------------------------------------------------- -->
<div class="container-fluid">
<!-- ------------------------------- Header ------------------------------------------------------------------------------- -->
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 visible-lg visible-md visible-sm" style="border-right: 1px solid #D9D9D9;">
<p style="margin-bottom: 20px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ac lectus vehicula, ultrices arcu sed, varius nisl. Ut consequat justo quam, vel maximus velit dictum eu.<br> Lorem ipsum dolor sit amet.</p>
<div style="padding-right: 100px;">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
</div>
<label for="exampleInputEmail1" >Subject</label>
<textarea class="form-control" rows="6" style="margin-bottom:20px;"></textarea>
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</div>
<!-- Visible only xs -->
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 visible-xs" style="border-bottom: 1px solid #D9D9D9; margin-bottom: 30px; padding-bottom: 20px">
<p style="margin-bottom: 20px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ac lectus vehicula, ultrices arcu sed, varius nisl. Ut consequat justo quam, vel maximus velit dictum eu.<br> Lorem ipsum dolor sit amet.</p>
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
</div>
<label for="exampleInputEmail1">Subject</label>
<textarea class="form-control" rows="6" style="margin-bottom:20px"></textarea>
<button type="submit" class="btn btn-primary">Submit</button>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<p style="margin-bottom: 20px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ac lectus vehicula, ultrices arcu sed, varius nisl. Ut consequat justo quam, vel maximus velit dictum eu.<br> Lorem ipsum dolor sit amet.</p>
<a href="https://twitter.com/placeandcity" class="link-secondary">
<span class="fa fa-twitter fa-lg btn-lg col-xs-4 col-sm-4 col-md-4 col-lg-4"></span>
</a>
<a href="https://www.facebook.com/placeandcity/?ref=bookmarks" class="link-secondary">
<span class="fa fa-facebook fa-lg btn-lg col-xs-4 col-sm-4 col-md-4 col-lg-4"></span>
</a>
<a href="#" class="link-secondary">
<span class="fa fa-google-plus fa-lg btn-lg col-xs-4 col-sm-4 col-md-4 col-lg-4"></span>
</a>
</div>
<!-- ------------------------------- End Header --------------------------------------------------------------------------- -->
</div> <!-- .container fluid -->
<script src="js/jquery-3.1.1.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/functions_contact.js"></script>
<script>
</script>
</body>
</html>