<!--
array(2) {
  ["data"]=>
  array(1) {
    [0]=>
    array(9) {
      ["id"]=>
      string(33) "1573079179581823_3367031896853200"
      ["from"]=>
      array(2) {
        ["name"]=>
        string(24) "St. Mark Lutheran School"
        ["id"]=>
        string(16) "1573079179581823"
      }
      ["message"]=>
      string(135) "Dedicated faculty hard at work getting ready for the Hoops for Heart challenge and 5th & 6th grade camping weekend.🏀♥️⛺🏕️"
      ["picture"]=>
      string(295) "https://scontent-ort2-2.xx.fbcdn.net/v/t39.30808-6/280900708_3367031953519861_1612835795421358535_n.jpg?stp=dst-jpg_s130x130&_nc_cat=102&ccb=1-7&_nc_sid=110474&_nc_ohc=LVG_Q3N7F3EAX_H2v-4&_nc_ht=scontent-ort2-2.xx&edm=AKIiGfEEAAAA&oh=00_AT_Io9I3MAFBBH4qWB5imtekKVk_lvBDlx1FMsgtpo3TMw&oe=628B6E8E"
      ["full_picture"]=>
      string(295) "https://scontent-ort2-2.xx.fbcdn.net/v/t39.30808-6/280900708_3367031953519861_1612835795421358535_n.jpg?stp=dst-jpg_p180x540&_nc_cat=102&ccb=1-7&_nc_sid=110474&_nc_ohc=LVG_Q3N7F3EAX_H2v-4&_nc_ht=scontent-ort2-2.xx&edm=AKIiGfEEAAAA&oh=00_AT80PtF1zAFgte7y00IrUtLoa8U_487VeeKX74AjydWPmA&oe=628B6E8E"
      ["attachments"]=>
      array(1) {
        ["data"]=>
        array(1) {
          [0]=>
          array(5) {
            ["description"]=>
            string(135) "Dedicated faculty hard at work getting ready for the Hoops for Heart challenge and 5th & 6th grade camping weekend.🏀♥️⛺🏕️"
            ["media"]=>
            array(1) {
              ["image"]=>
              array(3) {
                ["height"]=>
                int(540)
                ["src"]=>
                string(295) "https://scontent-ort2-2.xx.fbcdn.net/v/t39.30808-6/280900708_3367031953519861_1612835795421358535_n.jpg?stp=dst-jpg_p180x540&_nc_cat=102&ccb=1-7&_nc_sid=110474&_nc_ohc=LVG_Q3N7F3EAX_H2v-4&_nc_ht=scontent-ort2-2.xx&edm=AKIiGfEEAAAA&oh=00_AT80PtF1zAFgte7y00IrUtLoa8U_487VeeKX74AjydWPmA&oe=628B6E8E"
                ["width"]=>
                int(720)
              }
            }
            ["target"]=>
            array(2) {
              ["id"]=>
              string(16) "3367031880186535"
              ["url"]=>
              string(91) "https://www.facebook.com/stmarkeauclaire/photos/a.1574162089473532/3367031880186535/?type=3"
            }
            ["type"]=>
            string(5) "photo"
            ["url"]=>
            string(91) "https://www.facebook.com/stmarkeauclaire/photos/a.1574162089473532/3367031880186535/?type=3"
          }
        }
      }
      ["permalink_url"]=>
      string(65) "https://www.facebook.com/1573079179581823/posts/3367031896853200/"
      ["created_time"]=>
      string(24) "2022-05-19T21:19:02+0000"
      ["updated_time"]=>
      string(24) "2022-05-19T21:19:02+0000"
    }
  }
  ["paging"]=>
  array(2) {
    ["cursors"]=>
    array(2) {
      ["before"]=>
      string(180) "QVFIUm1lMnVTNDV2VmhyY2lmbU1nVDRDeGdNdUR2Y0dILTlJSWFiVFphRzNjM24zS0U3aUhIZADFjV2tmVXhZASU9zaGo4b1dZAazRMUXdSU0I2SnRTVU5xa05nZAXhaRk11UGlQMkluSExUN2YxVlU4Q2pKbkE5WnRuREIzMDJfS3kwUTdU"
      ["after"]=>
      string(180) "QVFIUm1lMnVTNDV2VmhyY2lmbU1nVDRDeGdNdUR2Y0dILTlJSWFiVFphRzNjM24zS0U3aUhIZADFjV2tmVXhZASU9zaGo4b1dZAazRMUXdSU0I2SnRTVU5xa05nZAXhaRk11UGlQMkluSExUN2YxVlU4Q2pKbkE5WnRuREIzMDJfS3kwUTdU"
    }
    ["next"]=>
    string(573) "https://graph.facebook.com/v10.0/1573079179581823/posts?access_token=EAAHBSdz2ZBCcBAKW1NU6HW61GPGOM2BTJLPnxk2x4D2IxM2lRjOtbv2l748l4VvWVIVe7PAPCOVdaEABvEiKPJTuCkAAq9uheLhXt26Gy9U2VHHUwq0ntiVdZB7N102aUrp6yeiigsz40wiTbtD8bbn7kTVG4aoPufCB5ZAsVYSvdkuKPJa&pretty=1&fields=id%2Cfrom%2Cmessage%2Cpicture%2Cfull_picture%2Cattachments%2Cpermalink_url%2Ccreated_time%2Cupdated_time%2Cplace&limit=1&after=QVFIUm1lMnVTNDV2VmhyY2lmbU1nVDRDeGdNdUR2Y0dILTlJSWFiVFphRzNjM24zS0U3aUhIZADFjV2tmVXhZASU9zaGo4b1dZAazRMUXdSU0I2SnRTVU5xa05nZAXhaRk11UGlQMkluSExUN2YxVlU4Q2pKbkE5WnRuREIzMDJfS3kwUTdU"
  }
}

