forked from themefisher/airspace-jekyll
/
contact.html
executable file
·125 lines (117 loc) · 3.97 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
---
layout: page
title: Contact us!
permalink: /contact/
---
<!-- Slider Start -->
<section id="global-header">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="block">
<h1>contact us</h1>
</div>
</div>
</div>
</div>
</section>
<!-- contact form start -->
<section id="contact-form">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="block">
<form action="FormKeep" method="post" enctype="text/plain">
<div class="form-group">
<input type="text" class="form-control" placeholder="Your Name">
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Email Address">
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Subject">
</div>
</form>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="block">
<form>
<div class="form-group-2">
<textarea class="form-control" rows="3" placeholder="Your Message"></textarea>
</div>
<button class="btn btn-default" type="submit">Send Message</button>
</form>
</div>
</div>
</div>
<div id="contact-box" class="row">
<div class="col-md-6 col-sm-12">
<div class="block">
<h2>Say hello</h2>
<ul class="address-block">
<li>
<i class="fa fa-map-marker"></i>Silverstone Building, University of Sussex, Falmer, Brighton, BN9 9EE
</li>
<li>
<i class="fa fa-envelope-o"></i>Email: alicee _at_ sussex.ac.uk
</li>
<li>
<i class="fa fa-phone"></i>Phone:+44 (0)1273 87 7486
</li>
</ul>
<!--
<ul class="social-icons">
<li>
<a href="http://www.themefisher.com"><i class="fa fa-git"></i></a>
</li>
<li>
<a href="http://www.themefisher.com"><i class="fa fa-linkedin"></i></a>
</li>
<li>
<a href="http://www.themefisher.com"><i class="fa fa-pinterest"></i></a>
</li>
<li>
<a href="http://www.themefisher.com"><i class="fa fa-dribbble"></i></a>
</li>
<li>
<a href="http://www.themefisher.com"><i class="fa fa-behance"></i></a>
</li>
<li>
<a href="http://www.themefisher.com"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a href="http://www.themefisher.com"><i class="fa fa-facebook"></i></a>
</li>
</ul>
-->
</div>
</div>
<!--
<div class="col-md-6 col-sm-12">
<div class="block">
<h2>We Also Count In Google Map</h2>
<div class="google-map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3022.472979439986!2d-73.97769068489596!3d40.7516207793276!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c2590247c56379%3A0x15e13bea38b43e18!2sChrysler+Building!5e0!3m2!1sen!2sus!4v1477406538220" width="555" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
-->
</div>
</section>
<!-- Call to action Start -->
<section id="call-to-action">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="block">
<h2>Related labs at Sussex</h2>
<p></p>
<a class="btn btn-default btn-call-to-action" href="http://www.sussex.ac.uk/lifesci/pecklab/" target = "_blank" >Peck Labs</a>
<a class="btn btn-default btn-call-to-action" href="http://www.algorithmiclistening.org" target = "_blank" >Algorithmic Listening Network</a>
</div>
</div>
</div>
</div>
</section>