<!DOCTYPE html>
<html>
  <head>
    <title>
      
      First Church of Christ
    </title>

    <script src="//unpkg.com/qrcode@1.2.2/build/qrcode.min.js" async="async" defer="defer" integrity="sha384-i1Yz5pxNaJKgpc1EhOYfcs4tqbGBYwLW8MoAM5pQRypt/1/gQQZ+6zuZG08lGH2E" crossorigin="anonymous"></script>

      <script src="https://d141ugdjiohsni.cloudfront.net/assets/church_center-7b70fc0ba0ea4b5cb5761977bb5ec34730edfe88c9548f9c72eb9779af3a7515.js" data-turbolinks-track="true"></script>

    <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="thZQ/r4VoLXAwz2zfGx2JkvQAPAxDwnhB8jM4vCpGAP5lCdLPSVfOux9VE5ocw/sRBsEHlGTtalvs9FKi0ZtrQ==" />

    <meta content="width=device-width,initial-scale=1.0,user-scalable=no,maximum-scale=1.0" name="viewport" />
    <link href='//fonts.googleapis.com/css?family=Lato:400,400italic,600,600italic' rel='stylesheet' type='text/css'>

    <link rel="stylesheet" media="all" href="https://d141ugdjiohsni.cloudfront.net/assets/church_center-d37989d749b2e1165446a143011f06cc6ef086a904af52bf1806d95cdcadf560.css" data-turbolinks-track="true" /><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='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-MKBNS7');</script>
<script src="https://d141ugdjiohsni.cloudfront.net/packs/church_center-7f569eae9c5267e4abcd.js"></script><script src="https://js.stripe.com/v3/" data-turbolinks-track="true"></script>
<meta property="og:url" content="https://cocep.churchcenter.com/registrations/events/137873" />
<meta property="fb:app_id" content="288839111575471" />

  <meta property="og:title" content="VBS 2018 - First Church of Christ" />
  <meta property="og:description" content="" />
  <meta property="og:image" content="https://registrations-production.s3.amazonaws.com/uploads/event/logo/137873/shipwrecked-vbs-2018-mobile-header-600x400px.jpg" />
<script>window.isMobile = false;</script>
  </head>

  <body class="">
    <div class="iframed-content-for--blessed-unknown">
      <img src="/static/embed-loading.svg" />
    </div>
    <div class="iframed-content-for--blessed-no">
      <a class="btn btn--jumbo btn--primary" href="javascript:window.open(location,'_blank');">
        Register for an Event
      </a>
    </div>
    <div class="iframed-content-for--blessed-yes">
      <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-MKBNS7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

      <div class="page-container d-f fd-c">
        <a class="close-iframe d-n" onclick="javascript:ChurchCenterButtonRemote.close()">
          <span class="icon d-if ai-c">
            <svg class="symbol" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><title>x</title><polygon points="16 1.611 14.389 0 8 6.389 1.611 0 0 1.611 6.389 8 0 14.389 1.611 16 8 9.611 14.389 16 16 14.389 9.611 8 16 1.611"/></svg>
          </span>
        </a>
          <div class="cco-header-secondary">
            <div class="container container--narrow">
              <nav class="cco-nav"><div class="container container--narrow jc-sb ai-c"><div class="cco-nav__item"><a class="d-f ai-c" href="https://cocep.churchcenter.com/registrations/events"><span aria-hidden="true" class="icon icon-calendar-o"></span>All Events</a></div><div class="cco-nav__item"><a class="d-f ai-c" href="https://cocep.churchcenter.com/registrations/session/new"><span aria-hidden="true" class="icon icon-profile-o"></span>Log In</a></div></div></nav>

                <div class="org ">

                  <div class="org-contact">
                        <div class="org-name c-base pb-1r">First Church of Christ</div>
                        <span class="org-phone"><a href="tel:3304269687">3304269687</a></span>
                      <span class="org-divider d-n d-i@sm">&bull;</span>
                      <span class="org-email d-b d-i@sm">info@cocep.org</span>
                  </div>
                </div>
              </div>
            </div>

        <div class="page-content f-1">
          <div class="container container--narrow">
            







    <div class="pane o-h">
      <img class="event-details__main__img d-b" src="https://registrations-production.s3.amazonaws.com/uploads/event/logo/137873/shipwrecked-vbs-2018-mobile-header-600x400px.jpg" alt="Shipwrecked vbs 2018 mobile header 600x400px" />
    </div>

  <div class="pane pane--event-details">
    <div class="pane__body">
      <div class="p-1r@sm">
        <div class="event-details__namedatedesc event-details__namedatedesc--not-recurring">
  <div class="event-details__date">
  <ul>
      <li>
        <div>
          <h3>Jul 16</h3>
          <span>
            Monday
            <br>
            6:00pm          </span>
        </div>
          <span class="icon icon-simple-arrow"></span>
          <div>
            <h3>Jul 20</h3>
            <span>
              Friday
              <br>
              8:00pm
            </span>
          </div>
      </li>
  </ul>
