-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
146 lines (127 loc) · 7.74 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
<!DOCTYPE HTML>
<!--
Twenty by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-122681325-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-122681325-1');
</script>
<title>Contact | Scotch'n'Soda Theatre</title>
<link rel="icon" href="images/micknmike.png">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="contact is-preload">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1 id="logo"><a href="index.html">Scotch'n'Soda Theatre</a></h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="getinvolved.html">Get Involved</a></li>
<li><a href="season.html">Season</a></li>
<li><a href="all_galleries.html">Photos</a></li>
<li><a href="give.html">Give</a></li>
<li class="current"><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<!-- Main -->
<article id="main">
<header class="special container">
<span class="icon fas fa-envelope"></span>
<h2><strong>Get In Touch</strong></h2>
<p>Use the form or contact info below to send us a message!</p>
</header>
<!-- One -->
<section class="wrapper style4 container">
<div class="row gtr-150">
<div class="col-8 col-12-narrow">
<!-- Content -->
<div class="content">
<section>
<form method="POST" action="https://formspree.io/[email protected]">
<div class="row gtr-50">
<div class="col-6 col-12-mobile">
<input type="text" name="name" placeholder="Name" />
</div>
<div class="col-6 col-12-mobile">
<input type="text" name="email" placeholder="Email" />
</div>
<div class="col-12">
<input type="text" name="subject" placeholder="Subject" />
</div>
<div class="col-12">
<textarea name="message" placeholder="Message" rows="7"></textarea>
</div>
<div class="col-12">
<ul class="buttons">
<li><input type="submit" class="special" value="Send Message" /></li>
</ul>
</div>
</div>
</form>
</section>
</div>
</div>
<div class="col-4 col-12-narrow">
<!-- Sidebar -->
<div class="sidebar">
<section class="centered">
<span class="icon featured fas fa-home"></span>
<header>
<h3>Contact Info</h3>
</header>
<p>
Scotch'n'Soda Theatre<br>
5000 Forbes Avenue<br>
Suite 103, Box 57<br>
Pittsburgh, PA 15213
</p>
<p><a href="mailto:[email protected]" target="_blank">[email protected]</a></p>
</section>
</div>
</div>
</div>
</section>
</article>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://www.facebook.com/snstheatre/" class="icon circle fab fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/scotchnsodatheatre" class="icon circle fab fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
<li><a href="https://www.twitter.com/snstheatre" class="icon circle fab fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
<li><a href="https://www.youtube.com/channel/UCYRoT4XEPocbe-3GNEutgIA" class="icon circle fab fa-youtube" target="_blank"><span class="label">YouTube</span></a></li>
</ul>
<ul class="copyright">
<li>© Scotch'n'Soda Theatre</li><li>Pittsburgh, PA</li><li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<!-- <script src="assets/js/jquery.scrollgress.min.js"></script> -->
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/keypress-2.1.4.min.js"></script>
<script src="assets/js/keypressmain.js"></script>
</body>
</html>