-->
<!--
array(1) {
  [0]=>
  array(10) {
    ["author"]=>
    string(24) "St. Mark Lutheran School"
    ["message"]=>
    string(238) "Dedicated faculty hard at work getting ready for the Hoops for Heart challenge and 5th & 6th grade camping <a href="http://weekend.🏀♥️⛺🏕️" target="_blank" title="weekend.🏀♥️⛺🏕️">weekend.🏀♥️⛺🏕️</a>"
    ["image"]=>
    string(295) "https://scontent-ort2-2.xx.fbcdn.net/v/t39.30808-6/280900708_3367031953519861_1612835795421358535_n.jpg?stp=dst-jpg_p180x540&_nc_cat=102&ccb=1-7&_nc_sid=110474&_nc_ohc=LVG_Q3N7F3EAX_H2v-4&_nc_ht=scontent-ort2-2.xx&edm=AKIiGfEEAAAA&oh=00_AT80PtF1zAFgte7y00IrUtLoa8U_487VeeKX74AjydWPmA&oe=628B6E8E"
    ["link"]=>
    string(65) "https://www.facebook.com/1573079179581823/posts/3367031896853200/"
    ["link_name"]=>
    string(0) ""
    ["post_link"]=>
    string(65) "https://www.facebook.com/1573079179581823/posts/3367031896853200/"
    ["type"]=>
    string(5) "photo"
    ["updated_time"]=>
    string(24) "2022-05-19T21:19:02+0000"
    ["created_time"]=>
    string(24) "2022-05-19T21:19:02+0000"
    ["location"]=>
    string(0) ""
  }
}

-->
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<!-- START META -->
<meta charset="UTF-8">
<meta name="author" content="www.firstnetimpressions.com" />
<meta name="copyright" content="Copyright 2022 St. Mark Lutheran Church & School - Eau Claire" />
<meta name="revisit-after" content="31 days" />
<meta name="robots" content="all">
<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="#000000" />
<meta name="theme-color" content="#000000">
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<link rel="shortcut icon" href="/favicon.ico" />
<!-- END META -->
<title>Our School | St. Mark Lutheran Church & School - Eau Claire</title>
<meta name="description" content="St. Mark Lutheran School offers preschool through eighth grade Christian education to members and non-memberes in the Eau Claire School District. Visit us to learn more about our Eau Claire Lutheran school today." />
<link rel="stylesheet" type="text/css" href="/clibs/fonts/source-sans-pro/font.css">
<link rel="stylesheet" type="text/css" href="/clibs/fonts/yanone-kaffeesatz/font.css"><link rel="stylesheet" type="text/css" href="/webfiles/cache/bundle.fc88caf73581011ede2fd21c93bb9c96.min.css">
<!-- START GOOGLE ANALYTICS -->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-138060172-1', 'auto');
  ga('send', 'pageview');

</script>
<!-- END GOOGLE ANALYTICS -->
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TJJC8QM');</script>
<!-- End Google Tag Manager --></head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TJJC8QM"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.11&appId=205119352848801';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- START HEADER -->
  <header class="header-sticky">
    <a href="#main" class="skip">Skip to content</a>
    <div class="container">
      <div class="row gutter-md--desktop">
        <div class="column is-8 is-4--tablet">
          <a href="/"><img src="/images/layout/logo.png" class="logo" alt="St. Mark Lutheran Church & School - Eau Claire Logo"></a>
        </div>
        <div class="column is-4 is-8--tablet has-vertically-centered-elements">