</div>

  <h1>VBS 2018</h1>
  <div class="event-details__date">
  <ul>
      <li>
        <div>
          <h3>Jul 16</h3>
          <span>
            Monday
            <br>
            6:00pm          </span>
        </div>
          <span class="icon icon-simple-arrow"></span>
          <div>
            <h3>Jul 20</h3>
            <span>
              Friday
              <br>
              8:00pm
            </span>
          </div>
      </li>
  </ul>
</div>

</div>

        <div class="d-f ai-c fw-w mt-1r">
          <a class="btn btn--primary ml-0 mr-1r" href="https://cocep.churchcenter.com/registrations/events/137873/session/new">Register Now</a><div class="c-secondary mt-05r">Already Registered? <a href="https://cocep.churchcenter.com/registrations/session/new?event_id=137873">Log in</a></div>
        </div>
      </div>
    </div>
  </div>

  <div class="pane">
      <div class="pane__body pane__body-primary-band">
        <div class="p-1r@sm">
            <div class="d-f@sm jc-sb@sm">
  <div>
    <div class="d-f ai-c">

    </div>

  </div>
</div>

        </div>
      </div>
    <div class="pane__body pane__body-primary-band p-0" style="height: 1px"></div>
    <div class="pane__body ta-c">
      <a class="btn btn--primary ml-0 btn--jumbo w-100% w-60%@md" href="https://cocep.churchcenter.com/registrations/events/137873/session/new">Register Now</a><div class="c-secondary mt-05r">Already Registered? <a href="https://cocep.churchcenter.com/registrations/session/new?event_id=137873">Log in</a></div>
    </div>
  </div>


<script>
  App.WindowTitleToEventName.set("VBS 2018 - Registrations")

  $(document).off("scroll").on("scroll", () => {
    const winHeight = $(window).height()
    const colHeight = $(".js-registration-progress").height()

    if (this.scrollLimit == null) {
      this.scrollLimit = 200
    }

    if (colHeight < winHeight && $(document).scrollTop() > this.scrollLimit) {
      return $(".js-registration-progress--sticky").addClass("is-visible")
    } else {
      return $(".js-registration-progress--sticky").removeClass("is-visible")
    }
  })
</script>



          </div>
        </div><!-- page-content -->

        

          <footer class="site-footer">
            <div class="ta-c">
              <div>
                <a onclick="window.toggleQRCode()">Shareable Code</a>
              </div>
            </div>

            <div id="qrcode-wrapper" class="pane d-f p-2 overrides" style="display: none">
              <div class="mr-2">
                <a class="qrcode-download">
                  <img id="qrcode" />
                </a>
              </div>
              <div class="f-1">
                <p>
                  Use this graphic in printed materials or on displayed screens.
                  People can scan the code using their phone's built-in code reader
                  ("Camera" on iOS, "Google Assistant" on Android) to be brought straight to this URL –
                  without having to type it.
                </p>
                <p>
                  <a class="qrcode-download">Download QR Code</a>
                </p>
              </div>
            </div>
          </footer>

          <script>
            (function() {
  var WRAPPER_ID = "qrcode-wrapper";
  var IMAGE_ID = "qrcode";
  var DOWNLOAD_CLASS = "qrcode-download";

  var qrOptions = {
    errorCorrectionLevel: "H",
    margin: 0,
    width: 150,
    color: {
      dark: "#313437",
      light: "#0000"
    }
  };

  function generateQrCode(callback) {
    if (hasGeneratedQrCode()) {
      return callback();
    }

    QRCode.toDataURL(window.location.toString(), qrOptions, function(
      error,
      url
    ) {
      if (error) return;

      var downloadLinks = document.getElementsByClassName(DOWNLOAD_CLASS);

      Array.prototype.forEach.call(downloadLinks, function(link) {
        link.href = url;
        link.download = "qrcode.png";
      });

      var image = document.getElementById(IMAGE_ID);
      image.src = url;
      image.width = qrOptions.width;

      callback();
    });
  }

  window.toggleQRCode = function() {
    var wrapper = getWrapper();
    if (wrapper.style.display === "none") {
      generateQrCode(function() {
        wrapper.style.display = null;
        setTimeout(function() {
          window.scrollTo(0, 10000000);
        }, 0);
      });
    } else {
      wrapper.style.display = "none";
    }
  };

  function getWrapper() {
    return document.getElementById(WRAPPER_ID);
  }

  function getImage() {
    return document.getElementById(IMAGE_ID);
  }

  function hasGeneratedQrCode() {
    return !!getImage().src;
  }
})();

          </script>
      </div>
    </div>
  </body>
</html>
