https://www.kagancharity.org/contact_us.php

1
2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
4 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
5<link href="css/main.css?v=05/14" rel="stylesheet" type="text/css" />
6<style type="text/css">
7#contactBox {
8	background-color: #414040;
9	display: inline-block;
10	width: 290px;
11	min-height: 33px;
12	margin-right: 5px;
13	padding-top: 5px;
14	padding-right: 5px;
15	padding-bottom: 5px;
16	padding-left: 50px;
17	border-radius: 5px; /* CSS 3 */
18	-o-border-radius: 5px; /* Opera */
19	-icab-border-radius: 5px; /* iCab */
20	-khtml-border-radius: 5px; /* Konqueror */
21	-moz-border-radius: 5px; /* Firefox */
22	-webkit-border-radius: 5px; /* Safari */
23	background-repeat: no-repeat;
24	background-position: 10px 7px;
25	margin-bottom: 5px;
26}
27#contactBox p {
28	color: #FFF;
29	margin: 0px;
30}
31#contactBox strong {
32	color: #fff !important;
33	font-size: 1.2em;
34	font-family: Arial, Helvetica, sans-serif !important;
35}
36#contactBox b, a {
37	color: #ffff9e;
38	font-family: Arial, Helvetica, sans-serif !important;
39}
40#contactBox a {
41	font-size: 1em !important;
42}
43#contactBox.phone {
44	background-image: url(images/contact-icon-phone.png);
45	float: left;
46}
47#contactBox.email {
48	background-image: url(images/contact-icon-email.png);
49}
50#contactBox.mail {
51	background-image: url(images/contact-icon-mail.png);
52}
53#contactBox.newsletter {
54	background-image: url(images/contact-icon-newsletter.png);
55	background-color: #007388;
56}
57@media screen and (max-width: 780px) {
58.content {
59	width: 345px;
60	margin:auto;
61}
62}
63</style>
64<head>
65<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
66<title>Kagan Charitable Foundation - Contact Us</title>
67<link rel="icon" type="image/png" href="//www.kagancharity.org/images/favicon.png?v=a">
68</head>
69
70<body>
71<div id="wrapper"> 
72  
73  <!-- Top Nav Begin -->
74  <div id="topNav" onclick="void(0)">
75<a href="index.php" class="homeLink">Home</a>
76  <div id="dropDownMenu" onclick="void(0)">
77    <ul id="menu">
78      <li><a>About</a>
79        <ul>
80          <li onclick="void(0)"><a href="index.php">Home</a></li>
81          <li onclick="void(0)"><a href="mission.php">Mission</a></li>
82          <li onclick="void(0)"><a href="history.php">History</a></li>
83          <li onclick="void(0)"><a href="letter_from_founders.php">Letter from the Founders</a></li>
84          <li onclick="void(0)"><a href="board.php">Board of Directors</a></li>
85          <li onclick="void(0)"><a href="contact_us.php">Contact Us</a></li>
86        </ul>
87      </li>
88      <li><a>Grants</a>
89        <ul>
90          <li onclick="void(0)"><a href="what_we_fund.php">What Do We Fund?</a></li>
91          <li onclick="void(0)"><a href="grant_application.php">Grant Application</a></li>
92          <li onclick="void(0)"><a href="grant_recipients_appreciations.php">Grant Recipients</a></li>
93          <li onclick="void(0)"><a href="grant_recipients.php">2025 Grant Awards</a></li>
94        </ul>
95      </li>
96      <li><a>Donate</a>
97        <ul>
98          <li onclick="void(0)"><a href="how_to_donate.php">How to Donate</a></li>
99          <li onclick="void(0)"><a href="double_your_donations.php">Double Your Donations</a></li>
100          <li onclick="void(0)"><a href="donation_video.php">Donation Video</a></li>
101        </ul>
102      </li>
103      <li><a>Inspiration</a>
104        <ul>
105          <li onclick="void(0)"><a href="inspiration.php">Inspiration</a></li>
106        </ul>
107      </li>
108    </ul>
109  </div>
110</div>
111  <!-- Top Nav End -->
112  
113  <header>
114    <h1>Kagan Charitiable Foundation</h1>
115    <a href="index.php" aria-label="Click to return home"><img src="images/header.png" border="0" class="headerDesktop" alt="Empowering Teachers - Engageing Students" /><img src="images/headerMobile.png" class="headerMobile" alt="Empowering Teachers - Engageing Students" /></a>
116    </header>
117  
118  <!--Content Begin-->
119  <main id="contentWrapper">
120    <h2 class="contact">Letter from the Founders: Laurie & Spencer Kagan</h2>
121    <div class="content">
122      <!-- Letters from Founders BEGIN -->
123      <div id="contactBox" class="phone"><p><strong>Phone:</strong> <b>1.800.266.7576</b><br />