<!-- START NAVIGATION -->
                <div class="nav-toggle is-hidden--tablet is-aligned-right">
                  <div class="menu on">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M442 114H6a6 6 0 0 1-6-6V84a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6zm0 160H6a6 6 0 0 1-6-6v-24a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6zm0 160H6a6 6 0 0 1-6-6v-24a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6z"/></svg>                  </div>
                  <div class="close">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm16 400c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V80c0-8.8 7.2-16 16-16h416c8.8 0 16 7.2 16 16v352zM348.6 188.3L280.9 256l67.7 67.7c4.6 4.6 4.6 12 0 16.6l-8.3 8.3c-4.6 4.6-12 4.6-16.6 0L256 280.9l-67.7 67.7c-4.6 4.6-12 4.6-16.6 0l-8.3-8.3c-4.6-4.6-4.6-12 0-16.6l67.7-67.7-67.7-67.7c-4.6-4.6-4.6-12 0-16.6l8.3-8.3c4.6-4.6 12-4.6 16.6 0l67.7 67.7 67.7-67.7c4.6-4.6 12-4.6 16.6 0l8.3 8.3c4.5 4.6 4.5 12 0 16.6z"/></svg>                  </div>
                </div>
                <nav>
                  <ul class="nav">
                    <li>
                      <a href="/church/" >church</a>
                      <div class="hover-gap-filler"></div>
                    <div class="menu container">
  <div class="arrow arrow-church"></div>
  <div class="row">
    <div class="column is-4--tablet">
      <h1>Our Church</h1>
      <a class="button" href="/church/worship.phtml">
        <div class="icon">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M543.9 96c-6.2 0-12.5 1.8-18.2 5.7L416 171.6v-59.8c0-26.4-23.2-47.8-51.8-47.8H51.8C23.2 64 0 85.4 0 111.8v288.4C0 426.6 23.2 448 51.8 448h312.4c28.6 0 51.8-21.4 51.8-47.8v-59.8l109.6 69.9c5.7 4 12.1 5.7 18.2 5.7 16.6 0 32.1-13 32.1-31.5v-257c.1-18.5-15.4-31.5-32-31.5zM384 400.2c0 8.6-9.1 15.8-19.8 15.8H51.8c-10.7 0-19.8-7.2-19.8-15.8V111.8c0-8.6 9.1-15.8 19.8-15.8h312.4c10.7 0 19.8 7.2 19.8 15.8v288.4zm160-15.7l-1.2-1.3L416 302.4v-92.9L544 128v256.5z"/></svg>        </div>
        <div class="text">
          <p>Watch Online</p>
          <div class="background"></div>
        </div>
      </a>
      <a class="button" href="/church/prayerchain.phtml">
         <div class="icon">
           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M502.58 340.23l127.06 39.99c5.14 1.58 10.35-2.26 10.35-7.65v-16.74c0-3.51-2.29-6.61-5.65-7.65L512 309.64v-66.51c0-22.28-5.81-44.17-16.87-63.51L408.65 28.26C398.71 10.83 380.07 0 359.99 0 345.2 0 330.73 6.01 320 16.94 309.27 6.01 294.8 0 280.01 0c-20.08 0-38.72 10.83-48.66 28.26l-86.49 151.37A128.015 128.015 0 0 0 128 243.14v66.51L5.65 348.18A8.011 8.011 0 0 0 0 355.83v16.74c0 5.38 5.21 9.23 10.35 7.65l127.06-39.99c13.42-4.13 22.58-16.54 22.58-30.58v-66.51c0-16.71 4.36-33.13 12.65-47.63l86.51-151.4c6.93-12.16 21.84-15.16 32.75-8.94 11.5 6.58 15.5 21.25 8.94 32.75l-64.19 112.33A96.022 96.022 0 0 0 224 227.88v84.13c0 4.42 3.58 8 8 8h16c4.42 0 8-3.58 8-8v-64c0-13.25 10.75-24 24-24s24 10.75 24 24v86.08c0 35.86-23.87 67.34-58.39 77.03L5.84 479.68a8.008 8.008 0 0 0-5.84 7.7V504c0 5.3 5.06 9.13 10.16 7.7l244.09-69.77c28.41-7.97 51.4-26.63 65.75-50.73 14.35 24.09 37.34 42.76 65.75 50.73l244.09 69.77c5.1 1.43 10.16-2.4 10.16-7.7v-16.62c0-3.59-2.39-6.73-5.84-7.7l-239.77-68.56c-34.53-9.69-58.39-41.17-58.39-77.03v-86.08c0-13.25 10.75-24 24-24s24 10.75 24 24v64c0 4.42 3.58 8 8 8h16c4.42 0 8-3.58 8-8v-84.13c0-16.71-4.36-33.13-12.65-47.63L339.16 67.92c-6.56-11.5-2.56-26.17 8.94-32.75 10.97-6.26 25.87-3.14 32.75 8.94l86.51 151.4a95.994 95.994 0 0 1 12.65 47.63v66.51c-.01 14.04 9.15 26.44 22.57 30.58zM374.27 193.85c-6.35-1.68-13.14-2.26-20.16-1.54-13.66 1.4-25.37 8.22-34.11 17.95-8.73-9.73-20.45-16.55-34.11-17.95-7.01-.72-13.8-.14-20.16 1.54L320 98.89l54.27 94.96z"/></svg>         </div>
         <div class="text">
          <p>Prayer Request</p>
          <div class="background"></div>
         </div>
      </a>
      <a class="button" href="https://www.eservicepayments.com/cgi-bin/Vanco_ver3.vps?appver3=tYgT1GfNxRUldiimjHMvOUOA32s5g8pUbIVqp-LTxHLo-7YkZiNiYhc46uwjFenmums9tj3wI7okSf0MyMa8uva3t5NBxfr9BbkRCvwip9E=&ver=3">
        <div class="icon">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M224.7 215.7l56.4 16.1c8.8 2.5 14.9 10.6 14.9 19.7 0 11.3-9.2 20.5-20.5 20.5h-36.9c-8.2 0-16.1-2.6-22.6-7.3-3-2.2-7.2-1.5-9.8 1.2l-11.4 11.4c-3.5 3.5-2.9 9.2 1 12.2 12.3 9.4 27.2 14.5 42.9 14.5h1.4v24c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8v-24h1.4c22.8 0 44.3-13.6 51.7-35.2 10.1-29.6-7.3-59.8-35.1-67.8L231 184.1c-8.8-2.5-14.9-10.6-14.9-19.7 0-11.3 9.2-20.5 20.5-20.5h36.9c8.2 0 16.1 2.6 22.6 7.3 3 2.2 7.2 1.5 9.8-1.2l11.4-11.4c3.5-3.5 2.9-9.2-1-12.2-12.3-9.4-27.2-14.5-42.9-14.5H272V88c0-4.4-3.6-8-8-8h-16c-4.4 0-8 3.6-8 8v24h-3.5c-30.6 0-55.1 26.3-52.2 57.5 2 22.1 19 40.1 40.4 46.2zM480 288h-32c10.3-24.6 16-51.6 16-80C464 93.1 370.9 0 256 0S48 93.1 48 208c0 28.4 5.7 55.4 16 80H32c-17.7 0-32 14.4-32 32v160c0 17.6 14.3 32 32 32h448c17.7 0 32-14.4 32-32V320c0-17.6-14.3-32-32-32zM256 32c97 0 176 79 176 176s-79 176-176 176S80 305 80 208 159 32 256 32zm224 448H32V320h48.9c16.6 25.8 38.6 47.7 64.6 64H104c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h304c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8h-41.5c26-16.3 48-38.2 64.6-64H480v160z"/></svg>        </div>
        <div class="text">
          <p>Donate</p>
          <div class="background"></div>
        </div>
      </a>
    </div>
    <div class="column is-4--tablet">
      <a href="/church/">Church Homepage</a>
      <hr>
      <a href="/church/church-calendar.phtml">Church Calendar</a>
      <hr>
      <a href="/webfiles/fnitools/documents/church-newsletter.pdf?caf70481">Church Newsletter</a>
      <hr>
      <a href="/webfiles/fnitools/documents/presidents-report.pdf?774f486e">President's Report</a>
      <hr>
      <a href="/church/what-we-believe.phtml">What We Believe</a>
      <hr>
      <a href="/church/our-story.phtml">Our Story</a>
      <hr class="is-hidden--tablet">
    </div>
    <div class="column is-4--tablet">
      <h2>Find Opportunities for:</h2>
      <a href="/church/worship.phtml">Worship</a>
      <hr>
      <a href="/church/spiritual-growth.phtml">Spiritual Growth</a>
      <hr>
      <a href="/church/fellowship-opportunities.phtml">Fellowship</a>
      <hr>
      <a href="/church/volunteer-opportunities.phtml">Volunteering</a>
      <hr>
      <a href="/church/leadership-opportunities.phtml">Leadership</a>
    </div>
  </div>
