-
Notifications
You must be signed in to change notification settings - Fork 9
/
contact.html
143 lines (135 loc) · 4.79 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
---
layout: none
---
<!DOCTYPE html>
<html lang="en">
<head>
<title>The Association for Computing Machinery at UTD - Contact</title>
<meta
name="description"
content="Need to talk to us? Check out ACM UTD's contact information here."
/>
<meta
property="og:title"
content="The Association for Computing Machinery at UTD"
/>
<meta
property="og:description"
content="Need to talk to us? Check out ACM UTD's contact information here."
/>
<meta property="og:image" content="png/team-hero1.jpg" />
{% include common-head.html %}
</head>
<body>
{% include common-nav.html %}
<div class="main-container">
<section class="hero-slider large-image">
<ul class="slides">
<li>
<div class="background-image-holder overlay">
<img
alt="Slide Background"
class="background-image"
src="png/team-hero4.jpg"
/>
</div>
<div class="container vertical-align">
<div class="row">
<div class="col-xs-12">
<div class="text-block">
<div class="detail-line contrast-white-detail"></div>
<h1 class="contrast-h1 contrast-white">
<strong>Contact Us</strong>
<div class="contrast-white"></div>
</h1>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-8">
<p
class="lead contrast-white-p"
style="font-size: 32px; line-height: 37px; font-weight: 300"
>
Have any questions, want to sponsor us, or just want to say
hi? Send us a message.
</p>
</div>
</div>
</div>
</li>
</ul>
</section>
<section class="contact-2 text-hero">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="text-block">
<div class="detail-line"></div>
<h5>Get in Touch</h5>
<p>
Fill out this quick form with your thoughts and we'll be more
than happy to talk.
</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="contact-method">
<i class="icon pe-7s-mail-open-file"></i>
<span>[email protected]</span>
</div>
<div class="contact-method">
<i class="icon pe-7s-map-marker"></i>
<span>800 West Campbell Rd</span>
</div>
</div>
<div class="col-md-5 col-sm-12">
<form
class="form-email"
action="https://formspree.io/[email protected]"
method="POST"
data-error="Please fill all fields correctly."
data-success="Thanks for contacting us, we'll be in touch shortly."
>
<input
name="name"
class="input-standard validate-required"
type="text"
placeholder="Your Name"
name="name"
/>
<input
name="email"
class="input-standard validate-email validate-required"
type="text"
placeholder="Your Email Address"
/>
<textarea
name="message"
class="input-standard validate-required"
placeholder="Your Message"
></textarea>
<input type="submit" class="btn btn-sm" value="Send" />
</form>
</div>
</div>
<div class="row"></div>
</div>
</section>
{% include common-footer.html %}
</div>
<script src="js/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/ScrollToPlugin.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/flexslider.min.js"></script>
<script src="js/lightbox.min.js"></script>
<script src="js/twitterfetcher.min.js"></script>
<script src="js/spectragram.min.js"></script>
<script src="js/smooth-scroll.min.js"></script>
<script src="js/jquery.plugin.min.js"></script>
<script src="js/placeholders.min.js"></script>
<script src="js/countdown.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>