Event Highlight

2026 Subaru CASA Cycling Challenge: August 8-9, raising funds for the CASAs for Kids Fund.
The Tippecanoe CASA (Court Appointed Special Advocates) program provides an invaluable service speaking up for abused and neglected children. But sometimes these kids need more than a voice. Sometimes they need goods or services they can't get anywhere else. Join our Good Shepherd/St. John's team here.
You can still make a donation here. Look for "Good Shepherd/St. John's."
More information here.
Event Highlight

BIBLE STUDY: SHARE THE DREAM
Tuesday, August 11th
Join us for a 12-week Bible Study, Share the Dream: Shining a Light in a Divided World through Six Principles of Dr. Martin Luther King, Jr. This study will explore Dr. King’s vision of faith, justice, reconciliation, and community through the lens of scripture and Christian discipleship. Participants may choose to attend either the morning session at 10:00 a.m. or the evening session at 6:30 p.m.
If you are interested in participating, please email Fr. Joél at InterimRector@stjohns-laf.org and indicate which session you plan to attend. All are welcome as we gather for conversation, reflection, and spiritual growth in a divided world.
Event Highlight

THEOLOGY ON TAP!
Wednesday, August 12th and 26th
Looking for thoughtful conversation, meaningful connection, and a welcoming space to explore life’s big questions? Join us for Theology on Tap, a collaborative summer gathering hosted by St. John’s Episcopal Church, Lafayette, Trinity United Methodist Church, and First Christian Church.
We will gather on Wednesday, August 12 and August 26, 2026, at 6:30 p.m. at Nine Irish Brothers in Lafayette. We’ll continue with the question: “Who is our neighbor?”
Event Highlight

OUTFEST
Saturday, August 15, 4-9 p.m.
Good Shepherd and St. John's, Lafayette, will once again be sharing a booth at OUTfest, from 4:00 to 9:00 p.m. on Saturday, August 15th. You can sign up to help at https://www.signupgenius.com/go/10C0848AEAE2AABFCC52-64771080-outfest#/
Many thanks to Julie Peretin of St. John's for creating the signup platform.
  
    </frame>
view="week"
  
</div>

<style class="transform-overrides-vars">
  
</style>

</div></div></div></div></div>
    </div>
  
  </div>
  
</section>

<section
  data-test="page-section"
  
  data-section-theme="white"
  class='page-section 
    
      user-items-list-section
      full-bleed-section
    
    white'
  
  data-section-id="67dd746970e731440f0c4fb5"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageFocalPoint&quot;: {
&quot;x&quot;: 0.5,
&quot;y&quot;: 0.5
},
&quot;imageOverlayOpacity&quot;: 0.3,
&quot;sectionTheme&quot;: &quot;white&quot;,
&quot;imageEffect&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;,
&quot;backgroundImage&quot;: null
}"
  data-current-context="{
&quot;video&quot;: {
&quot;filter&quot;: 1,
&quot;videoFallbackContentItem&quot;: null,
&quot;nativeVideoContentItem&quot;: null,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: false
},
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation=""
  
  data-json-schema-section 
  
  data-sqsp-section="auto-layout"

>
  <div
    class="section-border"
    
  >
    <div class="section-background">
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
    '
  >
    <div
      class="content"
      
    >
      
<div
  class="user-items-list"
  style="
    min-height: 100px;
    padding-top: 2vmax;
    padding-bottom: 5vmax;
    "
  data-card-theme=""
  data-section-id="user-items-list"
  data-section-title-enabled="false"
  data-space-below-section-title-value="40"
  data-space-below-section-title-unit="px"
  data-layout-width="inset"
>
  
<style>
  .user-items-list-item-container[data-section-id="67dd746970e731440f0c4fb5"] .list-item-content__title {
    font-size: 2.2rem;
  }
  .user-items-list-item-container[data-section-id="67dd746970e731440f0c4fb5"] .list-item-content__description {
    font-size: 1.1rem;
  }
  .user-items-list-item-container[data-section-id="67dd746970e731440f0c4fb5"] .list-item-content__button {
    font-size: 1rem;
  }

  @supports (--test-custom-property: true) {
    .user-items-list-item-container[data-section-id="67dd746970e731440f0c4fb5"] {
      --title-font-size-value: 2.2;
      --body-font-size-value: 1.1;
      --button-font-size-value: 1;
    }
  }
</style>

<ul class="
    user-items-list-item-container
    user-items-list-simple
  "
  style="
    grid-gap: 20px 60px;
  "
  data-controller="UserItemsListSimple"
  data-num-columns="3"
  data-content-order="media-first"
  data-alignment-vertical="stretch"
  data-section-id="67dd746970e731440f0c4fb5"
  data-current-context="{