</div>                    </li>
                    <li>
                      <a href="/school/" >school</a>
                      <div class="hover-gap-filler"></div>
                      <div class="menu container">
  <div class="arrow arrow-school"></div>
  <div class="row">
    <div class="column is-4--tablet">
      <h1>Our School</h1>
      <a class="button" href="/school/about-faq.phtml">
        <div class="icon">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28zm7.67-24h-16c-6.627 0-12-5.373-12-12v-.381c0-70.343 77.44-63.619 77.44-107.408 0-20.016-17.761-40.211-57.44-40.211-29.144 0-44.265 9.649-59.211 28.692-3.908 4.98-11.054 5.995-16.248 2.376l-13.134-9.15c-5.625-3.919-6.86-11.771-2.645-17.177C185.658 133.514 210.842 116 255.67 116c52.32 0 97.44 29.751 97.44 80.211 0 67.414-77.44 63.849-77.44 107.408V304c0 6.627-5.373 12-12 12zM256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8z"/></svg>        </div>
        <div class="text">
          <p>About + FAQ</p>
          <div class="background"></div>
        </div>
      </a>
      <a class="button" href="https://mytads.com/a/stmarklutheraneauclaire">
        <div class="icon">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M336 64h-88.6c.4-2.6.6-5.3.6-8 0-30.9-25.1-56-56-56s-56 25.1-56 56c0 2.7.2 5.4.6 8H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 32c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm160 432c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16h48v20c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12V96h48c8.8 0 16 7.2 16 16v352zm-58.9-236.4c-4.7-4.7-12.3-4.7-17-.1L158.4 344.3 108 293.7c-4.7-4.7-12.3-4.7-17 0l-8.5 8.5c-4.7 4.7-4.7 12.3 0 17l67.4 67.6c4.7 4.7 12.3 4.7 17 0l134.8-133.7c4.7-4.7 4.7-12.3.1-17l-8.7-8.5z"/></svg>        </div>
        <div class="text">
          <p>Enroll Now</p>
          <div class="background"></div>
        </div>
      </a>
    </div>
    <div class="column is-4--tablet">
      <a href="/school/">School Homepage</a>
      <hr>
      <a href="/school/school-calendar.phtml">School Calendar</a>
      <hr>
      <a href="/webfiles/fnitools/documents/school-newsletter.pdf?14d2d684">School Newsletter</a>
      <hr>
      <a href="/school/extracurricular-activities.phtml">Extracurricular</a>
      <hr>
      <a href="/school/before-after-care.phtml">Extended Care</a>
      <hr>
      <a href="/school/for-parents.phtml">For Parents</a>
      <hr class="is-hidden--tablet">
    </div>
    <div class="column is-4--tablet">
      <a href="/school/grades.phtml/preschool">Preschool</a>
      <hr>
      <a href="/school/grades.phtml/kindergarten">Kindergarten</a>
      <hr>
      <a href="/school/grades.phtml/grades-1-&-2">Grades 1 + 2</a>
      <hr>
      <a href="/school/grades.phtml/grades-3-&-4">Grades 3 + 4</a>
      <hr>
      <a href="/school/grades.phtml/grades-5-&-6">Grades 5 + 6</a>
      <hr>
      <a href="/school/grades.phtml/grades-7-&-8">Grades 7 + 8</a>
    </div>
  </div>
