-
Notifications
You must be signed in to change notification settings - Fork 0
/
people.html
585 lines (523 loc) · 28.3 KB
/
people.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
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
<!DOCTYPE html>
<!--[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</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">
<style>
/* JWH 4/29/2017: From: https://www.w3schools.com/css/tryit.asp?filename=trycss_dropdown_text */
/* Use here: drop down student names in "Partners" section */
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 12px 16px;
z-index: 1;
}
.dropdown:hover .dropdown-content { display: block; margin-left:90px }
/* CSS for a third horizontal navigation menu to move to different sections of
the page (Who we are...).
*/
/* W3 use box-sizing to make columns that respond to vertical */
/* Create two equal columns that floats next to each other */
.columnL {
float: left;
width: 50%;
}
.columnC {
float: left;
width: 15%;
}
/* The actual menu is not a box ...
.columnR {
float: left;
width: 35%;
}
*/
/* override the basic-style.css used in footer */
/* oops, changes footer too of course, can't have both ways
need a third navigation menu style... */
/* */
#myPeoplenav a{
background-color: #FFFFE0; /*black;*/ /* #4CAF50; */
color: black;
font-size:18px;
padding: 0px 15px 0px 0px;
/*font-weight:bold;*/
}
#myPeoplenav a.active{
background-color: #FFFFE0; /*black;*/ /* #4CAF50; */
color: blue;
}
#myPeoplenav a:hover{
background-color: #FFFFE0; /*black;*/ /* #4CAF50; */
color: red;
}
/*}
*/
/* On small screens, the 2 boxes (col..L and col..C) wrap on top of the other */
@media screen and (max-width: 600px) {
.columnL, .columnC {
width: 100%;
float:left; /* ??? */
clear:both;
}
}
/* medium size screens...*/
@media screen and (max-width: 800px) {
.columnL, .columnC {
width: 33.33%;
float:left; /* ??? */
/* clear:both; */
}
}
</style>
<!-- end CSS-->
<!-- JS-->
<script src="js/libs/modernizr-2.6.2.min.js"></script>
<!-- end JS-->
</head>
<body id="home">
<!-- header area -->
<header class="wrapper clearfix">
<div id="banner">
<!-- JWH 03/30/2017: change CALC logo -->
<!-- <div id="logo"><a href="index.html"><img src="images/basic-logo.png" alt="CALC Logo" title="CALC Logo"></a></div> -->
<!-- <div style="width:20%" id="logo"><a href="index.html"><img height=75 width=75 src="images/lineart_C-book04.jpeg" alt="CALC Logo" title="CALC Logo"></a></div> -->
<div style="width:20%;float:left" id="logo"><a href="index.html"><img height=300px width=300px src="images/lineart_C-book04.jpeg" alt="CALC Logo" title="CALC Logo"></a></div>
</div> <!-- banner fig -->
<!-- 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" class="active">People</a>
<a href="resources.html">Resources</a>
<a href="donate.html">Donate</a>
<a href="contact.html">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 clearfix">
<!-- <h1>PEOPLE</h1> -->
<div class="columnL" style="color:black">
<p style="font-size:35px"> <b>PEOPLE</b></p>
</div>
<div class="columnC absolute" style="font-size:24px"> Who We Are:</div>
<!-- jwh Tue Jul 07 22:53:20 HST 2020 @412 /Internet Time/ -->
<!-- Do not put the navbar in a box, -->
<div class="navbar" id="myPeoplenav" style="font-size:24px;background-color:#FFFFE0;">
<a href="#learners" class="active">Learners</a>
<a href="#volunteers">Volunteers</a>
<a href="#staff">Staff</a>
<a href="#partners">Partners</a>
<a href="javascript:void(0);" style="font-size:16px;" class="icon" onclick="myFunction3('myPeoplenav','navbar')">Menu</a>
</div> <!-- people menu -->
</div> <!-- wrapper -->
<!-- main content area {{{ -->
<div class="wrapper" id="main">
<!-- content area section {{{ -->
<section id="content" >
<h1 class="gradientheader" id="learners" style="color:DarkGreen;">Learners</h1>
<!-- JWH 4/13/2017: use tables not floats -->
<table> <!-- Learners table {{{ -->
<tr>
<!-- <td><p class="nophoto">Learner Photo Here</p> </td>-->
<!-- <td style="width:180px"><img src="images/Liza-CALC-crop-web.jpg" title="Liza" alt="Liza B." style="width:180px;height:180px;border=2px" /></td> -->
<td style="width:200px"><img src="images/Liza-CALC-crop1-150pxW.jpg" title="Liza" alt="Liza B." style="width:180px;border=2px" /></td>
<td class="textcolumn-wide" style="min-height:60px;max-height:80px;overflow:scroll" >
<div style="height: 150px; overflow: auto">
<i>Liza:</i> I came to the Learning Center as a high school drop-out, having long
lost hopes of any kind of academic future and hoping only
to pass my GED exams. I felt pretty insecure having to ask for this kind of help
as an adult, but Vera eliminated all my fears and inspired me to
give learning another shot. The tutor himself turned out to be a lot more than
just a teacher: Jim Haefner made me learn all the dreaded high
school algebra in just a few dozen sessions, making math my new favorite subject.
I aced my GEDs and college
placement exam, and am now pursuing a college degree in Biology, something I
considered impossible just a year ago ... Coming to CALC has really changed my
life for the better!
</div>
</td>
</tr>
<tr>
<!-- <td><p class="nophoto">Learner Photo Here</p> </td> -->
<td style="min-width:150px"><img src="images/rosie-riveter-150pxW.jpg" title="Rosie" alt="Rosie R." style="width:180px;border=2px" /></td>
<td class="textcolumn-wide" style="min-height:60px;max-height:80px;overflow:scroll" >
<div style="height: 150px; overflow: auto">
<i>Tia:</i> Being a part of CALC was the best thing that happened to me. I was a high school
dropout. After dropping out I went straight into the workforce; unfortunately I
got hurt on the job. As part of my rehabilitation I was sent to CALC. I went in
with a perspective of not knowing what this program was going to provide me.
They proved me wrong! I’ve learned so many things; not only skills that helped
me achieve my goal in getting my GED. CALC has also provided me with skills that
helped me gain the confidence I needed to attend Hawaii Community College and
earned two degrees in Early Childhood and Liberal Arts. CALC is such a caring
and positive place for people that need that extra help in moving forward in
life. To me CALC is a great program for the community and needs the financial
support! Please help CALC to help others like me!
</div>
</td>
</tr>
<tr>
<!-- <td><p class="nophoto">Learner Photo Here</p> </td> -->
<td style="min-width:150px"><img src="images/CALC_KellyYan-ESL-small-head.png" title="Kelly" alt="Kelly Y." style="width:242px;border=2px" /></td>
<!-- <td class="textcolumn-wide" style="min-height:60px;max-height:80px;overflow:scroll" > <div style="height: 150px; overflow: auto;"> -->
<td class="textcolumn-wide">
<i>Kelly:</i> I was born in a small village in China and have been in Hilo for two years. In China, I
was a beautician and I wish to continue doing this in the United States. I want to improve my chances
of success by learning to speak English like an American. CALC is helping me reach my goals.
<!-- </div> -->
</td>
</tr>
<tr>
<!-- <td><p class="nophoto">Learner Photo Here</p> </td> -->
<td style="min-width:150px"><img src="images/KathyEhlers_photo-crop-scale.jpg" title="Kathy E" alt="Kathy E." style="width:242px;border=2px;" /></td>
<td class="textcolumn-wide" style="min-height:60px;max-height:80px;overflow:scroll;" >
<div style="height: 150px; overflow: auto">
<!-- <td class="textcolumn-wide"> -->
<i>Kathy:</i> I’m 64 years old and I dropped out of high school in the 10th grade. After working and
raising a family, I wanted to get my GED, but thought it was impossible. I didn’t do
well in school then, much less trying to pass 45 years later. Vera and the tutors here
at CALC encouraged me and gave me hope. Jim and Janice worked with me over several months
and did not give up on me. They have been excellent teachers and have been very patient
with me. On my birthday(!), Nov. 14, 2018, I completed my GED. I’m so excited and very
thankful for the volunteers at CALC. I could not have done it without them. Now I have
the opportunity to continue to further my education. Thank you Jim, Janice and Vera.
<!-- </div> -->
</td>
</tr>
<tr>
<!-- <td><p class="nophoto"></p> </td> -->
<td style="min-width:150px"><img src="images/Chinese4Learn2.jpg" title="TingChinese4Education" alt="Ting Education"
style="width:242px;border=2px;" /></td>
<td class="textcolumn-wide" style="min-height:60px;max-height:80px;overflow:scroll;" >
<div style="height: 150px; overflow: auto;">
<!-- <td class="textcolumn-wide"> -->
<i>Ting:</i> Tutor Jim: I am very grateful to you for being my English teacher. Every time I go to
class, I gain a lot of knowledge that I didn't <!-- ' --> know before. You taught me to
be very patient and attentive. Every time I read English like a child, you will
accompany me to read. I am very touched because you really want to help me
improve my English skills. I feel that my current English ability is much better than when I first came to
class.
<!-- </div> -->
</td>
</tr>
<tr>
<!-- <td><p class="nophoto"></p> </td> -->
<td style="min-width:150px"><img src="images/Eunhee-1_crop-scale3in.png" title="Eunhee" alt="Eunhee"
style="width:300px;border=2px" /></td>
<td class="textcolumn-wide" style="min-height:60px;max-height:80px;overflow:scroll;" >
<div style="height: 150px; overflow: auto;">
<!-- <td class="textcolumn-wide"> -->
<i>Eunhee:</i> I came to Hilo from Korea in 2001, but I didn’t have a chance to learn English.
I began work as a tour guide when l came to Hawai’i, where I worked for 10 years .
I had free time after that and I was lucky to find the English class at the library.
My tutor is a very nice person and very patient. My English is improving day by day.
My tutor’s name is Mr Haefner.
<!-- </div> -->
</td>
</tr>
</table> <!-- Learner table }}} -->
<h1 id="volunteers" class="gradientheader" style="color:DarkGreen">Volunteers</h1>
<!-- JWH 4/13/2017: use tables not floats -->
<table> <!-- Volunteers table {{{ -->
<tr>
<!-- <td><p class="nophoto">Photo of Jim Haefner</p> </td> -->
<td><img width=150 height=165 src="images/Jim-CALC-small-150pxW.jpg" alt="Jim Haefner" title="Jim" border=2px /> </td>
<td class="textcolumn-wide"> Jim is a retired professor of biology from Utah State University. He especially likes
to assist learners studying for their GED, or preparing for college placement exams. Jim can help with high-school
and introductory college level math, as well as basic reading and writing skills.</td>
</tr>
<tr>
<td><p class="nophoto">Volunteer Photo Here</p> </td>
<td class="textcolumn-wide">
<div style="height: 150px; overflow: auto;">
Claudine has been a tutor for over 10 years. She received a
Certificate in Teaching ESL (English as a second language) from
UHH in 2004 and is a retired librarian. At CALC she has taught
reading and writing to individual students on a one to one basis
as well as groups of ESL students. Currently, she teaches a
class of adult ESL learners whose first language includes
Japanese, Mandarin, or Taiwanese. In this class, her students
focus on pronunciation of American English and conversational
English, but study reading, writing, grammar, and listening as
well. The main student goal is fluency in English so they can
speak comfortably with native English speakers. They spend lots
of time talking with each other, use a variety of textbooks, and
have lots of fun while learning English.
</div>
</td>
</tr>
<tr>
<td><p class="nophoto">Volunteer Photo Here</p> </td>
<td class="textcolumn-wide">
Born and raised in Hilo, Janice received a Bachelor's Degree in Interior
Architexture from the University of Oregon. She and her husband raised
their five children in Oregon and Idaho, where Janice enjoyed and
explored the many facets of home education. She loves reading, sewing,
cooking, and volunteering. Here at CALC, Janice helps students with GED
and ESL lessons.
</td>
</tr>
</table> <!-- Volunteers table }}} -->
<h1 id="staff" class="gradientheader" style="color:DarkGreen">Staff (present and past)</h1>
<!-- JWH 4/13/2017: use tables not floats -->
<table> <!-- Staff table {{{ -->
<tr>
<!-- <td style="width:150px;"> -->
<td style="min-width:150px;max-width:150px"><img width=150 height=185 src="images/Vera-150pxW.jpg" alt="Vera manager of CALC Hilo literacy" title="Vera" border=2px >
</td>
<td class="textcolumn-wide;">
Vera Genegabuas is the CALC Program Manager and a member of the Board of Directors.
She is responsible for everything, but in particular she interviews potential
tutors and learners to determine how best to use their special skills and to
help learners fulfill their life objectives. She is the person to see for all
things CALC. She is also a CALC success story, since she learned English as a
second language at CALC, overcoming a life-long fight with dyslexia.
</td>
</tr>
<!-- -->
<tr>
<td>
<img width=150 height=180 src="images/Staff_Photo_Grace-N-150pxW.jpg" alt="Grace: Staff of CALC Hilo Literacy"
title="Grace" border=2px; />
</td>
<td class="textcolumn-wide">
<div style="height: 150px; overflow: auto;">
Grace Nievarez plays several roles for
CALC. First, she helps people learn how to navigate the internet, how to
operate computers, tablets, and any other technological device. In addition,
Grace uses computers and technology to tutor students as well. For example, she
helps students study for their General Education Development (GED) test using
technology, and uses internet resources to teach English to English as a Second
Language (ESL) students too. Secondly, Grace is one of the administrative
support staff for CALC. As a graduate of Sacramento State University and the
International Teach English as a Foreign Language (TEFL) Academy, she is excited
to help CALC students learn, grow, and achieve personal and academic success.
</div>
</td>
</tr>
<!-- -->
<!-- -->
<tr>
<td><img width=150 height=200 src="images/Melissa_profile_napa_pic-150pxW.jpg" alt="Melissa: Staff of CALC Hilo Literacy"
title="Melissa";border=2px />
</td>
<td class="textcolumn-wide"> <div style="height: 150px; overflow: auto;">
Melissa first became involved with CALC several months after its inception in 1991 as a homeschool
student learning how to type and use computers. She advanced to tutoring ESL the
following year, and has been involved in some way, shape, or form ever since.
Melissa has served as a Tutor, Special Projects Coordinator, Project Assistant,
Volunteer Services Coordinator, Program Manager, and now volunteers weekly with
behind-the-scenes tasks, as well as manning the position of Secretary of the
Board of Directors. Melissa is passionate about Adult Literacy and Lifelong
Learning, and says she will remain involved with CALC in any way she is needed
as long as she draws breath on Hawaii Island! </div>
</td>
</tr>
<!-- -->
</table> <!-- Staff table }}} -->
<h1 class="gradientheader" style="color:DarkGreen">Board of Directors</h1>
<div>
<ul>
<li> David Kohara: President</li>
<li> Vera A. Genegabuas: Program Manager </li>
<li> Mona Tavares: Secretary </li>
<!-- <li> Christopher Schlueter: Vice President </li> -->
<li> Nathan Colgrove: Treasurer</li>
</ul>
</div>
<h1 id="partners" class="gradientheader" style="color:DarkGreen">Partners</h1>
<div style="width:1300px"> <!-- PARTNERS -->
<h3><b>Donors</b></h3>
<section id="content" class="wide-content"> <!-- Donors section {{{ -->
<div class="row">
<div class="grid_6">
<ul style="list-style-type:none; padding:4px; margin-top:-10px; line-height:1.4em;">
<li>
<!-- JWH 4/29/2017: use "drop-down" to expose student names: no click, just hover -->
<!-- From https://www.w3schools.com/css/tryit.asp?filename=trycss_dropdown_text -->
<div class="dropdown">
<img style="float:left; width:32px" src="images/UH-Hilo_logo.png" alt="UH-Hilo logo">
<span style="vertical-align:0px;margin-left:0px;position:relative;left:20px;top:0px;">
Initial web design by students of James Kiley's UH-Hilo Spring 2017<br /> CS 201 class (mouse over):
</span>
<div class="dropdown-content">
<span style="position:relative;left:0px;bottom:0px;">Andy Chang | Patrick C. Cheng | Pierre R. De Poyo | <br />Chad K. Kinoshita | Derrick Bukka O'Brien</span>
</div>
</div>
</li>
<li style="margin-top:20px">
<img style="float:left; width:32px; margin-top:0px"
src="images/hula-logo-crop-65pxW.jpg" alt="C. Tsutsumi">
<span class="clearfix clear:left" style="margin-left:80px; text-align:0px;position:relative;left:20px;top:-10px;bottom:0px;">
Carole Tsutsumi, Hilo,Hawaii
</span>
</li>
<!-- <img style="width:40px; height:65px;"src="images/UH-Hilo_logo.png" alt="UH-Hilo logo"> -->
<li style="margin-left:0px;margin-top:10px">
<img style="float:left; width:32px; margin-left:0px"
src="images/hpm_buildingsupply.png" alt="HPM logo">
<span class="clearfix" style="padding-left:80px; vertical-align:0px;position:relative;left:50px;top:-20px;">
HPM Building Supply, Hilo Hawaii: <a href="http://www.hpmhawaii.com/">www.hpmhawaii.com</a>
</span>
</li>
<li style="margin-top:0px">
<img style="float:left; width:32px; margin-left:0px"
src="images/BigIslandToyota-65pxW.jpg" alt="BItoyota logo">
<span class="clearfix" style="padding-left:40px; vertical-align:0px;position:relative;left:20px;top:-15px;">
Big Island Toyota, Hilo Hawaii : <a href="http://www.bigislandtoyota.com/">www.bigislandtoyota.com</a>
</span>
</li>
</ul>
</div> <!-- end grid_6 -->
<!-- DONOR COLUMN 2 -->
<div class="grid_6">
<ul style="list-style-type:none; padding:4px; margin-top:-24px; line-height:1.4em;">
<li style="margin-top:10px">
<img style="float:left; width:32px; margin-top:0px"
src="images/bigislandcandies-65W.jpg" alt="BItoyota logo">
<span class="clearfix" style="margin-left:80px; text-align:0px;position:relative;left:50px;top:-25px;">
Big Island Candies, Hilo Hawaii: <a href="https://www.bigislandcandies.com/">www.bigislandcandies.com</a>
</span>
</li>
<li style="margin-top:10px">
<img style="float:left; width:32px; margin-top:0px"
src="images/hawaiielectriclight-logo-65pxW.jpg" alt="HELCO logo">
<span class="clearfix clear:left" style="margin-left:80px; text-align:0px;position:relative;left:50px;top:-25px;">
Hawaii Electric Light, Hilo,Hawaii: <a href="https://www.hawaiielectriclight.com/">www.hawaiielectriclight.com</a>
</span>
</li>
<li style="margin-top:10px">
<img style="float:left; width:32px; margin-top:-10px"
src="images/star-clip-65pxW.png" alt="PSA Investments">
<span class="clearfix clear:left" style="margin-left:80px; text-align:0px;position:relative;left:50px;top:-25px;">
PSA Investments
</span>
</li>
<li style="margin-top:10px">
<img style="float:left; width:32px; margin-top:0px"
src="images/Cafe100-65pxW.png" alt="Cafe 100 logo">
<span class="clearfix clear:left" style="margin-left:80px; text-align:0px;position:relative;left:20px;top:-20px;">
Cafe 100, Hilo,Hawaii: <a href="https://www.cafe100.com/">www.cafe100.com</a>
</span>
</li>
<li style="margin-top:10px">
<img style="float:left; width:32px; margin-top:0px"
src="images/huggos-65pxW.png" alt="Hugo's logo">
<span class="clearfix clear:left" style="margin-left:80px; text-align:0px;position:relative;left:50px;top:-25px;">
Huggo''s on the Rocks, Kailua Kona,Hawaii: <a href="https://www.huggos.com/">www.huggos.com"</a>
</span>
</li>
<li style="margin-top:10px">
<img style="float:left; width:32px; margin-top:-20px;"
src="images/kta-logo-65pxW.jpg" alt="KTA logo">
<span class="clearfix clear" style="margin-left:80px; text-align:0px;position:relative;left:50px;top:-30px;">
KTA Super Stores, Hilo HI: <a href="http://www.ktasuperstores.com/">www.ktasuperstores.com</a>
</span>
</li>
</ul>
</div> <!-- grid_6 -->
</div> <!-- row -->
</section> <!-- Donors section }}} -->
<!-- OLD donors commented {{{ -->
<!-- JWH: 4/21/2017: old partners...
<p>FISCAL AGENT
Hawaii Library Foundation
FUNDRAISERS
GTE Literacy Champions Campaign
Sweet Summer Ice Cream Social
DONORS
The Harry and Jeanette Weinberg Foundation (no known web address)
GTE Hawai`ian Tel
SalomonSmithBarney
Citigroup Foundation
Western Pacific / LINCS
Borders Books Music & Cafe
Radio Shack
OTHER SUPPORT
Hawai`i State Public Library System (HSPLS)
Our Volunteers
</p>
end OLD Donors }}}
-->
</section><!-- #end content area }}} -->
</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" class="active">People</a>
<a href="resources.html">Resources</a>
<a href="donate.html">Donate</a>
<a href="contact.html">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>