&quot;userItems&quot;: [ {
&quot;title&quot;: &quot;Resources&quot;,
&quot;description&quot;: &quot;&lt;p data-rte-preserve-empty=\&quot;true\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;Whether you need to update your information, access the prayer list, or seek assistance, you can find what you need by exploring our resources.&lt;\/p&gt;&quot;,
&quot;button&quot;: {
&quot;buttonText&quot;: &quot;EXPLORE RESOURCES&quot;,
&quot;buttonLink&quot;: &quot;/resources&quot;,
&quot;buttonNewWindow&quot;: false
},
&quot;imageId&quot;: &quot;67dd746970e731440f0c4fae&quot;,
&quot;image&quot;: {
&quot;id&quot;: &quot;67dd746970e731440f0c4fae&quot;,
&quot;recordType&quot;: 2,
&quot;addedOn&quot;: 1737043138037,
&quot;updatedOn&quot;: 1737043138106,
&quot;starred&quot;: false,
&quot;passthrough&quot;: false,
&quot;workflowState&quot;: 1,
&quot;publishOn&quot;: 1737043138037,
&quot;authorId&quot;: &quot;65b9293029a4f2104bc5534e&quot;,
&quot;systemDataId&quot;: &quot;adf1e435-3a97-4db5-b3e1-619bcb7a38fa&quot;,
&quot;systemDataVariants&quot;: &quot;2405x1459,100w,300w,500w,750w,1000w,1500w&quot;,
&quot;systemDataSourceType&quot;: &quot;JPG&quot;,
&quot;filename&quot;: &quot;Red+Doors+750x456.jpeg&quot;,
&quot;mediaFocalPoint&quot;: {
&quot;x&quot;: 0.5,
&quot;y&quot;: 0.5,
&quot;source&quot;: 3
},
&quot;colorData&quot;: {
&quot;topLeftAverage&quot;: &quot;d4d0c7&quot;,
&quot;topRightAverage&quot;: &quot;a8acab&quot;,
&quot;bottomLeftAverage&quot;: &quot;989794&quot;,
&quot;bottomRightAverage&quot;: &quot;8b7369&quot;,
&quot;centerAverage&quot;: &quot;9d9e9c&quot;,
&quot;suggestedBgColor&quot;: &quot;7a5e57&quot;
},
&quot;urlId&quot;: &quot;v6ez59mmwy5b89osiw79gjnji2y4d3-kyey8-5d6mt-crew8-bfees-lbkha-l49ty-alpzd-9y6p4-zks4c&quot;,
&quot;title&quot;: &quot;&quot;,
&quot;body&quot;: null,
&quot;likeCount&quot;: 0,
&quot;commentCount&quot;: 0,
&quot;publicCommentCount&quot;: 0,
&quot;commentState&quot;: 2,
&quot;unsaved&quot;: false,
&quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/adf1e435-3a97-4db5-b3e1-619bcb7a38fa/Red%2BDoors%2B750x456.jpeg&quot;,
&quot;contentType&quot;: &quot;image/jpeg&quot;,
&quot;items&quot;: [ ],
&quot;pushedServices&quot;: { },
&quot;pendingPushedServices&quot;: { },
&quot;originalSize&quot;: &quot;2405x1459&quot;,
&quot;recordTypeLabel&quot;: &quot;image&quot;
}
}, {
&quot;title&quot;: &quot;Give&quot;,
&quot;description&quot;: &quot;&lt;p data-rte-preserve-empty=\&quot;true\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;Your generosity supports St. John’s mission of worship, service, and community outreach, helping us grow in faith and make a meaningful impact.&lt;\/p&gt;&quot;,
&quot;button&quot;: {
&quot;buttonText&quot;: &quot;GIVE TO ST. JOHN\&quot;S&quot;,
&quot;buttonLink&quot;: &quot;/give&quot;,
&quot;buttonNewWindow&quot;: false
},
&quot;imageId&quot;: &quot;67dd746970e731440f0c4fb1&quot;,
&quot;image&quot;: {
&quot;id&quot;: &quot;67dd746970e731440f0c4fb1&quot;,
&quot;recordType&quot;: 2,
&quot;addedOn&quot;: 1737043459373,
&quot;updatedOn&quot;: 1737043459445,
&quot;starred&quot;: false,
&quot;passthrough&quot;: false,
&quot;workflowState&quot;: 1,
&quot;publishOn&quot;: 1737043459373,
&quot;authorId&quot;: &quot;65b9293029a4f2104bc5534e&quot;,
&quot;systemDataId&quot;: &quot;69aa17ba-4e86-4eb5-bf36-9ed8af2b6396&quot;,
&quot;systemDataVariants&quot;: &quot;2500x1358,100w,300w,500w,750w,1000w,1500w,2500w&quot;,
&quot;systemDataSourceType&quot;: &quot;JPG&quot;,
&quot;filename&quot;: &quot;IMG_6081+-+Copy.jpeg&quot;,
&quot;mediaFocalPoint&quot;: {
&quot;x&quot;: 0.5,
&quot;y&quot;: 0.5,
&quot;source&quot;: 3
},
&quot;colorData&quot;: {
&quot;topLeftAverage&quot;: &quot;94877a&quot;,
&quot;topRightAverage&quot;: &quot;ab9a8d&quot;,
&quot;bottomLeftAverage&quot;: &quot;3a401f&quot;,
&quot;bottomRightAverage&quot;: &quot;474f24&quot;,
&quot;centerAverage&quot;: &quot;5f4d38&quot;,
&quot;suggestedBgColor&quot;: &quot;7c725b&quot;
},
&quot;urlId&quot;: &quot;speeycd43pn91ytgqqv9b6jrvjo9oe-dfs2b-gjcnl-6w6f8-4td2f-yk842-jjnl6-zejfm-z5fkj-53eb3&quot;,
&quot;title&quot;: &quot;&quot;,
&quot;body&quot;: null,
&quot;likeCount&quot;: 0,
&quot;commentCount&quot;: 0,
&quot;publicCommentCount&quot;: 0,
&quot;commentState&quot;: 2,
&quot;unsaved&quot;: false,
&quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/69aa17ba-4e86-4eb5-bf36-9ed8af2b6396/IMG_6081%2B-%2BCopy.jpeg&quot;,
&quot;contentType&quot;: &quot;image/jpeg&quot;,
&quot;items&quot;: [ ],
&quot;pushedServices&quot;: { },
&quot;pendingPushedServices&quot;: { },
&quot;originalSize&quot;: &quot;2500x1358&quot;,
&quot;recordTypeLabel&quot;: &quot;image&quot;
}
}, {
&quot;title&quot;: &quot;Get Involved&quot;,
&quot;description&quot;: &quot;&lt;p class=\&quot;\&quot; data-rte-preserve-empty=\&quot;true\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;Enrich worship at St. John’s by joining our choir, serving as a reader, assisting with communion, or volunteering in other meaningful roles that uplift our congregation.&lt;\/p&gt;&quot;,
&quot;button&quot;: {
&quot;buttonText&quot;: &quot;SERVING AT ST. JOHN'S&quot;,
&quot;buttonLink&quot;: &quot;/get-involved&quot;,
&quot;buttonNewWindow&quot;: false
},
&quot;imageId&quot;: &quot;67dd746970e731440f0c4fb4&quot;,
&quot;image&quot;: {
&quot;id&quot;: &quot;67dd746970e731440f0c4fb4&quot;,
&quot;recordType&quot;: 2,
&quot;addedOn&quot;: 1737044113687,
&quot;updatedOn&quot;: 1737044113755,
&quot;starred&quot;: false,
&quot;passthrough&quot;: false,
&quot;workflowState&quot;: 1,
&quot;publishOn&quot;: 1737044113687,
&quot;authorId&quot;: &quot;65b9293029a4f2104bc5534e&quot;,
&quot;systemDataId&quot;: &quot;77b5563e-588c-4659-a392-40e763d8fcbf&quot;,
&quot;systemDataVariants&quot;: &quot;2500x1407,100w,300w,500w,750w,1000w,1500w,2500w&quot;,
&quot;systemDataSourceType&quot;: &quot;JPG&quot;,
&quot;filename&quot;: &quot;IMG_5172.jpg&quot;,
&quot;mediaFocalPoint&quot;: {
&quot;x&quot;: 0.5,
&quot;y&quot;: 0.5,
&quot;source&quot;: 3
},
&quot;colorData&quot;: {
&quot;topLeftAverage&quot;: &quot;52612f&quot;,
&quot;topRightAverage&quot;: &quot;56715b&quot;,
&quot;bottomLeftAverage&quot;: &quot;728878&quot;,
&quot;bottomRightAverage&quot;: &quot;6d774b&quot;,
&quot;centerAverage&quot;: &quot;697073&quot;,
&quot;suggestedBgColor&quot;: &quot;64684f&quot;
},
&quot;urlId&quot;: &quot;tk46e37nebu6u86jhqsxxpgwaqurk2-ebnw6-tjy6n-y7pwz-hdsjy-zc9dc-9hm7p-aazl6-mfse3-w2nk7&quot;,
&quot;title&quot;: &quot;&quot;,
&quot;body&quot;: null,
&quot;likeCount&quot;: 0,
&quot;commentCount&quot;: 0,
&quot;publicCommentCount&quot;: 0,
&quot;commentState&quot;: 2,
&quot;unsaved&quot;: false,
&quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/77b5563e-588c-4659-a392-40e763d8fcbf/IMG_5172.jpg&quot;,
&quot;contentType&quot;: &quot;image/jpeg&quot;,
&quot;items&quot;: [ ],
&quot;pushedServices&quot;: { },
&quot;pendingPushedServices&quot;: { },
&quot;originalSize&quot;: &quot;2500x1407&quot;,
&quot;recordTypeLabel&quot;: &quot;image&quot;
}
} ],
&quot;styles&quot;: {
&quot;imageFocalPoint&quot;: {
&quot;x&quot;: 0.5,
&quot;y&quot;: 0.5
},
&quot;imageOverlayOpacity&quot;: 0.3,
&quot;sectionTheme&quot;: &quot;white&quot;,
&quot;imageEffect&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;,
&quot;backgroundImage&quot;: null
},
&quot;video&quot;: {
&quot;filter&quot;: 1,
&quot;videoFallbackContentItem&quot;: null,
&quot;nativeVideoContentItem&quot;: null,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageFocalPoint&quot;: null,
&quot;backgroundImageId&quot;: null,
&quot;options&quot;: {
&quot;maxColumns&quot;: 3,
&quot;isCardEnabled&quot;: true,
&quot;isMediaEnabled&quot;: false,
&quot;isTitleEnabled&quot;: true,
&quot;isBodyEnabled&quot;: true,
&quot;isButtonEnabled&quot;: true,
&quot;mediaAspectRatio&quot;: &quot;4:3&quot;,
&quot;layoutWidth&quot;: &quot;inset&quot;,
&quot;mediaWidth&quot;: {
&quot;value&quot;: 100,
&quot;unit&quot;: &quot;%&quot;
},
&quot;mediaAlignment&quot;: &quot;center&quot;,
&quot;contentWidth&quot;: {
&quot;value&quot;: 75,
&quot;unit&quot;: &quot;%&quot;
},
&quot;titleAlignment&quot;: &quot;center&quot;,
&quot;bodyAlignment&quot;: &quot;center&quot;,
&quot;buttonAlignment&quot;: &quot;center&quot;,
&quot;titlePlacement&quot;: &quot;center&quot;,
&quot;bodyPlacement&quot;: &quot;center&quot;,
&quot;buttonPlacement&quot;: &quot;center&quot;,
&quot;cardVerticalAlignment&quot;: &quot;stretch&quot;,
&quot;contentOrder&quot;: &quot;media-first&quot;,
&quot;verticalPaddingTop&quot;: {
&quot;value&quot;: 2,
&quot;unit&quot;: &quot;vmax&quot;
},
&quot;verticalPaddingBottom&quot;: {
&quot;value&quot;: 5,
&quot;unit&quot;: &quot;vmax&quot;
},
&quot;spaceBetweenColumns&quot;: {
&quot;value&quot;: 60,
&quot;unit&quot;: &quot;px&quot;
},
&quot;spaceBetweenRows&quot;: {
&quot;value&quot;: 20,
&quot;unit&quot;: &quot;px&quot;
},
&quot;spaceBetweenContentAndMedia&quot;: {
&quot;value&quot;: 10,
&quot;unit&quot;: &quot;%&quot;
},
&quot;spaceBelowTitle&quot;: {
&quot;value&quot;: 5,
&quot;unit&quot;: &quot;%&quot;
},
&quot;spaceBelowBody&quot;: {
&quot;value&quot;: 11,
&quot;unit&quot;: &quot;%&quot;
},
&quot;cardPaddingTop&quot;: {
&quot;value&quot;: 10,
&quot;unit&quot;: &quot;%&quot;
},
&quot;cardPaddingRight&quot;: {
&quot;value&quot;: 2,
&quot;unit&quot;: &quot;%&quot;
},
&quot;cardPaddingBottom&quot;: {
&quot;value&quot;: 10,
&quot;unit&quot;: &quot;%&quot;
},
&quot;cardPaddingLeft&quot;: {
&quot;value&quot;: 2,
&quot;unit&quot;: &quot;%&quot;
},
&quot;titleFontSize&quot;: &quot;heading-2&quot;,
&quot;bodyFontSize&quot;: &quot;paragraph-2&quot;,
&quot;buttonFontSize&quot;: &quot;button-medium&quot;,
&quot;customOptions&quot;: {
&quot;customTitleFontSize&quot;: {
&quot;value&quot;: 2.2,
&quot;unit&quot;: &quot;rem&quot;
},
&quot;customBodyFontSize&quot;: {
&quot;value&quot;: 1.1,
&quot;unit&quot;: &quot;rem&quot;
},
&quot;customButtonFontSize&quot;: {
&quot;value&quot;: 1,
&quot;unit&quot;: &quot;rem&quot;
}
}
},
&quot;layout&quot;: &quot;simple&quot;,
&quot;isSectionTitleEnabled&quot;: false,
&quot;sectionTitle&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;Make it stand out.&lt;\/p&gt;&quot;,
&quot;spaceBelowSectionTitle&quot;: {
&quot;value&quot;: 40,
&quot;unit&quot;: &quot;px&quot;
},
&quot;sectionTitleAlignment&quot;: &quot;center&quot;,
&quot;isSectionButtonEnabled&quot;: false,
&quot;sectionButton&quot;: {
&quot;buttonText&quot;: &quot;Make It&quot;,
&quot;buttonLink&quot;: &quot;&quot;,
&quot;buttonNewWindow&quot;: false
},
&quot;sectionButtonSize&quot;: &quot;medium&quot;,
&quot;sectionButtonAlignment&quot;: &quot;center&quot;,
&quot;spaceAboveSectionButton&quot;: {
&quot;value&quot;: 40,
&quot;unit&quot;: &quot;px&quot;
}
}"
  data-media-alignment="center"
  data-title-alignment="center"
  data-body-alignment="center"
  data-button-alignment="center"
  data-title-placement="center"
  data-body-placement="center"
  data-button-placement="center"
  data-layout-width="inset"
  data-title-font-unit="rem"
  data-description-font-unit="rem"
  data-button-font-unit="rem"
  data-space-between-rows="20px"
  data-space-between-columns="60px"
  data-vertical-padding-top-value="2"
  data-vertical-padding-bottom-value="5"
  data-vertical-padding-top-unit="vmax"
  data-vertical-padding-bottom-unit="vmax"