</div>                    </li>
                    <li>
                      <a href="/contact/staff-directory.phtml" >contact</a>
                      <div class="hover-gap-filler"></div>
                      <div class="menu container">
  <div class="arrow arrow-contact"></div>
  <div class="row">
    <div class="social column is-4--tablet">
      <h1>Contact</h1>
      <h2 style="padding-top:.7rem;">Follow the Church:</h2>
      <a href="https://www.facebook.com/stmarkwels/" aria-label="St. Mark Facebook Page"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/></svg></a>
      <a href="https://www.youtube.com/user/fischerfullyt" aria-label="St. Mark Youtube Channel"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg></a>
      <hr class="is-hidden--tablet">
      <h2>Follow the School:</h2>
      <a href="https://www.facebook.com/stmarkeauclaire/" aria-label="St. Mark School Facebook Page"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/></svg></a>
      <a href="https://www.instagram.com/stmarkeauclaire/" aria-label="St. Mark Instagram Page"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg></a>
      <a href="https://www.youtube.com/channel/UCYFlVEzq7OjbRuKbRB0B_xw" aria-label="St. Mark Youtube Channel"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg></a>
      <hr class="is-hidden--tablet">
    </div>
    <div class="column is-4--tablet">
      <a href="/contact/staff-directory.phtml">Staff Directory</a>
      <hr>
      <a href="/contact/leadership-boards.phtml">Leadership Boards</a>
      <hr>
      <a href="https://goo.gl/maps/QTiT83wrm652">Get Directions</a>
      <hr>
      <p>Call: <a href="715-834-5782">715-834-5782</a><br>
      Fax: 715.834.7668</p>
      <hr>
      <p>3307 State Street<br>
      Eau Claire, WI 54701</p>
      <hr class="is-hidden--tablet">
    </div>
    <div class="column is-4--tablet padding-top-xs padding-top-0--tablet">
      <img src="/images/content/map.png" alt="Map of St. Mark WELS location" />
    </div>
  </div>
</div>                    </li>
                  </ul>
                </nav>
<!-- END NAVIGATION -->
<script>

  navLinks = document.querySelectorAll('nav li');

  updateScreenWidth();
  addResizeEventListener(updateScreenWidth);

  function updateScreenWidth()
  {
    screenWidth = window.innerWidth;

    if(screenWidth < 768)
    {
      for(var i = 0; i < navLinks.length; i++)
      {
        navLinks[i].addEventListener('click', function(e)
        {
          for(var j = 0; j < navLinks.length; j++)
          {
            navLinks[j].classList.remove('open');
          }

          this.classList.add('open');
        });
      }
    }
  }

  function addResizeEventListener(callback)
  {
    resizeTaskId = null;

    window.addEventListener('resize', function()
    {
      if(resizeTaskId !== null)
      {
        clearTimeout(resizeTaskId);
      }

      resizeTaskId = setTimeout(function()
      {
        resizeTaskId = null;
        callback();
      }, 100);
    })
  }

</script>        </div>
      </div>
    </div>
  </header>
<!-- END HEADER -->

<script>

  var navToggle = document.querySelectorAll('.nav-toggle');
  var navigation = document.querySelectorAll('nav');

  for(var i = 0; i < navToggle.length; i++)
  {
    navToggle[i].addEventListener('click', function()
    {
      var openNavItems = document.querySelector('nav li.open');

      for(var j = 0; j < navigation.length; j++)
      {
        navToggle[j].firstElementChild.classList.toggle('on');
        navToggle[j].lastElementChild.classList.toggle('on');
        navigation[j].classList.toggle('on');

        if(openNavItems)
        {
          openNavItems.classList.remove('open');
          console.log(openNavItems);
        }
      }
    })
  }

