forked from wwphsstechdesk/wwphsstechdesk.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
137 lines (121 loc) · 4.31 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 lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<title>WW-P HSS Tech Desk | Contact Us</title>
<!-- CSS -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/>
<link rel="stylesheet" type="text/css" href="css/materialize.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<nav class="green darken-1">
<div class="nav-wrapper container">
<a href="index.html" class="brand-logo left"><img class="responsive-img" src="img/navbarlogo.png"
alt="nav logo"/></a>
<a href="#" class="fs12 brand-logo right"></a>
<ul class="right hide-on-med-and-down">
<li><a href="index.html">Home</a></li>
<li><a href="./aboutus.html">About Us</a></li>
<li><a href="projects.html">Projects</a></li>
<li class="active"><a href="#">Contact Us</a></li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li><a href="index.html">Home</a></li>
<li><a href="./aboutus.html">About Us</a></li>
<li><a href="projects.html">Projects</a></li>
<li class="active"><a href="#">Contact Us</a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="right button-collapse"><i class="material-icons">menu</i></a>
</div>
</nav>
<div id="index-banner" class="container">
<div class="section no-pad-bot">
<div class="container">
<h1 class="header center green-text">Contact Us</h1>
<div class="row center">
<h5 class="flow-text header col s12 black-text">If you have any questions about our services or would like to
join and
volunteer as a specialist, please drop us a message.</h5>
</div>
<br>
</div>
</div>
<div class="parallax"></div>
</div>
<div class="container">
<div class="section">
<div class="row">
<div class="col s12 m12">
<div class="card green darken-3">
<div class="card-content white-text">
<span class="card-title" id="bold">Email</span>
<p>
<a href="mailto:[email protected]" class="link-color" target="_blank">[email protected]</a>
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s12 m12">
<div class="card green darken-3">
<div class="card-content white-text">
<span class="card-title" id="bold1">Facebook</span>
<p>
<a href="https://www.facebook.com/SouthTechTeam/?ref=bookmarks" class="link-color" target="_blank">Find us
on
facebook @South Tech Team</a>
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s12 m12">
<div class="card green darken-3">
<div class="card-content white-text">
<span class="card-title" id="bold2">Location</span>
<p class="link-text-color">We can routinely be found throughout the day and even after school near the front
desk of the library.
Look for the "HSS Tech Team/Desk" sign.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="page-footer green">
<div class="container">
<div class="row">
<div class="col l6 s12">
<div class="mobile-show">
<img class="bottom-logo" src="img/techdesknewflat.png" alt="bottom logo">
</div>
<div class="mobile-hide">
<img src="img/techdesknewflat.png" alt="bottom logo">
</div>
</div>
<div class="col l3 s12">
<h5 class="white-text">Contact</h5>
<ul>
<li><a class="white-text" href="mailto:[email protected]" target="_blank">Email: [email protected]</a>
</li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
<span>HSS Tech Desk 2018-2019</span>
</div>
</div>
</footer>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
</body>
</html>