>
  
    <li
      class="
        list-item
        
          list-item-basic-animation
        
      "
      style="
        
          padding-top: 10%;
          padding-right: 2%;
          padding-bottom: 10%;
          padding-left: 2%;
        
      "
      data-is-card-enabled="true"
    >
      
        <div class="list-item-content">

    <div class="list-item-content__text-wrapper">

        <h2
          class="list-item-content__title"
          style="max-width: 75%;"
        >Resources</h2>
      
        <div class="list-item-content__description
          
          "
          style="
            margin-top: 5%;
            max-width: 75%;
          "
        >
          <p data-rte-preserve-empty="true" style="white-space:pre-wrap;">Whether you need to update your information, access the prayer list, or seek assistance, you can find what you need by exploring our resources.</p>
        </div>
      
    </div>
  
    <div class="list-item-content__button-wrapper">

      <div class="list-item-content__button-container"
        style="
          margin-top: 11%;
          max-width: 75%;
        "
        data-animation-role="button"
      >
        <a class="
            list-item-content__button
            sqs-block-button-element
            
              sqs-block-button-element--medium
              sqs-button-element--primary
            
          "
          href="/resources"
          
        >EXPLORE RESOURCES</a>
      </div>

    </div>
  
</div>

    </li>
  
    <li
      class="
        list-item
        
          list-item-basic-animation
        
      "
      style="
        
          padding-top: 10%;
          padding-right: 2%;
          padding-bottom: 10%;
          padding-left: 2%;
        
      "
      data-is-card-enabled="true"
    >
      
        <div class="list-item-content">

    <div class="list-item-content__text-wrapper">

        <h2
          class="list-item-content__title"
          style="max-width: 75%;"
        >Give</h2>
      
        <div class="list-item-content__description
          
          "
          style="
            margin-top: 5%;
            max-width: 75%;
          "
        >
          <p data-rte-preserve-empty="true" style="white-space:pre-wrap;">Your generosity supports St. John’s mission of worship, service, and community outreach, helping us grow in faith and make a meaningful impact.</p>
        </div>
      
    </div>
  
    <div class="list-item-content__button-wrapper">

      <div class="list-item-content__button-container"
        style="
          margin-top: 11%;
          max-width: 75%;
        "
        data-animation-role="button"
      >
        <a class="
            list-item-content__button
            sqs-block-button-element
            
              sqs-block-button-element--medium
              sqs-button-element--primary
            
          "
          href="/give"
          
        >GIVE TO ST. JOHN"S</a>
      </div>

    </div>
  
</div>

    </li>
  
    <li
      class="
        list-item
        
          list-item-basic-animation
        
      "
      style="
        
          padding-top: 10%;
          padding-right: 2%;
          padding-bottom: 10%;
          padding-left: 2%;
        
      "
      data-is-card-enabled="true"
    >
      
        <div class="list-item-content">

    <div class="list-item-content__text-wrapper">

        <h2
          class="list-item-content__title"
          style="max-width: 75%;"
        >Get Involved</h2>
      
        <div class="list-item-content__description
          
          "
          style="
            margin-top: 5%;
            max-width: 75%;
          "
        >
          <p class="" data-rte-preserve-empty="true" style="white-space:pre-wrap;">Enrich worship at St. John’s by joining our choir, serving as a reader, assisting with communion, or volunteering in other meaningful roles that uplift our congregation.</p>
        </div>
      
    </div>
  
    <div class="list-item-content__button-wrapper">

      <div class="list-item-content__button-container"
        style="
          margin-top: 11%;
          max-width: 75%;
        "
        data-animation-role="button"
      >
        <a class="
            list-item-content__button
            sqs-block-button-element
            
              sqs-block-button-element--medium
              sqs-button-element--primary
            
          "
          href="/get-involved"
          
        >SERVING AT ST. JOHN'S</a>
      </div>

    </div>
  
</div>

    </li>
  
</ul>

</div>

    </div>
  
  </div>
  
</section>