</script><main id="main">
<!-- Billboard Slider -->
  <section class="billboard-home">
    <div id="billboard-slider" data-duration="5000" data-transition="slide" data-transition-speed="fast" data-controls="pagination" data-sizing="cover">
      <div class="slide" data-image="/webfiles/fnitools/albums/home_page-school/huge/graduation.jpg" data-link="https://www.stmark-wels.org/school/school-calendar.phtml">
      </div>
      <div class="slide" data-image="/webfiles/fnitools/albums/home_page-school/huge/thrift-sale.jpg" data-link="https://www.stmark-wels.org/church/church-calendar.phtml">
      </div>
      <div class="slide" data-image="/webfiles/fnitools/albums/home_page-school/huge/vbs.jpg" data-link="https://docs.google.com/forms/d/e/1FAIpQLSdDUEsnwYHpwNtQhxzhU0QXJMZqksQ0UAQ9zHRmkQoqe9X8rQ/viewform">
      </div>
      <div class="slide" data-image="/webfiles/fnitools/albums/home_page-school/huge/extracurricular.jpg" data-link="/school/extracurricular-activities.phtml">
      </div>
      <div class="slide" data-image="/webfiles/fnitools/albums/home_page-school/huge/great_idea.jpg" data-link="">
      </div>
    </div>
  </section>
  <section class="cards">
    <div class="container">
      <div class="card-top">
      </div>
      <div class="card card-height">
        <div class="school row">
          <div class="column is-6--tablet has-vertically-centered-elements">
            <a href="/school/">
              <h1>Our School</h1>
              <h2>Preschool through Grade 8</h2>
            </a>
          </div>
          <div class="column is-6--tablet">
            <p>All subjects taught in light of God's Word</p>
            <p>Caring and highly trained teachers</p>
            <p>1:1 Chromebooks in Grades 3-8</p>
            <p>Nurturing family-like environment</p>
            <p>Extracurricular activities to promote well-rounded growth</p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section>
    <div class="container">
      <div class="row padding-top-xs padding-bottom-md gutter-md--desktop">
        <div class="column is-4--tablet ">
          <h2>Quick Links</h2>
          <a class="button" href="https://mytads.com/a/stmarklutheraneauclaire">
            <div class="icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M336 64h-88.6c.4-2.6.6-5.3.6-8 0-30.9-25.1-56-56-56s-56 25.1-56 56c0 2.7.2 5.4.6 8H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 32c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm160 432c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16h48v20c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12V96h48c8.8 0 16 7.2 16 16v352zm-58.9-236.4c-4.7-4.7-12.3-4.7-17-.1L158.4 344.3 108 293.7c-4.7-4.7-12.3-4.7-17 0l-8.5 8.5c-4.7 4.7-4.7 12.3 0 17l67.4 67.6c4.7 4.7 12.3 4.7 17 0l134.8-133.7c4.7-4.7 4.7-12.3.1-17l-8.7-8.5z"/></svg>            </div>
            <div class="text">
              <p>Enroll Now</p>
              <div class="background"></div>
            </div>
          </a>
          <a class="button" href="/school/for-parents.phtml">
            <div class="icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M280 240H168c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm0 96H168c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zM112 232c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zm0 96c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zM336 64h-88.6c.4-2.6.6-5.3.6-8 0-30.9-25.1-56-56-56s-56 25.1-56 56c0 2.7.2 5.4.6 8H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 32c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm160 432c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16h48v20c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12V96h48c8.8 0 16 7.2 16 16v352z"/></svg>            </div>
            <div class="text">
              <p>Schedules, Forms, Policies</p>
              <div class="background"></div>
            </div>
          </a>
          <a class="button" href="/webfiles/fnitools/documents/school-newsletter.pdf?103b566c">
            <div class="icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M552 64H88c-13.234 0-24 10.767-24 24v8H24c-13.255 0-24 10.745-24 24v280c0 26.51 21.49 48 48 48h504c13.233 0 24-10.767 24-24V88c0-13.233-10.767-24-24-24zM32 400V128h32v272c0 8.822-7.178 16-16 16s-16-7.178-16-16zm512 16H93.258A47.897 47.897 0 0 0 96 400V96h448v320zm-404-96h168c6.627 0 12-5.373 12-12V140c0-6.627-5.373-12-12-12H140c-6.627 0-12 5.373-12 12v168c0 6.627 5.373 12 12 12zm20-160h128v128H160V160zm-32 212v-8c0-6.627 5.373-12 12-12h168c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H140c-6.627 0-12-5.373-12-12zm224 0v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0-64v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0-128v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0 64v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12z"/></svg>            </div>
            <div class="text">
              <p>School Newsletter</p>
              <div class="background"></div>
            </div>
          </a>
          <h2>Accreditations</h2>
          <a href="https://wels.net/serving-you/christian-life/education/lutheran-schools/"><img src="/images/content/wels-logo.jpg" alt="WELS Logo" class="school-logo"></a>
          <a href="http://www.ncpsa.org/"><img src="/images/content/ncpsa-logo.png" alt="NCPSA Logo" class="school-logo"></a>
        </div>
        <div class="column is-4--tablet">
          <h2>Events Coming Up</h2>
          <div class="row calendar-item">
            <div class="cal-date">
              <p><span>20</span><br>
              May</p>
            </div>
            <div class="cal-text">
              <p class="event-title"><strong>Kids Heart Challenge</strong><br>
              Friday&nbsp;</p>
            </div>
          </div>
          <hr>
          <div class="row calendar-item">
            <div class="cal-date">
              <p><span>23</span><br>
              May</p>
            </div>
            <div class="cal-text">
              <p class="event-title"><strong>Area WELS Track Meet</strong><br>
              Monday&nbsp;</p>
            </div>
          </div>
          <hr>
          <div class="row calendar-item">
            <div class="cal-date">
              <p><span>25</span><br>
              May</p>
            </div>
            <div class="cal-text">
              <p class="event-title"><strong>Spring Instrument / Piano Recital</strong><br>
              Wednesday at 6:30 PM&nbsp;</p>
            </div>
          </div>
          <hr>
          <div class="row calendar-item">
            <div class="cal-date">
              <p><span>26</span><br>
              May</p>
            </div>
            <div class="cal-text">
              <p class="event-title"><strong>Ascension and 8th Grade Graduation</strong><br>
              Thursday at 6:30 PM&nbsp;</p>
            </div>
          </div>
          <hr>
          <div class="row calendar-item">
            <div class="cal-date">
              <p><span>27</span><br>
              May</p>
            </div>
            <div class="cal-text">
              <p class="event-title"><strong>Closing Service</strong><br>
              Friday at 11:00 AM&nbsp;</p>
            </div>
          </div>
          <hr>
          <div class="row calendar-item">
            <div class="cal-date">
              <p><span>03</span><br>
              Jun</p>
            </div>
            <div class="cal-text">
              <p class="event-title"><strong>Youth Rally Thrift Sale</strong><br>
              Friday&nbsp;</p>
            </div>
          </div>
          <hr>
          <div class="row calendar-item">
            <div class="cal-date">
              <p><span>04</span><br>
              Jun</p>
            </div>
            <div class="cal-text">
              <p class="event-title"><strong>Youth Rally Thrift Sale</strong><br>
              Saturday&nbsp;</p>
            </div>
          </div>
          <hr>
          <a class="button" href="/school/school-calendar.phtml">
            <div class="icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M400 64h-48V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H128V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h352c8.8 0 16 7.2 16 16v48H32v-48c0-8.8 7.2-16 16-16zm352 384H48c-8.8 0-16-7.2-16-16V192h384v272c0 8.8-7.2 16-16 16zM148 320h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 96h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm192 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12z"/></svg>            </div>
            <div class="text">
              <p>School Calendar</p>
              <div class="background"></div>
            </div>
          </a>
          <a class="button" href="https://calendar.google.com/calendar/embed?src=smwels.org_6macnjmh61aa905p8valcteat8%40group.calendar.google.com&ctz=America%2FChicago">
            <div class="icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M400 64h-48V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H128V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h352c8.8 0 16 7.2 16 16v48H32v-48c0-8.8 7.2-16 16-16zm352 384H48c-8.8 0-16-7.2-16-16V192h384v272c0 8.8-7.2 16-16 16zM148 320h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 96h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm192 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12z"/></svg>            </div>
            <div class="text">
              <p>Athletic Calendar</p>
              <div class="background"></div>
            </div>
          </a>
        </div>
        <div class="column is-4--tablet">
          <h2>The Latest Post</h2>
          <p style="margin-bottom:0;"><strong>Thursday, May 19</strong></p>
          <p>Dedicated faculty hard at work getting ready for the Hoops for Heart challenge and 5th & 6th grade camping <a href="http://weekend.🏀♥️⛺🏕️" target="_blank" title="weekend.🏀♥️⛺🏕️">weekend.🏀♥️⛺🏕️</a></p>
          <p><a href="https://www.facebook.com/1573079179581823/posts/3367031896853200/">Read more about this post</a>
