-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
205 lines (167 loc) · 8.39 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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<style type="text/css">
.auto-style1 {
margin-bottom: 0;
}
</style>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>CALC - Computer Assisted Learning Center -Contact</title>
<meta name="description" content="The COMPUTER-ASSISTED LEARNING CENTER at the Hilo Public Library (CALC) ">
<meta name="keywords" content="'adult literacy', tutors, reading, writing, 'math skills', 'free tutoring', GED, 'English as a Second Language',
ESL, 'computer literacy', 'college preparation', 'Hilo Hawaii Public Library'">
<!-- Mobile viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<!-- CSS-->
<!-- Google web fonts. You can get your own bundle at http://www.google.com/fonts. Don't forget to update the CSS accordingly!-->
<!-- <link href='http://fonts.googleapis.com/css?family=Droid+Serif|Ubuntu' rel='stylesheet' type='text/css'> -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="js/flexslider/flexslider.css">
<link rel="stylesheet" href="css/basic-style.css">
<!-- end CSS-->
<!-- JS-->
<script src="js/libs/modernizr-2.6.2.min.js"></script>
<script language="JavaScript" src="js/gen_validatorv4.js" type="text/javascript" xml:space="preserve"></script>
<!-- end JS-->
</head>
<body id="home">
<!-- header area -->
<header class="wrapper clearfix">
<div id="banner">
<!-- JWH 04/10/2017: change CALC logo -->
<!-- <div id="logo"style="width:20%; float:left;" >><a href="index.html"><img src="images/basic-logo.png" alt="CALC Logo" title="CALC Logo"></a></div> -->
<div id="logo" style="width:20%; float:left;" ><a href="index.html"><img height=300px width=300px src="images/lineart_C-book04.jpeg" alt="CALC Logo" title="CALC Logo"></a></div>
</div>
<!-- main navigation -->
<div class="Jtopnav" id="myJtopnav" style="margin-top:10px"> <!-- style="clear:left;style="display:block; float:left" > --> <!-- float:right -->
<a href="index.html">Home</a>
<a href="program.html" >Program</a>
<a href="people.html">People</a>
<a href="resources.html" >Resources</a>
<a href="donate.html">Donate</a>
<a href="contact.html"class="active">Contact</a>
<a href="javascript:void(0);" style="font-size:16px;" class="icon" onclick="myFunction3('myJtopnav','Jtopnav')">MENU</a>
</div>
<p class="CALC" style="margin-top:10px">WE REGRET TO ANNOUNCE THAT THE COMPUTER-ASSISTED LEARNING CENTER (CALC) HOUSED IN THE
HILO PUBLIC LIBRARY HAS DISBANDED AS OF JUNE 2020.</p>
</header><!-- end header -->
<section id="page-header" class="clearfix">
<!-- responsive FlexSlider image slideshow -->
<div class="wrapper">
<h1>CONTACT US</h1>
</div>
<!-- </section> moved to just above footer -->
<!-- main content area -->
<div class="wrapper" id="main">
<!-- content area -->
<section id="content">
<!-- addresses -->
<p style="clear:both"> <!-- JWH 4/19/2017: need this to place addresses below table -->
<h2 id="calcadd" class="gradientheader" style="color:DarkGreen"> Contact CALC</h2>
<p style="line-height:1.4em"> The Hilo Public Library is located at:<br />
300 Waianuenue Avenue<br />
Hilo, HI 96720<br />
For a map visit our <a href="program.html#locate">CALC Program</a> page.
</p>
<!--
<p style="line-height:1.4em" > We receive U.S. mail at the Hilo Post Office:<br />
Computer-Assisted Learning Center<br />
P.O. Box 10900 <br />
Hilo, HI 96721 <br />
</p>
-->
<p> For questions about CALC, contact the Hilo Library staff by telephone at: <br />
Phone: (808) 933-8893 | Fax: (808) 933-8895<br />
</p>
<p> Or, for a time, contact CALC by email:<br />
<a href="mailto:808giftofliteracy@gmail.com">808giftofliteracy@gmail.com</a>
</p>
</p>
<!-- JWH 5/15/2017: remove php code: github.io does not support active webpages -->
<!--
<h3> <b>Send us your email address:</b> </h3>
<form name="contactform" action="contactreply.php">
<label id="Label1"></label><label id="Label2">Name:
</label>
<input class="auto-style1" name="name" id="name" style="width: 426px" tabindex="0" type="text"><br>
<br>Email Address: <input name="emailaddress" id="emailaddress" style="width: 428px" type="text"><br>
<br>
<input class="auto-style1" name="Submit1" style="width: 111px" type="submit" value="submit">
<div id="contactform_errorloc" class="error_strings"></div>
</form>
-->
</section><!-- #end content area -->
<!-- sidebar -->
<!--
<aside>
<h2>Secondary Section menu</h2>
<nav id="secondary-navigation">
<ul>
<li><a href="#">menu item</a></li>
<li class="current"><a href="#">current menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</nav>
</aside>
-->
<!-- #end sidebar -->
</div><!-- #end div #main .wrapper -->
</section> <!-- page-header -->
<!-- footer area -->
<footer>
<div style="background-color:black"> <!-- parent -->
<div class="navbar" id="myNavbar">
<a href="index.html">Home</a>
<a href="program.html" >Program</a>
<a href="people.html" >People</a>
<a href="resources.html">Resources</a>
<a href="donate.html">Donate</a>
<a href="contact.html"class="active">Contact</a>
<a href="javascript:void(0);" style="font-size:14px;" class="icon" onclick="myFunction3('myNavbar','navbar')">MENU</a>
</div> <!-- navbar -->
<!-- <div id="colophon" class="wrapper clearfix" style="margin-left:30px;background-color:black;width:100%;"> -->
<div id="colophon" class="wrapper clearfix" style="padding-left:30px;background-color:black;width:100%;">
<!-- <div id="colophon" class="clearfix" style="float:left"> -->
<p>© 2016-2020 Computer-Assisted Learning Center</p>
<p style="line-height:1.2em"> Computer-Assisted Learning Center<br />
c/o Hilo Public Library<br/>
<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"></span>
<span itemprop="addressLocality">Hilo</span>,<span itemprop="addressRegion">HI</span> <span itemprop="postalCode">96720</span><br />
Phone: <span itemprop="telephone">(808) 933-8893</span> | Fax: (808) 933-8895<br />
Email: <a href="mailto:808giftofliteracy@gmail.com"><span itemprop="email">808giftofliteracy@gmail.com</span></a>
</p>
</div> <!-- colophon -->
</div> <!-- parent div -->
</footer><!-- #end footer area -->
<!-- jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.9.0.min.js">\x3C/script>')</script>
<script defer src="js/flexslider/jquery.flexslider-min.js"></script>
<!-- fire ups - read this file! -->
<script src="js/main.js"></script>
<script>
/* use variables in a function */
var myMenu, menuName;
function myFunction3(myMenu,menuName) {
/* window.alert("myMenu=" + String(myMenu) + " menu=" + String(menuName)); */
/* syntax: myMenu=an ID name; menuName=a CSS class element */
/* Examples: myFunction3("myNavbar","navbar") or myFunction3("myJtopnav",Jtopnav") */
/* var x = document.getElementById("myNavbar"); */
var x = document.getElementById(myMenu);
if (x.className === menuName) {
x.className += " responsive";
} else {
x.className = menuName;
}
}
</script>
</body>
</html>