<section
  data-test="page-section"
  
  data-section-theme="dark"
  class='page-section 
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      section-height--small
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
    dark'
  
  data-section-id="67dd74639f8a79714cec17f9"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageOverlayOpacity&quot;: 0.15,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--small&quot;,
&quot;customSectionHeight&quot;: 1,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;sectionTheme&quot;: &quot;dark&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;playbackSpeed&quot;: 0.5,
&quot;filter&quot;: 1,
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: false
},
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation="none"
  data-fluid-engine-section
   
  data-sqsp-section="fluid-engine"

>
  <div
    class="section-border"
    
  >
    <div class="section-background">
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
    '
  >
    <div
      class="content"
      
    >
      
      <div data-fluid-engine="true"><style>

.fe-67dd74639f8a79714cec17f8 {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(11,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
  overflow-x: hidden;
  overflow-x: clip;
}

@media (min-width: 768px) {
  .background-width--inset .fe-67dd74639f8a79714cec17f8 {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-67dd74639f8a79714cec17f8 {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(5,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}

  .fe-block-a233daa8dd4c621a5817 {
    grid-area: 1/2/4/10;
    z-index: 1;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-a233daa8dd4c621a5817 .sqs-block {
    justify-content: center;
  }

  .fe-block-a233daa8dd4c621a5817 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-a233daa8dd4c621a5817 {
      grid-area: 1/2/3/26;
      z-index: 1;

    }

    .fe-block-a233daa8dd4c621a5817 .sqs-block {
      justify-content: center;
    }

    .fe-block-a233daa8dd4c621a5817 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-4938118a98d744c4aef0 {
    grid-area: 4/2/6/10;
    z-index: 2;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-4938118a98d744c4aef0 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-4938118a98d744c4aef0 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-4938118a98d744c4aef0 {
      grid-area: 3/4/4/24;
      z-index: 2;

    }

    .fe-block-4938118a98d744c4aef0 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-4938118a98d744c4aef0 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-0f85431a7a5369b60d73 {
    grid-area: 6/2/12/10;
    z-index: 3;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-0f85431a7a5369b60d73 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-0f85431a7a5369b60d73 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-0f85431a7a5369b60d73 {
      grid-area: 4/4/6/24;
      z-index: 3;

    }

    .fe-block-0f85431a7a5369b60d73 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-0f85431a7a5369b60d73 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

</style><div class="fluid-engine fe-67dd74639f8a79714cec17f8"><div class="fe-block fe-block-a233daa8dd4c621a5817"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/d94e13cd-19c2-4397-8a5b-30aeb40096fc_818/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/d94e13cd-19c2-4397-8a5b-30aeb40096fc_818/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="a233daa8dd4c621a5817" id="block-a233daa8dd4c621a5817"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h3 style="text-align:center;white-space:pre-wrap;">Join the St. John’s Email List</h3></div>

<style id="container-styles">#block-a233daa8dd4c621a5817 {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
  }

  #block-a233daa8dd4c621a5817 .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  .fe-block-a233daa8dd4c621a5817 {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

.fe-block-a233daa8dd4c621a5817 {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }

  .fe-block-a233daa8dd4c621a5817 {
      --tweak-text-block-blend
  : normal;
    }
  
  .fe-block-a233daa8dd4c621a5817 {
    --blur-value: blur(15px);}

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
#block-a233daa8dd4c621a5817 {
            
            }
        }
    
    @media screen and (max-width: 767px) {
          #block-a233daa8dd4c621a5817 .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
        }</style>
<style class="transform-overrides-vars">
  
</style>

</div>
</div></div></div><div class="fe-block fe-block-4938118a98d744c4aef0"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/d94e13cd-19c2-4397-8a5b-30aeb40096fc_818/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/d94e13cd-19c2-4397-8a5b-30aeb40096fc_818/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="4938118a98d744c4aef0" id="block-4938118a98d744c4aef0"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><p style="text-align:center;white-space:pre-wrap;" class="">Sign up with your email address to receive news and updates from St. John’s.</p></div>

<style id="container-styles">#block-4938118a98d744c4aef0 {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
  }

  #block-4938118a98d744c4aef0 .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  .fe-block-4938118a98d744c4aef0 {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

.fe-block-4938118a98d744c4aef0 {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }

  .fe-block-4938118a98d744c4aef0 {
      --tweak-text-block-blend
  : normal;
    }
  
  .fe-block-4938118a98d744c4aef0 {
    --blur-value: blur(15px);}

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
#block-4938118a98d744c4aef0 {
            
            }
        }
    
    @media screen and (max-width: 767px) {
          #block-4938118a98d744c4aef0 .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
        }</style>
<style class="transform-overrides-vars">
  
</style>

</div>
</div></div></div><div class="fe-block fe-block-0f85431a7a5369b60d73"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-code code-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/cf8832ff-eb42-4e4d-b073-66ed9a0a8e70_863/website.components.code.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/cf8832ff-eb42-4e4d-b073-66ed9a0a8e70_863/website.components.code.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.code" data-sqsp-block="code" data-website-component-id="0f85431a7a5369b60d73" id="block-0f85431a7a5369b60d73"><div class="sqs-block-content">
  
<div
  class="sqs-code-container"
  
    data-localized="{&quot;enableSafeModeButton&quot;:&quot;Preview in safe mode&quot;,&quot;enableSafeModeText&quot;:&quot;This block contains embedded scripts. Embedded scripts are disabled while you're logged in and editing your site.&quot;,&quot;enableSafeModeTitle&quot;:&quot;Embedded Scripts&quot;,&quot;exitSafeModeButton&quot;:&quot;Exit safe preview&quot;,&quot;exitSafeModeText&quot;:&quot;Please view the page after logging out for accurate rendering.&quot;,&quot;exitSafeModeTitle&quot;:&quot;Safe Preview&quot;,&quot;globalSafeMode&quot;:&quot;Embedded Code: This block contains embedded code that has been disabled.&quot;,&quot;scriptDisabled&quot;:&quot;Script Disabled&quot;}"
  
>
  
    <p><center> Add MailChimp sign up code here.</center></p>
  
</div>

<style class="transform-overrides-vars">
  
</style>

</div></div></div></div></div>
    </div>
  
  </div>
  
</section>

<section
  data-test="page-section"
  
  data-section-theme=""
  class='page-section 
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      section-height--small
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
    '
  
  data-section-id="67dd74733f68ff7b3a940a7c"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageOverlayOpacity&quot;: 0.15,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--small&quot;,
&quot;customSectionHeight&quot;: 1,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;sectionTheme&quot;: &quot;&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;playbackSpeed&quot;: 0.5,
&quot;filter&quot;: 2,
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: false
},
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation="none"
  data-fluid-engine-section
   
  data-sqsp-section="fluid-engine"

>
  <div
    class="section-border"
    
  >
    <div class="section-background">
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
    '
  >
    <div
      class="content"
      
    >
      
      <div data-fluid-engine="true"><style>