124      You can reach Kagan Charitable Foundation 7:00 AM to 5:00 PM Monday through Thursday and 7:00 AM to 11:00 AM on Fridays (Pacific Time). You can also leave us a voicemail before or after these hours.</p></div>
125      <div id="contactBox" class="email">
126      <p><strong>Email: <a href="mailto:[email protected]">[email protected]</a></strong></p></div>
127      <div id="contactBox" class="mail">
128        <p><strong>Mail:</strong> <b>P.O. Box 73154<br />
129San Clemente, CA 92673</b></p></div>
130      <div id="contactBox" class="newsletter">
131        <p>Sign up for the Kagan Charitable Foundation Newsletter.
132      <a href="mailto:[email protected]">Click here.</a></p></div>
133    <!-- Letters from Founders END --> 
134</div>
135  </main>
136  <!-- Content End --> 
137  
138  <!-- Footer Begin -->
139  <div id="footer">
140    <div class="centerAlignBlocks">
141      <div id="footerBlock" class="one"><a href="download/KaganCharity_DonationForm.pdf" target="_blank" id="downlaodForm">Download Form to donate by mail. Click here</a></div>
142      <div id="footerBlock" class="two">
143        <table width="96" border="0" align="center" cellpadding="0" cellspacing="0" role="presentation">
144          <tr>
145            <td width="48" align="center" valign="middle"><a href="https://www.facebook.com/Kagan-Charitable-Foundation-919285664785888/"><img src="images/social-media-icon-sm-fb.png" alt="facebook icon" width="35" height="35" border="0" /></a></td>
146            <td width="48" align="center" valign="middle"><a href="https://twitter.com/kagancharity"><img src="images/social-media-icon-sm-twitter.png" alt="twitter icon" width="35" height="35" border="0" /></a></td>
147          </tr>
148        </table>
149      </div>
150      <div id="footerBlock" class="three">
151        <p><a href="mailto:[email protected]?subject=Sign Me up for the Kagan Charitable Organization Newsletter" class="newsletterLink">Sign up for the<br />
152          Kagan Charitable Foundation Newsletter.</a></p>
153      </div>
154    </div>
155    <div id="footerBlock" class="four">
156      <p style="color:#FFF;">Kagan Charitable Foundation is a 501(C)(3) non-profit public charity.
157        Your donation is tax deductible to the maximum extent allowable by law.
158        Tax ID: 47-1818851</p>
159    </div>
160    <br clear="all" />
161  </div>
162  <div id="footer" class="blk">
163    <h3><strong style="color:#FFF;">Kagan Charitable Foundation</strong></h3>
164    <p >P.O. Box 73154 &bull; San Clemente, CA &bull; <a href="tel:1.800.266.7576" class="phoneLink">1 (800) 266-7576</a> &bull; <a href="mailto:[email protected]" class="newsletterLink">Email Us</a></p>
165</div>  <!-- Footer End --> 
166  
167</div>
168</body>

169<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>

169

170<script type="text/javascript">
171/*** jQuery Slideshow Script - Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc. ***/
172
173function slideSwitch() {
174    var $active = $('#slideshow IMG.active');
175
176    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
177
178    // use this to pull the images in the order they appear in the markup
179    var $next =  $active.next().length ? $active.next()
180        : $('#slideshow IMG:first');
181
182    // uncomment the 3 lines below to pull the images in random order
183    
184    // var $sibs  = $active.siblings();
185    // var rndNum = Math.floor(Math.random() * $sibs.length );
186    // var $next  = $( $sibs[ rndNum ] );
187
188
189    $active.addClass('last-active');
190
191    $next.css({opacity: 0.0})
192        .addClass('active')
193        .animate({opacity: 1.0}, 1000, function() {
194            $active.removeClass('active last-active');
195        });
196}
197
198$(function() {
199    setInterval( "slideSwitch()", 5000 );
200});
201
202</script>

202
203</html>