-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
137 lines (137 loc) · 6.35 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
<!DOCTYPE html>
<html>
<head>
<!-- Basic Needs !-->
<meta charset="utf-8">
<title>MBHS SGA</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- CSS !-->
<link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
</head>
<body>
<div id="page">
<!-- Begin Navbar !-->
<div id="headercontainer" class="unselectable">
<div id="headerfull">
<div id="headerleft" class="titleleft">
<span style="font-size: 28pt; font-weight: bold;">Montgomery Blair SGA</span>
<br><span style="font-size: 16pt;"><a href="https://twitter.com/Blair_SGA" target="_blank">@Blair_SGA</a></span>
</div>
<div id="headerright" class="navlinks">
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="aboutus.html">About</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="clubs.html">Clubs</a></li>
<li><a href="blairwear.html">Blairwear</a></li>
<li><a href="Meetings.html">Monthly Meetings</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="forms.html">Forms</a></li>
<li><a href="calendar.html">Calendar</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
<!-- End Navbar !-->
<div >
<!-- Contact page start -->
<section id="Contact-page">
<!-- sidebar start -->
<div class="contact-info">
<div id="box">Contact Us</div>
<div style="margin: auto; width: 220px;">
<br>
<p><i class="fa fa-home"></i> 51 University Boulevard East, Silver Spring, MD 20901 </p>
<p>
<a href="http://twitter.com/Blair_SGA" target="_blank">
@Blair_SGA
</p>
<p><i class="fa fa-envelope"></i><a href="mailto:[email protected]"> [email protected]</a> </p>
<p>Or come by Room 161 during 5th/6th period Lunch</p>
</div>
<!-- <p><i class="fa fa-twitter"></i> </p>-->
</div>
<br>
<div style="width: 75%; margin: auto; text-align: center;">
If you have any questions, comments, or suggestions for the SGA, send us a message.
<br>
Let your voice be heard.
<br>
</div>
<br>
<!-- Contact form start -->
<div class="contact-form" style="width: 70%; margin: auto;">
<form action="contact-form.php" method="post" role="form">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>Name</label>
<input class="form-control form-contact" name="name" id="name" placeholder="" type="text" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Email</label>
<input class="form-control form-contact" name="email" id="email" placeholder="" type="email" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Subject</label>
<input class="form-control form-contact" name="subject" id="subject" placeholder="" type="text" required>
</div>
</div>
</div>
<div class="form-group">
<label>Message</label>
<textarea class="form-control" name="message" id="message" placeholder="" rows="8" value ="" required></textarea>
</div>
<div><br>
<button class="btn btn-danger" type="submit">Send Message</button>
</div>
</form>
</div>
<!-- Contact form end -->
<br>
<br>
</section>
<!-- End Contact Us Page !-->
</div>
<!-- Comment the search box -->
<!--<gcse:searchresults></gcse:searchresults>-->
<div id="push"></div>
<div id="footer">
© Montgomery Blair High School | Designed and Created by: <a href="credits.html">The Blair SGA Web Team</a>
</div>
</div>
<!-- Scripts -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.dropotron.min.js"></script>
<script src="js/jquery.scrolly.min.js"></script>
<script src="js/jquery.onvisible.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/util.js"></script>
<script src="js/main.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/2.2.0/isotope.pkgd.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<!-- Google Maps !-->
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script>
function initialize() {
var mapCanvas = document.getElementById('map-canvas');
var mapOptions = {
center: new google.maps.LatLng(39.018250, -77.011248),
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(mapCanvas, mapOptions)
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</body>
</html>