.fe-67dd74733f68ff7b3a940a7b {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(21,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
  overflow-x: hidden;
  overflow-x: clip;
}

@media (min-width: 768px) {
  .background-width--inset .fe-67dd74733f68ff7b3a940a7b {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-67dd74733f68ff7b3a940a7b {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(17,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}

  .fe-block-ae27cb0ee4ce91db7e32 {
    grid-area: 1/2/12/10;
    z-index: 0;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-ae27cb0ee4ce91db7e32 .sqs-block {
    justify-content: center;
  }

  .fe-block-ae27cb0ee4ce91db7e32 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-ae27cb0ee4ce91db7e32 {
      grid-area: 2/5/17/17;
      z-index: 0;

    }

    .fe-block-ae27cb0ee4ce91db7e32 .sqs-block {
      justify-content: center;
    }

    .fe-block-ae27cb0ee4ce91db7e32 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-40eb6c72eb0c021503ee {
    grid-area: 12/2/21/10;
    z-index: 1;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-40eb6c72eb0c021503ee .sqs-block {
    justify-content: center;
  }

  .fe-block-40eb6c72eb0c021503ee .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-40eb6c72eb0c021503ee {
      grid-area: 4/14/14/23;
      z-index: 1;

    }

    .fe-block-40eb6c72eb0c021503ee .sqs-block {
      justify-content: center;
    }

    .fe-block-40eb6c72eb0c021503ee .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-164b7674d39fbc2c8c9b {
    grid-area: 13/3/15/9;
    z-index: 2;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-164b7674d39fbc2c8c9b .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-164b7674d39fbc2c8c9b .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-164b7674d39fbc2c8c9b {
      grid-area: 6/15/8/23;
      z-index: 2;

    }

    .fe-block-164b7674d39fbc2c8c9b .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-164b7674d39fbc2c8c9b .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-3c40685274fed5e657bb {
    grid-area: 15/3/17/9;
    z-index: 3;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-3c40685274fed5e657bb .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-3c40685274fed5e657bb .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-3c40685274fed5e657bb {
      grid-area: 8/15/10/22;
      z-index: 3;

    }

    .fe-block-3c40685274fed5e657bb .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-3c40685274fed5e657bb .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-7ee76225b74c1389da74 {
    grid-area: 17/3/20/9;
    z-index: 4;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-7ee76225b74c1389da74 .sqs-block {
    justify-content: center;
  }

  .fe-block-7ee76225b74c1389da74 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-7ee76225b74c1389da74 {
      grid-area: 10/15/12/20;
      z-index: 4;

    }

    .fe-block-7ee76225b74c1389da74 .sqs-block {
      justify-content: center;
    }

    .fe-block-7ee76225b74c1389da74 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

</style><div class="fluid-engine fe-67dd74733f68ff7b3a940a7b"><div class="fe-block fe-block-ae27cb0ee4ce91db7e32"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-image image-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/website.components.imageFluid.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/2513.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/6644.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/8018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/8458.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/9882.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/image-effect-film-grain.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/image-effect-liquid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/image-effect-parallax.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/image-effect-refracted-circles.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/image-effect-refracted-lines.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/website.components.imageFluid.shared.constants.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/website.components.imageFluid.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.imageFluid" data-sqsp-block="image" data-website-component-id="ae27cb0ee4ce91db7e32" id="block-ae27cb0ee4ce91db7e32"><div class="sqs-block-content">

  <div
    class="fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-left combination-animation-site-default individual-animation-site-default
    }"
    data-component-id="ae27cb0ee4ce91db7e32"
    data-test="image-block-fluid-outer-wrapper"
    data-is-image-stretched="true"
    data-is-mask-applied="false"
    data-media-focal-point="0.5,0.5"
    
      data-bpo=""
      data-breakpoints="[{&quot;id&quot;:&quot;system_desktop&quot;,&quot;name&quot;:&quot;Desktop&quot;},{&quot;id&quot;:&quot;system_mobile&quot;,&quot;name&quot;:&quot;Mobile&quot;,&quot;maxWidth&quot;:&quot;767px&quot;}]"
    
  >
    <div
      class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
      data-animation-role="image"
    >
      <div
        class="fluid-image-container sqs-image-content js-image-container visitor-mode"
        
        data-sqsp-image-block-image-container
      >
        
  <div class="js-content-mode-element-wrapper js-content-mode-element-system_desktop">
    
        <div class="js-content-mode-element content-fill">
          
  <img data-stretch="true"
  data-src="https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/96571350-c564-46c6-8621-3b237bfafa4f/thumbnail_IMG_9211.jpg"
  data-image="https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/96571350-c564-46c6-8621-3b237bfafa4f/thumbnail_IMG_9211.jpg"
  data-image-dimensions="1280x960"
  data-image-focal-point="0.5,0.5"
  data-sqsp-image-block-image
  alt=""
  data-licensed-asset-preview="false"
  data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/96571350-c564-46c6-8621-3b237bfafa4f/thumbnail_IMG_9211.jpg" width="1280" height="960" alt="" sizes="auto, 100vw" style="display:block;object-position: var(--image-component-focal-point);object-fit: var(--image-component-object-fit);" srcset="https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/96571350-c564-46c6-8621-3b237bfafa4f/thumbnail_IMG_9211.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/96571350-c564-46c6-8621-3b237bfafa4f/thumbnail_IMG_9211.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/96571350-c564-46c6-8621-3b237bfafa4f/thumbnail_IMG_9211.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/96571350-c564-46c6-8621-3b237bfafa4f/thumbnail_IMG_9211.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/96571350-c564-46c6-8621-3b237bfafa4f/thumbnail_IMG_9211.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/96571350-c564-46c6-8621-3b237bfafa4f/thumbnail_IMG_9211.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/96571350-c564-46c6-8621-3b237bfafa4f/thumbnail_IMG_9211.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  
  <div class="fluidImageOverlay"></div>

        </div>
      
  </div>
  
      </div>
    </div>
    <style>
      
      #block-ae27cb0ee4ce91db7e32 {
        --image-component-focal-point: 50% 50%;
        
  --image-component-object-fit: cover;
  --image-component-overlay-opacity: 0;
  --image-component-overlay-blend-mode: normal;
  
  --image-component-native-aspect-ratio: 1280/960;
  
      }
      #block-ae27cb0ee4ce91db7e32 .fluid-image-container.visitor-mode {
        
  overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);clip-path: none;-webkit-clip-path: none;border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;

      }
      #block-ae27cb0ee4ce91db7e32 .js-content-mode-element-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        display: none;
      }
      #block-ae27cb0ee4ce91db7e32 .js-content-mode-element-system_desktop {
        display: block;
      }
    </style>
    <style class="transform-overrides-vars">
  
</style>

  </div>

</div></div></div><div class="fe-block fe-block-40eb6c72eb0c021503ee"><div class="sqs-block website-component-block sqs-block-website-component" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.shape/2cbccfc3-8429-44ee-a21a-b72d20e70640_1213/website.components.shape.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.shape/2cbccfc3-8429-44ee-a21a-b72d20e70640_1213/website.components.shape.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.shape" data-sqsp-block="shape" data-website-component-id="40eb6c72eb0c021503ee" id="block-40eb6c72eb0c021503ee"><div class="sqs-block-content">

<div
  class="sqs-shape-block-outer-container"
  
>

  	<div
      class="sqs-shape-block-container sqs-block-alignment-wrapper 
  sqs-shape-block-container-system_desktop
 hidden-stretch-block"
      data-stretched-to-fill
      data-shape-name="rectangle"
      data-breakpoint-override-id="
system_desktop
"
      data-desktop-drop-shadow={"angle":145,"distance":{"unit":"px","value":2},"blur":{"unit":"px","value":3},"color":{"type":"THEME_COLOR"}}
      data-desktop-blur={"enabled":false,"filterType":"element","blurRadius":{"unit":"px","value":15}}
      
        data-blend-mode='normal'
      
      data-border-top-left-radius='5'
      data-border-top-right-radius='5'
      data-border-bottom-left-radius='5'
      data-border-bottom-right-radius='5'
    
    >
  		
    <svg xmlns="http://www.w3.org/2000/svg" data-sqsp-shape-block-shape class="sqs-shape sqs-shape-rectangle" style="background-color: unset">
      
      <path></path>
      
    </svg>
  
    </div>
  
  <style>
    #block-40eb6c72eb0c021503ee .sqs-shape-block-container-system_desktop {
      display: flex;
    }
    #block-40eb6c72eb0c021503ee .sqs-block-alignment-wrapper {
      
      justify-content: center;
      
    }

      #block-40eb6c72eb0c021503ee .sqs-shape > * {
        
          stroke: none;
        
      }
    
  </style>
  <style class="overrides-vars">
    
  	#block-40eb6c72eb0c021503ee .sqs-shape-block-container-system_desktop {
    	display: flex;
    }
  @media screen and (max-width: 767px) {
      
      #block-40eb6c72eb0c021503ee .sqs-block-alignment-wrapper {
        
          justify-content: center;
        
      }

      #block-40eb6c72eb0c021503ee {
        
      }
    }
  
  </style>
  <style class="transform-overrides-vars">
  
</style>

</div>
</div></div></div><div class="fe-block fe-block-164b7674d39fbc2c8c9b"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/d94e13cd-19c2-4397-8a5b-30aeb40096fc_818/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/d94e13cd-19c2-4397-8a5b-30aeb40096fc_818/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="164b7674d39fbc2c8c9b" id="block-164b7674d39fbc2c8c9b"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h2 style="white-space:pre-wrap;"><span class="sqsrte-text-color--darkAccent">Contact Us!</span></h2></div>