<br>
          <a href="https://www.facebook.com/stmarkeauclaire/">View more posts</a></p>
          <img src="https://scontent-ort2-2.xx.fbcdn.net/v/t39.30808-6/280900708_3367031953519861_1612835795421358535_n.jpg?stp=dst-jpg_p180x540&_nc_cat=102&ccb=1-7&_nc_sid=110474&_nc_ohc=LVG_Q3N7F3EAX_H2v-4&_nc_ht=scontent-ort2-2.xx&edm=AKIiGfEEAAAA&oh=00_AT80PtF1zAFgte7y00IrUtLoa8U_487VeeKX74AjydWPmA&oe=628B6E8E" alt="Facebook Post Image">
          <div class="social-buttons">
            <div class="fb-like" data-href="https://www.facebook.com/stmarkeauclaire/" data-layout="button_count" data-action="like" data-size="large" data-show-faces="true" data-share="true"></div>
          </div>
          </div>
        </div>
      </div>
      <div class="testimonials container-fluid">
        <div class="row padding-x-0 padding-y-sm padding-md--phone">
          <div class="column is-12">
            <div id="testimonial-slider" data-duration="8000" data-transition="slide" data-transition-speed="normal" data-sizing="cover" data-play-on-hover="true">
              <div class="slide">
                  <div class="container row">
                    <div class="column is-12">
                      <div class="wrapper">
<h3 class="testimonial"><p>"In addition to a challenging and well-rounded curriculum, St. Mark Lutheran School offers the most important thing -- a solid foundation in God's Word."</p></h3>
<p>Barb Langreck</p>
</div>
                      </div>
                    </div>
                  </div>
<div class="slide">
                  <div class="container row">
                    <div class="column is-12">
                      <div class="wrapper">
<h3 class="testimonial"><p>"Our children learn the same Bible truths at school that we are teaching them at home which strengthens their faith. They are expected to treat others as children of God which we as parents view as very important."</p></h3>
<p>Cathryn Naumann</p>
</div>
                      </div>
                    </div>
                  </div>
<div class="slide">
                  <div class="container row">
                    <div class="column is-12">
                      <div class="wrapper">
<h3 class="testimonial"><p>"St. Mark Lutheran School offers small classes, one-on-one teaching, and a close group of friends for kids."</p></h3>
<p>Curtis Deprey</p>
</div>
                      </div>
                    </div>
                  </div>
<div class="slide">
                  <div class="container row">
                    <div class="column is-12">
                      <div class="wrapper">
<h3 class="testimonial"><p>"St. Mark Lutheran School provides the opportunity for children to experience a school in more of a family-like environment. My children have made great lasting relationships with other children who share the same faith and beliefs."</p></h3>
<p>Michelle Degner</p>
</div>
                      </div>
                    </div>
                  </div>
<div class="slide">
                  <div class="container row">
                    <div class="column is-12">
                      <div class="wrapper">
<h3 class="testimonial"><p>"St. Mark offers such a great variety of extracurricular activities including sports, forensics, Math Bowl, Spelling Bee, robotics, and social clubs such as Angel Wings and KICK."</p></h3>
<p>Barb Langreck</p>
</div>
                      </div>
                    </div>
                  </div>
<div class="slide">
                  <div class="container row">
                    <div class="column is-12">
                      <div class="wrapper">
<h3 class="testimonial"><p>"The group projects at St. Mark Lutheran School encourage collaboration and learning from others with different viewpoints."</p></h3>
<p>Joe Micheel</p>
</div>
                      </div>
                    </div>
                  </div>
<div class="slide">
                  <div class="container row">
                    <div class="column is-12">
                      <div class="wrapper">
<h3 class="testimonial"><p>"We love our school! A wonderful Christ-centered education. It's like a second home to our kids."</p></h3>
<p>Kylee Krause Staebell</p>
</div>
                      </div>
                    </div>
                  </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</main>
<!-- START FOOTER -->
<div class="overlay newsletter">
  <div class="wrapper">
    <p class="close-overlay">x</p>
    <form id="subForm" class="js-cm-form" action="https://www.createsend.com/t/subscribeerror?description=" method="post" data-id="5B5E7037DA78A748374AD499497E309EF7ABDEA580165CB64A67CE96BDAB35FF283DA58A0883CDE5AC26C6EB3A3D0E0F4875DD4566DDBFEE2D4161F877949EB3">
      <h2>Signup for our newsletter</h2>
        <label for="fieldName">Name</label>
        <input id="fieldName" name="cm-name" type="text" />
        <label for="fieldEmail">Email</label>
        <input id="fieldEmail" name="cm-ojujkdt-ojujkdt" type="email" class="js-cm-email-input"
        required />
        <fieldset>
          <legend>Choose the newsletters you would like to subscribe to:</legend>
          <div class="list-options">
            <div>
              <input id="listojujklh" name="cm-ol-ojujklh" type="checkbox" />
              <label for="listojujklh">Church</label>
            </div>
            <div>
              <input id="listojujklu" name="cm-ol-ojujklu" type="checkbox" />
              <label for="listojujklu">School</label>
            </div>
          </div>
        </fieldset>
        <button class="js-cm-submit-button button" type="submit">Subscribe</button>
    </form>
    <script type="text/javascript" src="https://js.createsend1.com/javascript/copypastesubscribeformlogic.js"></script>
  </div>