<style id="container-styles">#block-164b7674d39fbc2c8c9b {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
  }

  #block-164b7674d39fbc2c8c9b .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  .fe-block-164b7674d39fbc2c8c9b {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

.fe-block-164b7674d39fbc2c8c9b {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }

  .fe-block-164b7674d39fbc2c8c9b {
      --tweak-text-block-blend
  : normal;
    }
  
  .fe-block-164b7674d39fbc2c8c9b {
    --blur-value: blur(15px);}

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
#block-164b7674d39fbc2c8c9b {
            
            }
        }
    
    @media screen and (max-width: 767px) {
          #block-164b7674d39fbc2c8c9b .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
        }</style>
<style class="transform-overrides-vars">
  
</style>

</div>
</div></div></div><div class="fe-block fe-block-3c40685274fed5e657bb"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/d94e13cd-19c2-4397-8a5b-30aeb40096fc_818/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/d94e13cd-19c2-4397-8a5b-30aeb40096fc_818/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="3c40685274fed5e657bb" id="block-3c40685274fed5e657bb"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><p class="" style="white-space:pre-wrap;">We’d love to hear from you with any questions you may have! </p></div>

<style id="container-styles">#block-3c40685274fed5e657bb {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
  }

  #block-3c40685274fed5e657bb .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  .fe-block-3c40685274fed5e657bb {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

.fe-block-3c40685274fed5e657bb {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }

  .fe-block-3c40685274fed5e657bb {
      --tweak-text-block-blend
  : normal;
    }
  
  .fe-block-3c40685274fed5e657bb {
    --blur-value: blur(15px);}

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
#block-3c40685274fed5e657bb {
            
            }
        }
    
    @media screen and (max-width: 767px) {
          #block-3c40685274fed5e657bb .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
        }</style>
<style class="transform-overrides-vars">
  
</style>

</div>
</div></div></div><div class="fe-block fe-block-7ee76225b74c1389da74"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-button button-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/7aee5a7f-969e-4702-919e-18258444d700_988/website.components.button.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/7aee5a7f-969e-4702-919e-18258444d700_988/website.components.button.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.button" data-sqsp-block="button" data-website-component-id="7ee76225b74c1389da74" id="block-7ee76225b74c1389da74"><div class="sqs-block-content">

<div
  class="sqs-block-button-container sqs-button-block-container-system_desktop sqs-block-button-container--left "
  data-animation-role="button"
  data-button-size="large"
  data-button-type="secondary"
  
>
  <a
    href="/contact"
    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
    data-sqsp-button
    
  >
    CONTACT ST. JOHN'S
  </a>
  
</div>

<style>
  #block-7ee76225b74c1389da74 {
    --sqs-block-content-flex: 0;
  }

</style>
<style class="transform-overrides-vars">
  
</style>

</div></div></div></div></div>
    </div>
  
  </div>
  
</section>

    </section>
  
</article>

      </main>
      
        <footer class="sections" id="footer-sections" data-footer-sections>
  
<section
  data-test="page-section"
  
  data-section-theme="black"
  class='page-section 
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
        section-height--custom
      
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
    black'
  
  data-section-id="67890f2c22338146c392321f"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageOverlayOpacity&quot;: 0.15,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
&quot;customSectionHeight&quot;: 0,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;sectionTheme&quot;: &quot;black&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;playbackSpeed&quot;: 0.5,
&quot;filter&quot;: 1,
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: false
},
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation="none"
  data-fluid-engine-section
   
  data-sqsp-section="fluid-engine"

>
  <div
    class="section-border"
    
  >
    <div class="section-background">
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
        
    '
  >
    <div
      class="content"
      
    >
      
      <div data-fluid-engine="true"><style>

.fe-67890f2c22338146c392321e {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(20,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 0.0px;
  column-gap: 0.0px;
  overflow-x: hidden;
  overflow-x: clip;
}

@media (min-width: 768px) {
  .background-width--inset .fe-67890f2c22338146c392321e {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-67890f2c22338146c392321e {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(15,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}

  .fe-block-yui_3_17_2_1_1737040503061_160632 {
    grid-area: 2/4/5/8;
    z-index: 4;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-yui_3_17_2_1_1737040503061_160632 .sqs-block {
    justify-content: center;
  }

  .fe-block-yui_3_17_2_1_1737040503061_160632 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1737040503061_160632 {
      grid-area: 2/11/5/17;
      z-index: 4;

    }

    .fe-block-yui_3_17_2_1_1737040503061_160632 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-yui_3_17_2_1_1737040503061_160632 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-06fd2672274bca480995 {
    grid-area: 6/4/8/8;
    z-index: 1;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-06fd2672274bca480995 .sqs-block {
    justify-content: center;
  }

  .fe-block-06fd2672274bca480995 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-06fd2672274bca480995 {
      grid-area: 5/12/7/16;
      z-index: 1;

    }

    .fe-block-06fd2672274bca480995 .sqs-block {
      justify-content: center;
    }

    .fe-block-06fd2672274bca480995 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-yui_3_17_2_1_1737040503061_191822 {
    grid-area: 9/2/13/10;
    z-index: 5;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-yui_3_17_2_1_1737040503061_191822 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-yui_3_17_2_1_1737040503061_191822 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1737040503061_191822 {
      grid-area: 7/8/9/20;
      z-index: 5;

    }

    .fe-block-yui_3_17_2_1_1737040503061_191822 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-yui_3_17_2_1_1737040503061_191822 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-e088d64a97f5faf4b52d {
    grid-area: 13/2/21/10;
    z-index: 6;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-e088d64a97f5faf4b52d .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-e088d64a97f5faf4b52d .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-e088d64a97f5faf4b52d {
      grid-area: 10/2/16/26;
      z-index: 6;

    }

    .fe-block-e088d64a97f5faf4b52d .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-e088d64a97f5faf4b52d .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

</style><div class="fluid-engine fe-67890f2c22338146c392321e"><div class="fe-block fe-block-yui_3_17_2_1_1737040503061_160632"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-image image-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/website.components.imageFluid.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/2513.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/6644.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/8018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/8458.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/9882.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/image-effect-film-grain.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/image-effect-liquid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/image-effect-parallax.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/image-effect-refracted-circles.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/image-effect-refracted-lines.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/website.components.imageFluid.shared.constants.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/ad6c0279-60a1-41ba-92e9-398aa264cf07_805/website.components.imageFluid.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.imageFluid" data-sqsp-block="image" data-website-component-id="yui_3_17_2_1_1737040503061_160632" id="block-yui_3_17_2_1_1737040503061_160632"><div class="sqs-block-content">

  <div
    class="fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-center image-component-container-fit combination-animation-site-default individual-animation-site-default
    }"
    data-component-id="yui_3_17_2_1_1737040503061_160632"
    data-test="image-block-fluid-outer-wrapper"
    data-is-image-stretched="false"
    data-is-mask-applied="false"
    data-media-focal-point="0.5,0.5"
    
      data-bpo=""
      data-breakpoints="[{&quot;id&quot;:&quot;system_desktop&quot;,&quot;name&quot;:&quot;Desktop&quot;},{&quot;id&quot;:&quot;system_mobile&quot;,&quot;name&quot;:&quot;Mobile&quot;,&quot;maxWidth&quot;:&quot;767px&quot;}]"
    
  >
    <div
      class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
      data-animation-role="image"
    >
      <div
        class="fluid-image-container sqs-image-content js-image-container visitor-mode"
        
        data-sqsp-image-block-image-container
      >
        
  <div class="js-content-mode-element-wrapper js-content-mode-element-system_desktop">
    
        <div class="js-content-mode-element content-fit">
          
  <img data-stretch="false"
  data-src="https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/deafafb4-b3c5-4c95-83c7-3258d3424da1/SJEC+Logo+White.png"
  data-image="https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/deafafb4-b3c5-4c95-83c7-3258d3424da1/SJEC+Logo+White.png"
  data-image-dimensions="2152x849"
  data-image-focal-point="0.5,0.5"
  data-sqsp-image-block-image
  alt=""
  data-licensed-asset-preview="false"
  data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/deafafb4-b3c5-4c95-83c7-3258d3424da1/SJEC+Logo+White.png" width="2152" height="849" alt="" sizes="auto, (max-width: 640px) 100.00vw, (max-width: 767px) 50.00vw, 25.00vw" style="display:block;object-position: var(--image-component-focal-point);object-fit: var(--image-component-object-fit);" srcset="https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/deafafb4-b3c5-4c95-83c7-3258d3424da1/SJEC+Logo+White.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/deafafb4-b3c5-4c95-83c7-3258d3424da1/SJEC+Logo+White.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/deafafb4-b3c5-4c95-83c7-3258d3424da1/SJEC+Logo+White.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/deafafb4-b3c5-4c95-83c7-3258d3424da1/SJEC+Logo+White.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/deafafb4-b3c5-4c95-83c7-3258d3424da1/SJEC+Logo+White.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/deafafb4-b3c5-4c95-83c7-3258d3424da1/SJEC+Logo+White.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/deafafb4-b3c5-4c95-83c7-3258d3424da1/SJEC+Logo+White.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  
  <div class="fluidImageOverlay"></div>

        </div>
      
  </div>
  
      </div>
    </div>
    <style>
      
      #block-yui_3_17_2_1_1737040503061_160632 {
        --image-component-focal-point: 50% 50%;
        
  --image-component-object-fit: contain;
  --image-component-overlay-opacity: 0;
  --image-component-overlay-blend-mode: normal;
  
  --image-component-native-aspect-ratio: 2152/849;
  
      }
      #block-yui_3_17_2_1_1737040503061_160632 .fluid-image-container.visitor-mode {
        
  overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);clip-path: none;-webkit-clip-path: none;

      }
      #block-yui_3_17_2_1_1737040503061_160632 .js-content-mode-element-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        display: none;
      }
      #block-yui_3_17_2_1_1737040503061_160632 .js-content-mode-element-system_desktop {
        display: block;
      }
    </style>
    <style class="transform-overrides-vars">
  
</style>

  </div>

</div></div></div><div class="fe-block fe-block-06fd2672274bca480995"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-socialaccountlinks social-account-links-block social-account-links-v2-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.socialLinks/51b1e651-f918-4a45-9623-876a5df8dfbf_596/website.components.socialLinks.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.socialLinks/51b1e651-f918-4a45-9623-876a5df8dfbf_596/website.components.socialLinks.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.socialLinks" data-sqsp-block="social-links" data-website-component-id="06fd2672274bca480995" id="block-06fd2672274bca480995"><div class="sqs-block-content">
  
<div class="sqs-block-socialaccountlinks-content">
  <div class="sqs-svg-icon--outer social-icon-alignment-center social-icons-color-black social-icons-size-small social-icons-shape-circle social-icons-style-knockout">
    <style>
      
      #block-06fd2672274bca480995 {
        --social-icons-justify-content: center;
        --social-icons-dimension: 28px;--social-icons-gap: 8px;
        --social-icons-border-thickness: 2px;
      }

      #block-06fd2672274bca480995 .sqs-svg-icon--wrapper {
        --si-border-radius: 50%;--si-scale: 1;--si-box-shadow: none;--si-fill-icon: transparent;--si-fill-icon-fade: transparent;--si-fill-icon-hover: transparent;--si-fill-mask: var(--si-primary);--si-fill-mask-fade: var(--si-primary-faded);--si-fill-mask-hover: var(--si-primary);--si-bg: transparent;--si-bg-fade: transparent;--si-bg-hover: transparent;
      }

      #block-06fd2672274bca480995 .sqs-svg-icon--list {
        justify-content: var(--social-icons-justify-content, center);
        column-gap: var(--social-icons-gap, 12px);
        row-gap: var(--social-icons-gap, 12px);
      }
      #block-06fd2672274bca480995 .sqs-svg-icon--wrapper {
        width: var(--social-icons-dimension, 20px);
        height: var(--social-icons-dimension, 20px);
        margin: 0;
        border: none; 
        background-color: var(--si-bg, transparent);
        box-shadow: var(--si-box-shadow, none);
        border-radius: var(--si-border-radius, 0);
      }
      #block-06fd2672274bca480995 .sqs-svg-icon--wrapper > div {
        transform: scale(var(--si-scale, 1));
      }
      #block-06fd2672274bca480995 .sqs-use--icon {
        fill: var(--si-fill-icon, transparent);
      }
      #block-06fd2672274bca480995 .sqs-use--mask {
        fill: var(--si-fill-mask, transparent);
      }
      #block-06fd2672274bca480995 .sqs-svg-icon--list:hover .sqs-svg-icon--wrapper {
        background-color: var(--si-bg-fade, var(--si-bg, transparent));
      }
      #block-06fd2672274bca480995 .sqs-svg-icon--list:hover .sqs-svg-icon--wrapper .sqs-use--icon {
        fill: var(--si-fill-icon-fade, var(--si-fill-icon, transparent));
      }
      #block-06fd2672274bca480995 .sqs-svg-icon--list:hover .sqs-svg-icon--wrapper .sqs-use--mask {
        fill: var(--si-fill-mask-fade, var(--si-fill-mask, transparent));
      }
      #block-06fd2672274bca480995 .sqs-svg-icon--list:hover .sqs-svg-icon--wrapper:hover {
        background-color: var(--si-bg-hover, var(--si-bg, transparent));
      }
      #block-06fd2672274bca480995 .sqs-svg-icon--list:hover .sqs-svg-icon--wrapper:hover .sqs-use--icon {
        fill: var(--si-fill-icon-hover, var(--si-fill-icon, transparent));
      }
      #block-06fd2672274bca480995 .sqs-svg-icon--list:hover .sqs-svg-icon--wrapper:hover .sqs-use--mask {
        fill: var(--si-fill-mask-hover, var(--si-fill-mask, transparent));
      }
    </style>
    <nav class="sqs-svg-icon--list">
      
          <a
            href="https://www.facebook.com/stjohnslaf"
            target="_blank"
            class="sqs-svg-icon--wrapper facebook-unauth"
            aria-label="Facebook"
          >
            <div>
              <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
                <use class="sqs-use--icon" xlink:href="/universal/svg/social-accounts.svg#facebook-unauth-icon"></use>
                <use class="sqs-use--mask" xlink:href="/universal/svg/social-accounts.svg#facebook-unauth-mask"></use>
              </svg>
            </div>
          </a>
        
          <a
            href="https://twitter.com/stjohnslaf"
            target="_blank"
            class="sqs-svg-icon--wrapper twitter-unauth"
            aria-label="Twitter"
          >
            <div>
              <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
                <use class="sqs-use--icon" xlink:href="/universal/svg/social-accounts.svg#twitter-unauth-icon"></use>
                <use class="sqs-use--mask" xlink:href="/universal/svg/social-accounts.svg#twitter-unauth-mask"></use>
              </svg>
            </div>
          </a>
        
          <a
            href="https://www.flickr.com/people/124616090@N03/"
            target="_blank"
            class="sqs-svg-icon--wrapper flickr-unauth"
            aria-label="Flickr"
          >
            <div>
              <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
                <use class="sqs-use--icon" xlink:href="/universal/svg/social-accounts.svg#flickr-unauth-icon"></use>
                <use class="sqs-use--mask" xlink:href="/universal/svg/social-accounts.svg#flickr-unauth-mask"></use>
              </svg>
            </div>
          </a>
        
    </nav>
  </div>
  
<style id="container-styles">#block-06fd2672274bca480995 {
    
  }

  #block-06fd2672274bca480995 .sqs-block-socialaccountlinks-content {
    
    --tweak-social-links-block-padding: initial;
}

  .fe-block-06fd2672274bca480995 {
      mix-blend-mode: var(--tweak-social-links-block-blend);
      border-radius: var(--tweak-social-links-block-radius);
  }

  .fe-block-06fd2672274bca480995 {
    }

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
#block-06fd2672274bca480995 {
            
            }
        }
    
    @media screen and (max-width: 767px) {
          #block-06fd2672274bca480995 .sqs-block-socialaccountlinks-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
        }</style>

    <style class="transform-overrides-vars">
  