</div>
<script>

  // Display overlay for newsletter upon click

  window.addEventListener('load', function()
  {
    var overlay = document.querySelector('.overlay.newsletter');
    var openOverlay = document.querySelector('.open-newsletter-overlay');

    openOverlay.addEventListener('click', function()
    {
      overlay.style.display = "block";
    });

    var closeOverlay = document.querySelector('.newsletter .close-overlay');
    closeOverlay.addEventListener('click', function()
    {
      overlay.style.display = "none";
    });
  });

</script>  <footer class="footer">
    <div class="container">
      <div class="row gutter-md--desktop">
        <div class="column is-4--tablet">
          <a class="button open-newsletter-overlay">
            <div class="icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h416c8.8 0 16 7.2 16 16v41.4c-21.9 18.5-53.2 44-150.6 121.3-16.9 13.4-50.2 45.7-73.4 45.3-23.2.4-56.6-31.9-73.4-45.3C85.2 197.4 53.9 171.9 32 153.4V112c0-8.8 7.2-16 16-16zm416 320H48c-8.8 0-16-7.2-16-16V195c22.8 18.7 58.8 47.6 130.7 104.7 20.5 16.4 56.7 52.5 93.3 52.3 36.4.3 72.3-35.5 93.3-52.3 71.9-57.1 107.9-86 130.7-104.7v205c0 8.8-7.2 16-16 16z"/></svg>            </div>
            <div class="text">
              <p>Get Our Emails</p>
              <div class="background"></div>
            </div>
          </a>
          <a class="button" href="/church/what-we-believe.phtml">
            <div class="icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M462.3 62.7c-54.5-46.4-136-38.7-186.6 13.5L256 96.6l-19.7-20.3C195.5 34.1 113.2 8.7 49.7 62.7c-62.8 53.6-66.1 149.8-9.9 207.8l193.5 199.8c6.2 6.4 14.4 9.7 22.6 9.7 8.2 0 16.4-3.2 22.6-9.7L472 270.5c56.4-58 53.1-154.2-9.7-207.8zm-13.1 185.6L256.4 448.1 62.8 248.3c-38.4-39.6-46.4-115.1 7.7-161.2 54.8-46.8 119.2-12.9 142.8 11.5l42.7 44.1 42.7-44.1c23.2-24 88.2-58 142.8-11.5 54 46 46.1 121.5 7.7 161.2z"/></svg>            </div>
            <div class="text">
              <p>What We Believe</p>
              <div class="background"></div>
            </div>
          </a>
        </div>
        <div class="column is-4--tablet contact">
          <div class="row">
            <div class="custom-width">
              <img src="/images/layout/contact.png" alt="Contact">
            </div>
            <div>
              <p>Call: <a href="715-834-5782">715-834-5782</a><br>
              Fax: 715.834.7668<br>
              <a href="mailto&#58;info&#64;s&#116;mar&#x6b;&#x2d;wels&#x2e;org">Email: info@stmark-wels.org</a></p>
            </div>
          </div>
          <div class="row">
            <hr>
            <p>Office Hours: Monday - Friday from 8 AM to 3:30 PM</p>
            <!--<p>Office Hours: Monday-Friday from 8 AM to 3:30 PM</p>-->
          </div>
        </div>
        <div class="column is-4--tablet contact">
          <div class="row">
            <div class="custom-width">
              <img src="/images/layout/location.png" alt="Location">
            </div>
            <div>
              <p>3307 State Street<br>
              Eau Claire, WI 54701<br>
              <a href="https://goo.gl/maps/QTiT83wrm652">Get Directions to St. Mark</a></p>
            </div>
          </div>
          <div class="row">
            <hr>
            <p>Located on the corner of State St and Hamilton Ave</p>
          </div>
        </div>
      </div>
    </div>
<!-- START ATTRIBUTION -->
    <div class="attribution">
       <div class="container">
        <div class="row">
          <div class="column is-12">
            <p class="is-aligned-center">Copyright <a class="copy" href="https://hmail.site.atfni.com/private/">&copy;</a> 2022 St. Mark Lutheran Church & School - Eau Claire            <span class="mobile-break">&bull;</span>
              <a href="http://www.firstnetimpressions.com/">Website design</a> and <a href="http://about.atfni.com/">hosting</a> donated by <a href="http://www.firstnetimpressions.com/">First Net Impressions, LLC.</a></p>
          </div>
        </div>
       </div>
     </div>
<!-- END ATTRIBUTION -->
  </footer>
<!-- END FOOTER -->
<script type="text/javascript" src="/library/scripts/slip-n-slide.js"></script>
<script>

  var slipNSlide = new SlipNSlide;
  slipNSlide.initialize({
    element: document.getElementById('billboard-slider'),
    next: document.querySelector('#billboard-slider .next'),
    previous: document.querySelector('#billboard-slider .previous')
  });

  var testimonialSlider = new SlipNSlide;
  testimonialSlider.initialize({
    element: document.getElementById('testimonial-slider')
  });

</script>
</body>
</html>