</style>

</div>
</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1737040503061_191822"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/d94e13cd-19c2-4397-8a5b-30aeb40096fc_818/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/d94e13cd-19c2-4397-8a5b-30aeb40096fc_818/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="yui_3_17_2_1_1737040503061_191822" id="block-yui_3_17_2_1_1737040503061_191822"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small">600 Ferry Street &nbsp; | &nbsp; Lafayette, Indiana 47901<br>765.742.4079 &nbsp; | &nbsp;&nbsp;<a href="mailto:stjohns@stjohns-laf.org"><span style="text-decoration:underline"><span class="sqsrte-text-color--white">stjohns@stjohns-laf.org</span></span></a><span class="sqsrte-text-color--white">&nbsp;</span></p></div>

<style id="container-styles">#block-yui_3_17_2_1_1737040503061_191822 {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
  }

  #block-yui_3_17_2_1_1737040503061_191822 .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  .fe-block-yui_3_17_2_1_1737040503061_191822 {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

.fe-block-yui_3_17_2_1_1737040503061_191822 {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }

  .fe-block-yui_3_17_2_1_1737040503061_191822 {
      --tweak-text-block-blend
  : normal;
    }
  
  .fe-block-yui_3_17_2_1_1737040503061_191822 {
    --blur-value: blur(15px);}

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
#block-yui_3_17_2_1_1737040503061_191822 {
            
            }
        }
    
    @media screen and (max-width: 767px) {
          #block-yui_3_17_2_1_1737040503061_191822 .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
        }</style>
<style class="transform-overrides-vars">
  
</style>

</div>
</div></div></div><div class="fe-block fe-block-e088d64a97f5faf4b52d"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/d94e13cd-19c2-4397-8a5b-30aeb40096fc_818/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/d94e13cd-19c2-4397-8a5b-30aeb40096fc_818/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="e088d64a97f5faf4b52d" id="block-e088d64a97f5faf4b52d"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small"><span class="sqsrte-text-color--white">St. John's Episcopal Church is a congregation of </span><a href="http://www.episcopalchurch.org/"><span style="text-decoration:underline"><span class="sqsrte-text-color--white">the Episcopal Church</span></span></a><span class="sqsrte-text-color--white"> in </span><a href="http://indydio.org/" target="_blank"><span style="text-decoration:underline"><span class="sqsrte-text-color--white">the Diocese of Indianapolis</span></span></a><span class="sqsrte-text-color--white">.<br>Some pictures courtesy of </span><a href="http://www.jasminenorris.com/" target="_blank"><span style="text-decoration:underline"><span class="sqsrte-text-color--white">www.jasminenorris.com</span></span></a><span class="sqsrte-text-color--white">.</span></p><p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small" data-rte-preserve-empty="true"></p><p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small"><a href="/privacy-policy"><span class="sqsrte-text-color--white">Privacy Policy</span></a><span class="sqsrte-text-color--white"> </span></p><p class="" data-rte-preserve-empty="true" style="white-space:pre-wrap;"></p></div>

<style id="container-styles">#block-e088d64a97f5faf4b52d {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
  }

  #block-e088d64a97f5faf4b52d .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  .fe-block-e088d64a97f5faf4b52d {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

.fe-block-e088d64a97f5faf4b52d {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }

  .fe-block-e088d64a97f5faf4b52d {
      --tweak-text-block-blend
  : normal;
    }
  
  .fe-block-e088d64a97f5faf4b52d {
    --blur-value: blur(15px);}

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
#block-e088d64a97f5faf4b52d {
            
            }
        }
    
    @media screen and (max-width: 767px) {
          #block-e088d64a97f5faf4b52d .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
        }</style>
<style class="transform-overrides-vars">
  
</style>

</div>
</div></div></div></div></div>
    </div>
  
  </div>
  
</section>

</footer>

    </div>

    <script defer="true" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.a1eee5fddfc683d04e87734893dff434.js" type="text/javascript"></script>
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none" data-usage="social-icons-svg"><symbol id="facebook-unauth-icon" viewBox="0 0 64 64"><path d="M34.1,47V33.3h4.6l0.7-5.3h-5.3v-3.4c0-1.5,0.4-2.6,2.6-2.6l2.8,0v-4.8c-0.5-0.1-2.2-0.2-4.1-0.2 c-4.1,0-6.9,2.5-6.9,7V28H24v5.3h4.6V47H34.1z"/></symbol><symbol id="facebook-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M39.6,22l-2.8,0c-2.2,0-2.6,1.1-2.6,2.6V28h5.3l-0.7,5.3h-4.6V47h-5.5V33.3H24V28h4.6V24 c0-4.6,2.8-7,6.9-7c2,0,3.6,0.1,4.1,0.2V22z"/></symbol><symbol id="twitter-unauth-icon" viewBox="0 0 64 64"><path d="M48,22.1c-1.2,0.5-2.4,0.9-3.8,1c1.4-0.8,2.4-2.1,2.9-3.6c-1.3,0.8-2.7,1.3-4.2,1.6 C41.7,19.8,40,19,38.2,19c-3.6,0-6.6,2.9-6.6,6.6c0,0.5,0.1,1,0.2,1.5c-5.5-0.3-10.3-2.9-13.5-6.9c-0.6,1-0.9,2.1-0.9,3.3 c0,2.3,1.2,4.3,2.9,5.5c-1.1,0-2.1-0.3-3-0.8c0,0,0,0.1,0,0.1c0,3.2,2.3,5.8,5.3,6.4c-0.6,0.1-1.1,0.2-1.7,0.2c-0.4,0-0.8,0-1.2-0.1 c0.8,2.6,3.3,4.5,6.1,4.6c-2.2,1.8-5.1,2.8-8.2,2.8c-0.5,0-1.1,0-1.6-0.1c2.9,1.9,6.4,2.9,10.1,2.9c12.1,0,18.7-10,18.7-18.7 c0-0.3,0-0.6,0-0.8C46,24.5,47.1,23.4,48,22.1z"/></symbol><symbol id="twitter-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M44.7,25.5c0,0.3,0,0.6,0,0.8C44.7,35,38.1,45,26.1,45c-3.7,0-7.2-1.1-10.1-2.9 c0.5,0.1,1,0.1,1.6,0.1c3.1,0,5.9-1,8.2-2.8c-2.9-0.1-5.3-2-6.1-4.6c0.4,0.1,0.8,0.1,1.2,0.1c0.6,0,1.2-0.1,1.7-0.2 c-3-0.6-5.3-3.3-5.3-6.4c0,0,0-0.1,0-0.1c0.9,0.5,1.9,0.8,3,0.8c-1.8-1.2-2.9-3.2-2.9-5.5c0-1.2,0.3-2.3,0.9-3.3 c3.2,4,8.1,6.6,13.5,6.9c-0.1-0.5-0.2-1-0.2-1.5c0-3.6,2.9-6.6,6.6-6.6c1.9,0,3.6,0.8,4.8,2.1c1.5-0.3,2.9-0.8,4.2-1.6 c-0.5,1.5-1.5,2.8-2.9,3.6c1.3-0.2,2.6-0.5,3.8-1C47.1,23.4,46,24.5,44.7,25.5z"/></symbol><symbol id="flickr-unauth-icon" viewBox="0 0 64 64"><path d="M32,16c-8.8,0-16,7.2-16,16s7.2,16,16,16s16-7.2,16-16S40.8,16,32,16z M26,37c-2.8,0-5-2.2-5-5 s2.2-5,5-5s5,2.2,5,5S28.8,37,26,37z M38,37c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S40.8,37,38,37z"/></symbol><symbol id="flickr-unauth-mask" viewBox="0 0 64 64"><path d="M38,27c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5S40.8,27,38,27z M0,0v64h64V0H0z M32,48c-8.8,0-16-7.2-16-16 s7.2-16,16-16s16,7.2,16,16S40.8,48,32,48z M26,27c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5S28.8,27,26,27z"/></symbol></svg>

  </body>
</html>