It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://perimeter.org

  1. <!doctype html>
  2. <html lang="en">
  3.  
  4. <head>
  5.    <meta charset="utf-8">
  6.    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
  8.  
  9.  
  10.    
  11.    <meta name="cse_created_by" content="Blackpulp" />
  12.    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  13.  
  14.    
  15.    
  16.    
  17.    <meta property="og:site_name" content="Perimeter Church">
  18.    <meta property="og:type" content="website">
  19.    <meta property="og:locale" content="en_US">
  20.    <meta property="og:title" content="Perimeter Church | Atlanta, GA | Home Page">
  21.  
  22.    <title>Perimeter Church | Atlanta, GA | Home Page</title>
  23.  
  24.    <link rel="shortcut icon" href="/assets-5.0/img/favicon.ico">
  25.    <link rel="apple-touch-icon" href="/assets-5.0/img/apple-touch-icon.png">
  26.  
  27.    
  28.    <link rel="stylesheet" href="https://use.typekit.net/eya4mmd.css">
  29.    <link rel="stylesheet" href="/css/site.css?20220320">
  30.    <link rel="stylesheet" href="/css/edits.css?20220320">
  31.    <script src="https://cdn.plyr.io/3.6.8/plyr.js"></script>
  32.    <link rel="stylesheet" href="https://cdn.plyr.io/3.6.8/plyr.css" />
  33.    <script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
  34.    <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
  35.  
  36.  
  37.    
  38.    <!-- <link rel="stylesheet" href="https://use.typekit.net/uus0hqn.css"> -->
  39.  
  40.    <!-- THESE ARE USED IN 4.0 HAMBURGER -->
  41.    <link rel="stylesheet" href="/assets-4.0/css/owl.carousel.min.css">
  42.    <link rel="stylesheet" href="/assets-4.0/css/owl.theme.default.min.css">
  43.  
  44.  
  45.    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-Bx4pytHkyTDy3aJKjGkGoHPt3tvv6zlwwjc3iqN7ktaiEMLDPqLSZYts2OjKcBx1" crossorigin="anonymous">
  46.    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.8.1/css/v4-shims.css">
  47.    <link rel="stylesheet" href="/assets-5.0/css/site.css?20220527-01">
  48.    <link rel="stylesheet" href="/assets-5.0/css/print.css?20220527-01" media="print">
  49.  
  50.    
  51.  
  52.    
  53.    
  54.  
  55.    <!--[if lt IE 9]>
  56.    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  57.    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  58.    <![endif]-->
  59.    <script src="https://altauth.perimeter.org/app/altauth.js"></script>
  60.    <style>
  61.      :root {
  62.        --altauth-primary-color: #08233F;
  63.        --altauth-font-family: sweet-sans-pro, ui-sans-serif, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  64.        --altauth-button-padding: 1rem 1.5rem;
  65.      }
  66.      .altauth-wrapper button { font-size: 0.875rem; }
  67.    </style>
  68.    <script>
  69.      function perimeterLogin(redirect) {
  70.        altauth.authenticate({
  71.          loginMethods: [altauth.LoginMethods.PASSWORD, altauth.LoginMethods.PHONE, altauth.LoginMethods.EMAIL]
  72.        }).then(function(token) {
  73.          fetch('/login', {
  74.            method: 'post',
  75.            credentials: 'include',
  76.            headers: {
  77.              'Content-Type': 'application/json'
  78.            },
  79.            body: JSON.stringify({
  80.              token: token
  81.            })
  82.          })
  83.          .then(function(response) {
  84.            if (response.ok) {
  85.              if (redirect) {
  86.                location.assign(redirect);
  87.              }
  88.              else {
  89.                location.reload();
  90.              }
  91.            }
  92.            else {
  93.              alert("An unknown error occurred.");
  94.            }
  95.          });
  96.        });
  97.      }
  98.  
  99.      function perimeterLogout(evt) {
  100.        if (evt) {
  101.          evt.preventDefault();
  102.        }
  103.        altauth.logout()
  104.          .then(function() {
  105.            location.assign('/logout');
  106.          })
  107.          .catch(function() {
  108.            location.assign('/logout');
  109.          });
  110.      }
  111.    </script>
  112.    <script id="MPWidgets" src="https://ministryplatform.perimeter.org/widgets/dist/MPWidgets.js"></script>
  113. </head>
  114.  
  115. <body id="porg5_0" class="min-h-screen bg-gray-50 text-charcoal antialiased font-sans relative" x-data="{ transparentHead: false }" data-portal="realm">
  116.  
  117.  
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124.  
  125.    
  126.  
  127.  
  128.  
  129.  
  130.        
  131.        <div id="video-modal-container" style="display:none;" class="fixed z-60 inset-0 flex w-full h-screen overflow-hidden bg-gray-50">
  132.          <div class="absolute w-full h-full inset-0 overflow-hidden">
  133.            <div class="absolute inset-0 w-full h-full ">
  134.              <picture>
  135.                <source srcset="
  136.                        /img/containers/assets/home/stories-bg.png/34b5164e13a68f0496092f004ddaa2e1.webp 320w,
  137.                        /img/containers/assets/home/stories-bg.png/ae285b29b99cc78eaded839b2eb3aec3.webp 480w,
  138.                        /img/containers/assets/home/stories-bg.png/f05933ed53ffcd62bb704df5b0fc1db7.webp 768w,
  139.                        /img/containers/assets/home/stories-bg.png/5893912fd4af3494fc0c6cd397c00139.webp 1280w,
  140.                        /img/containers/assets/home/stories-bg.png/ad84abff5afe3cfd722b6927e9cd40b2.webp 1440w,
  141.                        /img/containers/assets/home/stories-bg.png/c8f7d7c64388bca38f1fb612ef48c1ef.webp 1680w" sizes="100vw" type="image/webp">
  142.                <source srcset="
  143.                        /img/containers/assets/home/stories-bg.png/c52255468af8f437d72f767d8bc9049b.png 320w,
  144.                        /img/containers/assets/home/stories-bg.png/3b3ff34b46008594b58d5f1661e84435.png 480w,
  145.                        /img/containers/assets/home/stories-bg.png/33049df4ea5e5f4c2dc1396177e484e2.png 768w,
  146.                        /img/containers/assets/home/stories-bg.png/be142648cbeea4e673f5c475c8dc4e5f.png 1280w,
  147.                        /img/containers/assets/home/stories-bg.png/8898e729d56bf6a8e5863361287298f2.png 1440w,
  148.                        /img/containers/assets/home/stories-bg.png/67acb875f2c9ced6455a48b8db7fac22.png 1680w" sizes="100vw" type="image/png">
  149.                <img class="object-cover w-full h-full" style="object-position: 50% 50%" src="/img/containers/assets/home/stories-bg.png/be142648cbeea4e673f5c475c8dc4e5f.png" alt="">
  150.              </picture>
  151.            </div>
  152.            <div class="h-full w-full relative flex flex-col justify-between">
  153.              <div class="h-1/3 w-full z-0 transition bg-gradient-to-b from-gray-50 relative z-10"></div>
  154.              <div class="h-1/3 w-full z-0 transition bg-gradient-to-t from-gray-50 relative z-10"></div>
  155.            </div>
  156.          </div>
  157.          <div class="fluid-container relative flex w-full justify-center items-center overflow-y-scroll no-scrollbar">
  158.            <div class="relative w-full max-w-5xl mx-auto">
  159.              <div id="videoplayercontainer" x-ref="screen" class="relative w-full">
  160.                <!-- <div id="videoplayer" class="video-player" data-plyr-provider="vimeo" data-plyr-embed-id="76979871"></div> -->
  161.              </div>
  162.            </div>
  163.          </div>
  164.          <button id="video-modal-close" class="absolute right-8 top-8" aria-label="Close">
  165.            <svg class="w-8 h-8 transform hover:scale-150 transition-transform duration-500 ease-in-out-circ" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
  166.              <path d="M5.65686 5.6576L16.9706 16.9713" stroke="currentColor" stroke-width="2" />
  167.              <path d="M16.9706 5.6576L5.65687 16.9713" stroke="currentColor" stroke-width="2" />
  168.            </svg>
  169.          </button>
  170.        </div>
  171.        <script>
  172.          var wb_video_player = null;
  173.        </script>
  174.        
  175.  
  176.  
  177.  
  178.  
  179.      
  180.      
  181.        
  182.          <header id="porg5_0_header"
  183.            x-data="{ fullNavOpen: false }"
  184.            x-effect="fullNavOpen
  185.                  ? document.body.classList.add('no-scroll', 'show-overlay')
  186.                  : document.body.classList.remove('no-scroll', 'show-overlay')"
  187.            x-trap="fullNavOpen"
  188.            class="page-header fixed z-50 inset-x-0 top-0 w-full py-4"
  189.            :class="{ 'text-white': transparentHead === true, 'text-navy': transparentHead === false }">
  190.          <!-- <header id="header" x-data="{ fullNavOpen: false }" x-effect="fullNavOpen ? document.body.classList.add('no-scroll', 'show-overlay') : document.body.classList.remove('no-scroll', 'show-overlay')" x-trap="fullNavOpen" class="page-header fixed z-30 inset-x-0 top-0 w-full py-4" :class="{ 'bg-transparent text-white': transparentHead === true, 'bg-gray-50 text-navy': transparentHead === false }"> -->
  191.            <div class="fluid-container flex justify-between items-center">
  192.              <a href="/" class="inline-block w-36 md:w-40" aria-label="Logo Perimeter Church">
  193.                <svg class="w-full" viewBox="0 0 439.21 134.82">
  194.                  <path fill="#61bbe9" d="M147.84,232.69a67.41,67.41,0,1,0,67.41,67.4A67.4,67.4,0,0,0,147.84,232.69ZM93.47,328c.85-12.73,7.13-24.92,11.57-32.06,5.17,6.78,16.45,23.5,18,42.33v17.69A61.37,61.37,0,0,1,93.47,328Zm74.28-11.26a89.53,89.53,0,0,0-15.44-26.95A87.3,87.3,0,0,1,170,275.22a69.63,69.63,0,0,1,12,9.53,63.94,63.94,0,0,1,4.43,4.91l.27.36a104.35,104.35,0,0,0-17.35,31.48C168.86,319.88,168.32,318.28,167.75,316.69Zm-19.91-31.94a94.45,94.45,0,0,0-15.59-13.18,76.18,76.18,0,0,1,15.59-5.86,76,76,0,0,1,15.6,5.86A94.84,94.84,0,0,0,147.84,284.75Zm-4.46,5a89.2,89.2,0,0,0-15.44,26.95q-.87,2.38-1.59,4.81A104.35,104.35,0,0,0,109,290l.27-.36a63.94,63.94,0,0,1,4.43-4.91,69.94,69.94,0,0,1,12-9.53A86.58,86.58,0,0,1,143.38,289.74Zm4.46,71.42a61.34,61.34,0,0,1-18.13-2.73V338.3q.33-3,.85-5.88a82.51,82.51,0,0,1,8.88-25.06,84.13,84.13,0,0,1,8.4-12.54,84.13,84.13,0,0,1,8.41,12.54,82.78,82.78,0,0,1,8.88,25.06q.52,2.86.85,5.88v20.13A61.36,61.36,0,0,1,147.84,361.16Zm24.83-5.25V338.22c1.52-18.83,12.8-35.55,18-42.33,4.43,7.14,10.72,19.33,11.57,32.06A61.37,61.37,0,0,1,172.67,355.91Zm18.92-70.41C174.41,264.27,150,259.23,149,259l-.66-.13-.45-.08-.45.08-.65.13c-1,.21-25.46,5.25-42.64,26.48-.5.63-10.78,13.77-15.28,30.41a61.1,61.1,0,1,1,118,0C202.37,2fill:#61bbe9;99.27,192.09,286.13,191.59,285.5Z" transform="translate(-80.44 -232.69)" />
  195.                  <path fill="currentColor" d="M247.29,308.92l3.39-.28c2.25-.21,3.1-.71,3.1-1.2v-39.2c0-.57-.42-.78-3.6-1.06l-2.82-.21-.21-1.06h19.53c11.35,0,16.71,4.37,16.71,10.86,0,7.9-7.33,12.9-17.27,12.9a44.11,44.11,0,0,1-5.64-.35v18.33c0,.56.42.85,3.59,1.06l3.67.21L268,310H247.08Zm28.91-31c0-6.84-3.24-10.79-10.93-10.65h-4.79v20.38a17.72,17.72,0,0,0,5.5.7C272.11,288.33,276.2,284.45,276.2,277.9Z" transform="translate(-80.44 -232.69)" />
  196.                  <path fill="currentColor" d="M284.45,295.59c0-9.51,6.56-17,15.65-17,7,0,11.28,4,11.28,9.94a9.26,9.26,0,0,1-.21,1.84l-20.24-.14a20,20,0,0,0-.21,2.89c0,8.1,4.73,13.39,10.93,13.39a10.22,10.22,0,0,0,9.31-5l.77.42c-3.17,5.71-7.4,9-13.11,9C290.37,311,284.45,304.27,284.45,295.59ZM305,289c.07-4.87-1.7-9.17-5.72-9.17s-7.33,4.16-8.17,9.24Z" transform="translate(-80.44 -232.69)" />
  197.                  <path fill="currentColor" d="M314.9,308.92l1.49-.07c2-.14,2.82-.35,2.82-1.2V288.26c0-4.37-.5-5.07-3-5.64l-1.62-.35.07-.78,10.44-2.75L325,289.25h.21c2.47-6.84,5.29-10.58,9.45-10.58,2.54,0,4.51,1.76,4.51,3.88a3.78,3.78,0,0,1-3.81,3.95,4.15,4.15,0,0,1-4.09-3.81c-2.47.78-4.37,3.81-6.2,9.45v15.65c0,.64.49.92,3.31,1.06l2.4.07L331,310H314.69Z" transform="translate(-80.44 -232.69)" />
  198.                  <path fill="currentColor" d="M341,308.92l1.48-.07c2-.14,2.82-.35,2.82-1.2V288.19c0-4.3-.49-5-3-5.57l-1.62-.35.07-.78,10.36-2.75v29.05c0,.64.43.85,3.32,1.06l1.27.07.21,1.06H340.78Zm2.61-40.12a3.95,3.95,0,1,1,3.95,3.95A3.91,3.91,0,0,1,343.6,268.8Z" transform="translate(-80.44 -232.69)" />
  199.                  <path fill="currentColor" d="M358.19,308.92l1.48-.07c2.05-.14,2.82-.35,2.82-1.2V288.26c0-4.37-.49-5.07-3-5.64l-1.62-.35.07-.78,10.44-2.75-.15,5.57.22.07c2.68-2.53,6-5.71,10.64-5.71a8,8,0,0,1,5.64,2.12,7.15,7.15,0,0,1,1.84,3.81l.14.07c2.89-3,6.41-6,11-6a7.74,7.74,0,0,1,5.64,2.05c1.62,1.69,2.32,4.44,2.32,7.54v19.46c0,.49.07.85,3.32,1.13l1.2.07.21,1.06H395.35l.21-1.06,1.48-.07c2.33-.14,2.75-.56,2.75-1.2V289.88c0-5-1.83-6.91-6-6.91-2.68,0-5.71,1.48-6.7,3.11a5.3,5.3,0,0,1-.07,1.05v20.59c0,.49.07.85,3.31,1.13l1.27.07.21,1.06h-15l.21-1.06,1.41-.07c2.32-.14,2.68-.56,2.68-1.2V289.88c0-5-1.84-6.91-5.86-6.91a11,11,0,0,0-6.91,2.82v22c0,.64.43.85,3.25,1.06l1.48.07.14,1.06H358Z" transform="translate(-80.44 -232.69)" />
  200.                  <path fill="currentColor" d="M412.34,295.59c0-9.51,6.55-17,15.65-17,7.05,0,11.28,4,11.28,9.94a9.26,9.26,0,0,1-.21,1.84l-20.24-.14a20,20,0,0,0-.21,2.89c0,8.1,4.73,13.39,10.93,13.39a10.22,10.22,0,0,0,9.31-5l.77.42c-3.17,5.71-7.4,9-13.11,9C418.26,311,412.34,304.27,412.34,295.59ZM432.85,289c.08-4.87-1.69-9.17-5.71-9.17-3.87,0-7.33,4.16-8.18,9.24Z" transform="translate(-80.44 -232.69)" />
  201.                  <path fill="currentColor" d="M446.32,302.79l.42-20-5.64-.14.21-1.2,3.81-3,6.77-5.43.85.21-.07,6.28h10.85l-1,3h-9.87l-.5,19.53c-.07,3.31,1.69,5.08,5.22,5.08a9.45,9.45,0,0,0,5.92-2.12l.35.71c-2.75,2.82-6.27,5.22-9.8,5.22C449.14,311,446.25,308.5,446.32,302.79Z" transform="translate(-80.44 -232.69)" />
  202.                  <path fill="currentColor" d="M464.93,295.59c0-9.51,6.56-17,15.65-17,7.06,0,11.29,4,11.29,9.94a8.64,8.64,0,0,1-.22,1.84l-20.23-.14a20,20,0,0,0-.21,2.89c0,8.1,4.72,13.39,10.93,13.39a10.21,10.21,0,0,0,9.3-5l.78.42c-3.17,5.71-7.4,9-13.12,9C470.85,311,464.93,304.27,464.93,295.59ZM485.45,289c.07-4.87-1.69-9.17-5.71-9.17s-7.33,4.16-8.18,9.24Z" transform="translate(-80.44 -232.69)" />
  203.                  <path fill="currentColor" d="M495.39,308.92l1.48-.07c2-.14,2.82-.35,2.82-1.2V288.26c0-4.37-.49-5.07-3-5.64l-1.62-.35.07-.78,10.43-2.75-.14,10.51h.21c2.47-6.84,5.29-10.58,9.45-10.58,2.54,0,4.51,1.76,4.51,3.88a3.77,3.77,0,0,1-3.8,3.95,4.14,4.14,0,0,1-4.09-3.81c-2.47.78-4.38,3.81-6.21,9.45v15.65c0,.64.49.92,3.32,1.06l2.39.07.21,1.06H495.18Z" transform="translate(-80.44 -232.69)" />
  204.                  <path fill="currentColor" d="M270.32,346.29a14.12,14.12,0,0,1-9.89,4.11c-6.67,0-11.34-4.87-11.34-10.87A10.83,10.83,0,0,1,260.3,328.7a14.15,14.15,0,0,1,9.45,3.53l-1.87,1.84a11.35,11.35,0,0,0-7.52-2.94,8.42,8.42,0,1,0,.1,16.83,11.25,11.25,0,0,0,8-3.47Z" transform="translate(-80.44 -232.69)" />
  205.                  <path fill="currentColor" d="M277.14,349.86V329.23h2.75v8.22h12.67v-8.22h2.71v20.63h-2.71v-10H279.89v10Z" transform="translate(-80.44 -232.69)" />
  206.                  <path fill="currentColor" d="M322.25,329.23v13.3c0,5-3.89,7.87-9.1,7.87s-9-2.85-9-7.87v-13.3h2.72v13.3c0,3.51,2.77,5.43,6.31,5.43s6.35-1.92,6.35-5.43v-13.3Z" transform="translate(-80.44 -232.69)" />
  207.                  <path fill="currentColor" d="M331.07,349.86V329.23h11.37a7.51,7.51,0,0,1,5.78,2.09,5.78,5.78,0,0,1,1.58,4c0,2.78-1.9,5-4.8,5.75l5.08,8.75H347l-4.73-8.4h-8.41v8.4Zm2.74-18.19V339h9.32a3.78,3.78,0,0,0,3.95-3.7,3.49,3.49,0,0,0-1-2.4,4.79,4.79,0,0,0-3.66-1.26Z" transform="translate(-80.44 -232.69)" />
  208.                  <path fill="currentColor" d="M376.93,346.29a14.07,14.07,0,0,1-9.88,4.11c-6.67,0-11.34-4.87-11.34-10.87a10.83,10.83,0,0,1,11.21-10.83,14.15,14.15,0,0,1,9.45,3.53l-1.87,1.84a11.35,11.35,0,0,0-7.52-2.94,8.42,8.42,0,1,0,.1,16.83,11.25,11.25,0,0,0,8-3.47Z" transform="translate(-80.44 -232.69)" />
  209.                  <path fill="currentColor" d="M383.76,349.86V329.23h2.75v8.22h12.66v-8.22h2.72v20.63h-2.72v-10H386.51v10Z" transform="translate(-80.44 -232.69)" />
  210.                </svg>
  211.              </a>
  212.              <div class="flex items-center space-x-8">
  213.                <nav class="hidden md:block">
  214.                  <ul class="flex items-end space-x-8">
  215.                    <li class="relative leading-none">
  216.                      <a href="/give" class="flex items-center text-sm hover:text-primary text-neutral"> Give </a>
  217.                    </li>
  218.                    <li class="relative leading-none">
  219.                      <a href="/new-here" class="flex items-center text-sm hover:text-primary text-neutral"> New Here </a>
  220.                    </li>
  221.                    <li class="relative leading-none">
  222.                      <a href="/contact" class="flex items-center text-sm hover:text-primary text-neutral"> Contact </a>
  223.                    </li>
  224.                  </ul>
  225.                </nav>
  226.                
  227.                <button @click.prevent="fullNavOpen = !fullNavOpen" class="flex items-center justify-center w-6 h-6 md:w-8 md:h-8" aria-label="Open menu">
  228.                  <svg class="w-full" viewBox="0 0 30 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  229.                    <path d="M3 12H27" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  230.                    <path d="M3 6H27" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  231.                    <path d="M3 18H27" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  232.                  </svg>
  233.                </button>
  234.                
  235.              </div>
  236.  
  237.              
  238.              <div class="fixed inset-0 z-10 md:flex w-full h-screen-75 lg:h-screen-75" x-show="fullNavOpen" x-transition:enter="transition duration-400 ease-in-out-expo" x-transition:enter-start="transform -translate-y-full" x-transition:enter-end="transform translate-y-0" x-transition:leave="transition duration-400 ease-in-out-expo" x-transition:leave-start="transform translate-y-0" x-transition:leave-end="transform -translate-y-full" x-cloak>
  239.                <div class="md:w-3/5 bg-paper p-8 h-full">
  240.                  <div class="mx-auto max-w-lg flex flex-col justify-between md:justify-around h-full">
  241.                    <div class="flex justify-between">
  242.                      <a href="/" class="inline-block w-16" aria-label="Logo Perimeter Church">
  243.                        <svg class="w-full" width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
  244.                          <path d="M28.5734 0C12.8262 0 0 13.0074 0 29C0 44.9926 12.797 58 28.5443 58C44.2915 58 57.0885 44.9926 57.0885 29C57.0885 13.0074 44.3207 0 28.5734 0ZM12.0261 24.5221C14.11 22.1264 16.5146 20.0445 19.1684 18.3382C21.9016 20.061 24.4047 22.1397 26.6149 24.5221C23.2895 28.5096 20.8015 33.155 19.3059 38.1691C17.6511 33.2491 15.1582 28.6678 11.9428 24.6372C11.9678 24.6372 11.9969 24.5775 12.0261 24.5221ZM21.927 16.7262C24.0887 15.5964 26.3824 14.7537 28.7526 14.2185C30.9784 14.7956 33.1338 15.6267 35.1782 16.6963C32.7646 18.3546 30.5297 20.2702 28.5109 22.411C26.5234 20.2782 24.3159 18.3721 21.927 16.7262ZM37.9493 18.2999C40.5764 19.9685 42.9152 22.071 44.8708 24.5221C44.9202 24.5757 44.9662 24.6327 45.0083 24.6926C41.807 28.7218 39.3243 33.2967 37.6743 38.2075C36.1776 33.1992 33.6992 28.5556 30.3903 24.5604C32.6278 22.1401 35.1698 20.0348 37.9493 18.2999ZM29.0401 11.3484L28.7526 11.2887L28.4776 11.3484C17.1432 13.711 10.1426 22.3556 9.83423 22.7224C6.83729 26.5566 4.69545 31.0149 3.55866 35.7851C2.97119 33.5605 2.67414 31.2661 2.67524 28.9616C2.67524 14.4616 14.2846 2.69529 28.5734 2.69529C42.8622 2.69529 54.4675 14.5 54.4675 28.9701C54.4661 31.2741 54.1705 33.5681 53.5882 35.7937C51.6839 28.6418 47.3376 22.9996 47.1043 22.701C39.8245 13.6001 29.4527 11.4294 29.0401 11.3484ZM10.2051 27.1278C12.1886 29.7719 17.2349 37.1797 17.8725 45.3978V52.9463C12.5539 50.5091 8.19888 46.3 5.51717 41.0051C6.03561 36.0724 7.6383 31.3237 10.2051 27.115V27.1278ZM20.7102 45.4149C21.48 38.5432 24.1827 32.0481 28.4901 26.7184C32.7847 32.0544 35.4807 38.5471 36.2533 45.4149V54.0594C31.1907 55.6546 25.7735 55.6337 20.7227 53.9997L20.7102 45.4149ZM39.0452 53.0188V45.4149C39.6786 37.3119 44.4624 30.1259 46.6543 27.196C48.5294 30.2666 51.2047 35.5335 51.563 40.9924C48.8541 46.343 44.4406 50.5861 39.0536 53.0188H39.0452Z" fill="#4CBFFF" />
  245.                        </svg>
  246.                      </a>
  247.                      <button @click.prevent="fullNavOpen = !fullNavOpen" class="z-20 md:hidden text-navy" aria-label="Close menu">
  248.                        <svg class="w-8 h-8" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
  249.                          <path d="M5.65686 5.6576L16.9706 16.9713" stroke="currentColor" stroke-width="2" />
  250.                          <path d="M16.9706 5.6576L5.65687 16.9713" stroke="currentColor" stroke-width="2" />
  251.                        </svg>
  252.                      </button>
  253.                    </div>
  254.                    
  255.                    <nav class="mb-12" style = ' margin-bottom: 20px !important;'>
  256.                      
  257.                      <ul class="grid grid-cols-2 gap-8 gap-y-3">
  258.                        <li class="font-bold text-navy menu-show-mobile">
  259.                          <a href="/give" class="hover:text-primary text-neutral"> Give </a>
  260.                        </li>
  261.                        <li class="font-bold text-navy menu-show-mobile">
  262.                          <a href="/new-here" class="hover:text-primary text-neutral"> New Here </a>
  263.                        </li>
  264.                        <li class="font-bold text-navy menu-show-mobile">
  265.                          <a href="/contact" class="hover:text-primary text-neutral"> Contact </a>
  266.                        </li>
  267.                        <li class="leading-none font-bold text-navy">
  268.                          <a href="/join-us" class="hover:text-primary text-neutral"> Join Us </a>
  269.                        </li>
  270.                        <li class="leading-none font-bold text-navy">
  271.                          <a href="/messages" class="hover:text-primary text-neutral"> Sermons &amp; Media </a>
  272.                        </li>
  273.                        <li class="leading-none font-bold text-navy">
  274.                          <a href="/about" class="hover:text-primary text-neutral"> About </a>
  275.                        </li>
  276.                        <li class="leading-none font-bold text-navy">
  277.                          <a href="/city-impact" class="hover:text-primary text-neutral"> City Impact </a>
  278.                        </li>
  279.                        <li class="leading-none font-bold text-navy">
  280.                          <a href="/ministries" class="hover:text-primary text-neutral"> Ministries </a>
  281.                        </li>
  282.                        <li class="leading-none font-bold text-navy">
  283.                          <a href="/serve" class="hover:text-primary text-neutral"> Serve </a>
  284.                        </li>
  285.                        <li class="leading-none font-bold text-navy">
  286.                          <a href="/events" class="hover:text-primary text-neutral"> Events </a>
  287.                        </li>
  288.                        
  289.                        <li class="leading-none font-bold text-navy">
  290.                          <a href="#" onclick="perimeterLogin();return false;" class="hover:text-primary text-neutral"> Login </a>
  291.                        </li>
  292.                        
  293.                        
  294.                      </ul>
  295.                    </nav>
  296.                    <div class="head mb-12" style = 'display: flex; flex-direction: row;  margin-bottom: 10px !important;'>
  297.                      
  298.  
  299.                      <form method="get" action="/search/" style = 'width: 100%; display: flex; flex-direction: row; flex-grow: 3;'>
  300.                          
  301.                          <input type="text" name="find" placeholder="SEARCH" style = 'width: 100%;'>
  302.                          <button type="submit" style = 'margin-left: 30px;'>
  303.                            <img src="/assets-5.0/img/search.png">
  304.                        </button>
  305.                      </form>
  306.  
  307.                  </div>
  308.                    
  309.                    <div>
  310.                      <p id="servicetimes-header" class="mb-3 leading-relaxed text-navy text-sm font-bold uppercase">  </p>
  311.                      <ul class="flex space-x-2 text-navy">
  312.                        <li>
  313.                          <a href="https://www.instagram.com/perimeteratl/" class="hover:text-primary" title="Perimeter Church Instagram">
  314.                            <svg class="w-4 h-4" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  315.                              <path fill-rule="evenodd" clip-rule="evenodd" d="M3.46518 1.48532C2.37177 1.48532 1.48538 2.37171 1.48538 3.46512V8.41462C1.48538 9.50803 2.37177 10.3944 3.46518 10.3944H8.41468C9.50809 10.3944 10.3945 9.50803 10.3945 8.41462V3.46512C10.3945 2.37171 9.50809 1.48532 8.41468 1.48532H3.46518ZM0.495483 3.46512C0.495483 1.825 1.82506 0.495422 3.46518 0.495422H8.41468C10.0548 0.495422 11.3844 1.825 11.3844 3.46512V8.41462C11.3844 10.0547 10.0548 11.3843 8.41468 11.3843H3.46518C1.82506 11.3843 0.495483 10.0547 0.495483 8.41462V3.46512Z" fill="currentColor" />
  316.                              <path fill-rule="evenodd" clip-rule="evenodd" d="M6.17852 4.4492C5.86958 4.40339 5.55406 4.45616 5.27684 4.6C4.99961 4.74385 4.77481 4.97144 4.63439 5.25042C4.49398 5.52939 4.4451 5.84554 4.49472 6.15389C4.54434 6.46224 4.68992 6.74709 4.91077 6.96794C5.13161 7.18878 5.41646 7.33436 5.72482 7.38398C6.03317 7.4336 6.34931 7.38472 6.62829 7.24431C6.90726 7.10389 7.13486 6.87909 7.2787 6.60187C7.42254 6.32464 7.47531 6.00913 7.4295 5.70019C7.38277 5.38505 7.23593 5.09331 7.01066 4.86804C6.78539 4.64277 6.49365 4.49593 6.17852 4.4492ZM4.82092 3.72134C5.28295 3.4816 5.80882 3.39365 6.32372 3.47001C6.84894 3.54789 7.33518 3.79263 7.71062 4.16808C8.08607 4.54352 8.33081 5.02977 8.40869 5.55498C8.48505 6.06988 8.3971 6.59575 8.15736 7.05778C7.91762 7.51982 7.53829 7.8945 7.07334 8.12852C6.60838 8.36255 6.08147 8.444 5.56755 8.36131C5.05363 8.27861 4.57887 8.03597 4.2108 7.6679C3.84273 7.29983 3.60009 6.82507 3.51739 6.31115C3.4347 5.79723 3.51616 5.27032 3.75018 4.80537C3.98421 4.34041 4.35888 3.96109 4.82092 3.72134Z" fill="currentColor" />
  317.                              <path fill-rule="evenodd" clip-rule="evenodd" d="M8.16663 3.21718C8.16663 2.94383 8.38822 2.72223 8.66158 2.72223H8.66653C8.93988 2.72223 9.16148 2.94383 9.16148 3.21718C9.16148 3.49053 8.93988 3.71213 8.66653 3.71213H8.66158C8.38822 3.71213 8.16663 3.49053 8.16663 3.21718Z" fill="currentColor" />
  318.                              <defs></defs>
  319.                            </svg>
  320.                          </a>
  321.                        </li>
  322.                        <li>
  323.                          <a href="https://www.facebook.com/Perimeteratl/" class="hover:text-primary" title="Perimeter Church Facebook">
  324.                            <svg class="w-4 h-4" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  325.                              <path d="M9.78807 0.989929H8.30323C7.64688 0.989929 7.01742 1.25066 6.55331 1.71477C6.08921 2.17887 5.82848 2.80833 5.82848 3.46468V4.94953H4.34363V6.92933H5.82848V10.8889H7.80828V6.92933H9.29313L9.78807 4.94953H7.80828V3.46468C7.80828 3.33341 7.86042 3.20752 7.95324 3.1147C8.04606 3.02187 8.17196 2.96973 8.30323 2.96973H9.78807V0.989929Z" fill="currentColor" />
  326.                            </svg>
  327.                          </a>
  328.                        </li>
  329.                        <li>
  330.                          <a href="https://www.youtube.com/channel/UCml7OYpCfPh4VWaajAWLl4w" class="hover:text-primary" title="Perimeter Church YouTube">
  331.                            <svg class="w-4 h-4" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  332.                              <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5661 2.55365C11.7347 2.72745 11.8545 2.94268 11.9133 3.17758C12.0703 4.04804 12.1465 4.93116 12.1409 5.81566C12.1441 6.68693 12.0679 7.55669 11.9133 8.41414C11.8545 8.64904 11.7347 8.86427 11.5661 9.03807C11.3975 9.21188 11.1861 9.33812 10.9531 9.40404C10.1018 9.63172 6.6965 9.63172 6.6965 9.63172C6.6965 9.63172 3.29125 9.63172 2.43993 9.40404C2.21167 9.34159 2.00338 9.22131 1.83517 9.05485C1.66697 8.88838 1.54455 8.68134 1.47973 8.45374C1.32272 7.58327 1.2465 6.70016 1.25205 5.81566C1.24772 4.93777 1.32393 4.06134 1.47973 3.19737C1.53852 2.96248 1.65827 2.74725 1.82686 2.57344C1.99546 2.39963 2.20693 2.27339 2.43993 2.20747C3.29125 1.9798 6.6965 1.9798 6.6965 1.9798C6.6965 1.9798 10.1018 1.9798 10.9531 2.18768C11.1861 2.2536 11.3975 2.37984 11.5661 2.55365ZM8.42913 5.81563L5.58317 7.43412V4.19715L8.42913 5.81563Z" fill="currentColor" />
  333.                              <defs></defs>
  334.                            </svg>
  335.                          </a>
  336.                        </li>
  337.                      </ul>
  338.  
  339.  
  340.  
  341.  
  342.  
  343.                      
  344.  
  345.  
  346.  
  347.                    </div>
  348.                  </div>
  349.                </div>
  350.                <div class="hidden md:block w-2/5 bg-black relative">
  351.                  <button @click.prevent="fullNavOpen = !fullNavOpen" class="absolute top-0 right-0 m-8 z-20 text-white" aria-label="Close menu">
  352.                    <svg class="w-8 h-8" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
  353.                      <path d="M5.65686 5.6576L16.9706 16.9713" stroke="currentColor" stroke-width="2" />
  354.                      <path d="M16.9706 5.6576L5.65687 16.9713" stroke="currentColor" stroke-width="2" />
  355.                    </svg>
  356.                  </button>
  357.                  <div class="absolute inset-0 w-full h-full overflow-hidden">
  358.                    <img src="/assets-5.0/img/PerimeterChurch-NavMenu.jpeg" class="w-full h-full object-cover">
  359.                  </div>
  360.                </div>
  361.              </div>
  362.              
  363.            </div>
  364.          </header>
  365.        
  366.      
  367.      
  368.  
  369.    <div data-portal="destination" data-portal-namespace="primary" class="overflow-hidden">
  370.  
  371.    
  372.    <!-- put conditional ministry menu here -->
  373.    
  374.    
  375.    
  376.    <!-- end conditional ministry menu -->
  377.    
  378.  
  379.  
  380.  
  381.  
  382.  <main class="relative outer-grid !pt-0 !pb-0">
  383.    
  384.  
  385.      
  386.  
  387.  
  388.  
  389.  
  390.  
  391.  
  392.         <!-- to restore scroller, please pull content (two sections and the script) from the "homepage_with_scroller.html_old" template. -->
  393.         <style>
  394.          .hero-image{
  395.            display: flex;
  396.            justify-content: center;
  397.            padding-top: 50px;
  398.            padding-bottom: 50px;
  399.            background-image: url("/assets-5.0/img/home/home-an-equpping-church_notext-apr2023.jpg");
  400.            min-height: 650px;
  401.            height: 60vh;
  402.            background-size: cover;
  403.            background-position: center center;
  404.            position: relative;
  405.          }
  406.          .home-hero-text{
  407.            position: absolute;
  408.            bottom: 90px;
  409.            text-align: center;
  410.  
  411.          }
  412.          .home-hero-text h1{
  413.            font-size: 60px;
  414.            color: #fff;
  415.            font-style: italic;
  416.            font-family: freight-display-pro, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  417.            margin-bottom: 20px;
  418.  
  419.          }
  420.          @media only screen and (max-width: 600px){
  421.            .hero-image{
  422.              max-height: 400px;
  423.            }
  424.            .home-hero-text h1{
  425.            font-size: 40px;
  426.          
  427.  
  428.          }
  429.          }
  430.          .home-hero-text h5{
  431.            color: #61bbe9;
  432.          }
  433.         </style>
  434.         <section class = 'hero-image'>
  435.          <div class = 'home-hero-text'>
  436.            <h1>
  437.              Welcome to Perimeter
  438.            </h1>
  439.            <h5>
  440.              COME WORSHIP WITH US
  441.            </h5>
  442.            <H5>
  443.              Sundays at 9 &amp; 10:45 AM
  444.            </H5>
  445.          </div>
  446.        </section>
  447.        <section x-data="{ activeTab: 'Worship' }">
  448.          <div class="container flex flex-col-reverse md:flex-row justify-between md:items-start">
  449.            <div class="md:w-2/5 lg:w-1/3">
  450.              <div x-show="activeTab === 'Worship'">
  451.                <h2 class="font-headline leading-tight text-4xl md:text-5xl lg:text-6xl text-navy mb-4"> Worship </h2>
  452.                <p class="mt-0 mb-5 last:mb-0 leading-relaxed text-inherit text-sm">
  453.                  We are a people committed to a lifestyle of faithful worship. Join us as we gather together at 9:00 and 10:45 AM on Sundays on our campus and online. <br>
  454.                  <a href="https://www.google.com/maps/place/Perimeter+Church/@34.0129851,-84.1980169,17z/data=!3m1!4b1!4m5!3m4!1s0x88f5a1fcf355560f:0x8e5134a54c7487bf!8m2!3d34.0129807!4d-84.1958229">9500 Medlock Bridge Rd, Johns Creek, GA 30097</a>
  455.                </p>
  456.                <ul class="font-bold text-xs uppercase">
  457.                  <li class="border-b border-navy border-opacity-10">
  458.                    <a href="/join-us" class="py-4 flex items-center justify-between group">
  459.                      Visit
  460.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  461.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  462.                      </svg>
  463.                    </a>
  464.                  </li>
  465.                  <li class="border-b border-navy border-opacity-10">
  466.                    <a href="/live" class="py-4 flex items-center justify-between group">
  467.                      Watch Live
  468.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  469.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  470.                      </svg>
  471.                    </a>
  472.                  </li>
  473.                  <li class="border-b border-navy border-opacity-10">
  474.                    <a href="/sermons" class="py-4 flex items-center justify-between group">
  475.                      Sermons
  476.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  477.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  478.                      </svg>
  479.                    </a>
  480.                  </li>
  481.                  <li class="border-b border-navy border-opacity-10">
  482.                    <a href="/kidsquest" class="py-4 flex items-center justify-between group">
  483.                      KidsQuest
  484.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  485.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  486.                      </svg>
  487.                    </a>
  488.                  </li>
  489.                  <li class="border-b border-navy border-opacity-10">
  490.                    <a href="/recommends" class="py-4 flex items-center justify-between group">
  491.                      Perimeter Recommends
  492.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  493.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  494.                      </svg>
  495.                    </a>
  496.                  </li>
  497.                </ul>
  498.              </div>
  499.              <div x-show="activeTab === 'Belong'">
  500.                <h2 class="font-headline leading-tight text-4xl md:text-5xl lg:text-6xl text-navy mb-4"> Belong </h2>
  501.                <p class="mt-0 mb-5 last:mb-0 leading-relaxed text-inherit text-sm">
  502.                  We want everyone to feel welcome, wanted, noticed, and needed. Discover a place to belong at Perimeter Church and with others in your city.
  503.                </p>
  504.                <ul class="font-bold text-xs uppercase">
  505.                  <!--<li class="border-b border-navy border-opacity-10">
  506.                    <a href="/growbelong" class="py-4 flex items-center justify-between group">
  507.                      Grow & Belong
  508.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  509.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  510.                      </svg>
  511.                    </a>
  512.                  </li>-->
  513.                  <li class="border-b border-navy border-opacity-10">
  514.                    <a href="/brunch" class="py-4 flex items-center justify-between group">
  515.                      Sunday Brunch
  516.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  517.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  518.                      </svg>
  519.                    </a>
  520.                  </li>
  521.                  <li class="border-b border-navy border-opacity-10">
  522.                    <a href="/cityimpact" class="py-4 flex items-center justify-between group">
  523.                      City Impact
  524.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  525.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  526.                      </svg>
  527.                    </a>
  528.                  </li>
  529.                  <li class="border-b border-navy border-opacity-10">
  530.                    <a href="/kids" class="py-4 flex items-center justify-between group">
  531.                      Kids
  532.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  533.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  534.                      </svg>
  535.                    </a>
  536.                  </li>
  537.                  <li class="border-b border-navy border-opacity-10">
  538.                    <a href="/students" class="py-4 flex items-center justify-between group">
  539.                      Students
  540.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  541.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  542.                      </svg>
  543.                    </a>
  544.                  </li>
  545.                  <li class="border-b border-navy border-opacity-10">
  546.                    <a href="/families" class="py-4 flex items-center justify-between group">
  547.                      Families
  548.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  549.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  550.                      </svg>
  551.                    </a>
  552.                  </li>
  553.                  <li class="border-b border-navy border-opacity-10">
  554.                    <a href="/women" class="py-4 flex items-center justify-between group">
  555.                      Women
  556.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  557.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  558.                      </svg>
  559.                    </a>
  560.                  </li>
  561.                  <li class="border-b border-navy border-opacity-10">
  562.                    <a href="/twenties" class="py-4 flex items-center justify-between group">
  563.                      Twenties
  564.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  565.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  566.                      </svg>
  567.                    </a>
  568.                  </li>
  569.                </ul>
  570.              </div>
  571.              <div x-show="activeTab === 'Grow'">
  572.                <h2 class="font-headline leading-tight text-4xl md:text-5xl lg:text-6xl text-navy mb-4"> Grow </h2>
  573.                <p class="mt-0 mb-5 last:mb-0 leading-relaxed text-inherit text-sm">
  574.                  We are devoted to becoming mature and equipped followers of Jesus as our hearts and minds are renewed through His Word, growing together toward Christ.
  575.                </p>
  576.                <ul class="font-bold text-xs uppercase">
  577.                  <!--<li class="border-b border-navy border-opacity-10">
  578.                    <a href="/growbelong" class="py-4 flex items-center justify-between group">
  579.                      Grow & Belong
  580.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  581.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  582.                      </svg>
  583.                    </a>
  584.                  </li>-->
  585.                  <li class="border-b border-navy border-opacity-10">
  586.                    <a href="/discipleship" class="py-4 flex items-center justify-between group">
  587.                      Discipleship
  588.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  589.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  590.                      </svg>
  591.                    </a>
  592.                  </li>
  593.                  <li class="border-b border-navy border-opacity-10">
  594.                    <a href="/recommends" class="py-4 flex items-center justify-between group">
  595.                      Our Recommendations
  596.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  597.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  598.                      </svg>
  599.                    </a>
  600.                  </li>
  601.                  <li class="border-b border-navy border-opacity-10">
  602.                    <a href="/sermons" class="py-4 flex items-center justify-between group">
  603.                      Sermons
  604.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  605.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  606.                      </svg>
  607.                    </a>
  608.                  </li>
  609.                  <li class="border-b border-navy border-opacity-10">
  610.                    <a href="/essentials" class="py-4 flex items-center justify-between group">
  611.                      Essentials
  612.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  613.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  614.                      </svg>
  615.                    </a>
  616.                  </li>
  617.                  <li class="border-b border-navy border-opacity-10">
  618.                    <a href="/express" class="py-4 flex items-center justify-between group">
  619.                      Express Your Faith
  620.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  621.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  622.                      </svg>
  623.                    </a>
  624.                  </li>
  625.                  <li class="border-b border-navy border-opacity-10">
  626.                    <a href="/theology101" class="py-4 flex items-center justify-between group">
  627.                      Theology 101
  628.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  629.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  630.                      </svg>
  631.                    </a>
  632.                  </li>
  633.                  <li class="border-b border-navy border-opacity-10">
  634.                    <a href="https://www.lifeonlife.org/" class="py-4 flex items-center justify-between group">
  635.                      Life On Life
  636.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  637.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  638.                      </svg>
  639.                    </a>
  640.                  </li>
  641.                </ul>
  642.              </div>
  643.              <div x-show="activeTab === 'Bless'">
  644.                <h2 class="font-headline leading-tight text-4xl md:text-5xl lg:text-6xl text-navy mb-4"> Bless </h2>
  645.                <p class="mt-0 mb-5 last:mb-0 leading-relaxed text-inherit text-sm">
  646.                  We are passionate about the mission of God to extend the love of Christ to those in need through word and action, pursuing His mercy and justice in the world around us.
  647.                </p>
  648.                <ul class="font-bold text-xs uppercase">
  649.                  <li class="border-b border-navy border-opacity-10">
  650.                    <a href="/communityoutreach" class="py-4 flex items-center justify-between group">
  651.                      Community Outreach
  652.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  653.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  654.                      </svg>
  655.                    </a>
  656.                  </li>
  657.                  <li class="border-b border-navy border-opacity-10">
  658.                    <a href="/global" class="py-4 flex items-center justify-between group">
  659.                      Global Outreach
  660.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  661.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  662.                      </svg>
  663.                    </a>
  664.                  </li>
  665.                  <li class="border-b border-navy border-opacity-10">
  666.                    <a href="/bless" class="py-4 flex items-center justify-between group">
  667.                      Volunteer
  668.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  669.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  670.                      </svg>
  671.                    </a>
  672.                  </li>
  673.                  <li class="border-b border-navy border-opacity-10">
  674.                    <a href="/giving" class="py-4 flex items-center justify-between group">
  675.                      Give
  676.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  677.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  678.                      </svg>
  679.                    </a>
  680.                  </li>
  681.                  <li class="border-b border-navy border-opacity-10">
  682.                    <a href="/kingdominvestments" class="py-4 flex items-center justify-between group">
  683.                      Kingdom Investments
  684.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  685.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  686.                      </svg>
  687.                    </a>
  688.                  </li>
  689.                  <li class="border-b border-navy border-opacity-10">
  690.                    <a href="/churchplanting" class="py-4 flex items-center justify-between group">
  691.                      Church Planting
  692.                      <svg class="transition w-3 h-3 opacity-0 group-hover:opacity-100" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  693.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  694.                      </svg>
  695.                    </a>
  696.                  </li>
  697.                </ul>
  698.              </div>
  699.            </div>
  700.            <div class="md:w-1/2 grid grid-cols-2 gap-6 mb-8 md:mb-0">
  701.              <button class="h-48 lg:h-96 relative transform transition hover:scale-103" @click="activeTab = 'Worship'">
  702.                <div class="absolute inset-0 w-full h-full overflow-hidden flex flex-col items-center justify-center border-4 border-purple">
  703.                  <div class="absolute inset-0 w-full h-full ">
  704.                    <picture>
  705.                      <img class="object-cover w-full h-full" style="object-position: 50% 50%"
  706.                        src="/assets-5.0/img/home/home-worship.jpg"
  707.                        alt="">
  708.                    </picture>
  709.                  </div>
  710.                  <p class="text-xl text-white uppercase relative z-10"> Worship </p>
  711.                  <div x-show="activeTab != 'Worship'">
  712.                    <div class="bg-black bg-opacity-30 absolute h-full w-full inset-0 z-0 transition"></div>
  713.                  </div>
  714.                  <div x-show="activeTab === 'Worship'">
  715.                    <div class="bg-purple bg-opacity-50 absolute h-full w-full inset-0 z-0 transition"></div>
  716.                  </div>
  717.                </div>
  718.              </button>
  719.              <button class="h-48 lg:h-96 relative transform transition hover:scale-103 mt-6" @click="activeTab = 'Belong'">
  720.                <div class="absolute inset-0 w-full h-full overflow-hidden flex flex-col items-center justify-center border-4 border-orange">
  721.                  <div class="absolute inset-0 w-full h-full ">
  722.                    <picture>
  723.                      <img class="object-cover w-full h-full" style="object-position: 50% 50%"
  724.                        src="/assets-5.0/img/home/home-belong.jpg"
  725.                        alt="">
  726.                    </picture>
  727.                  </div>
  728.                  <p class="text-xl text-white uppercase relative z-10"> Belong </p>
  729.                  <div x-show="activeTab != 'Belong'">
  730.                    <div class="bg-black bg-opacity-30 absolute h-full w-full inset-0 z-0 transition"></div>
  731.                  </div>
  732.                  <div x-show="activeTab === 'Belong'">
  733.                    <div class="bg-orange bg-opacity-50 absolute h-full w-full inset-0 z-0 transition"></div>
  734.                  </div>
  735.                </div>
  736.              </button>
  737.              <button class="h-48 lg:h-96 relative transform transition hover:scale-103 -mt-6" @click="activeTab = 'Grow'">
  738.                <div class="absolute inset-0 w-full h-full overflow-hidden flex flex-col items-center justify-center border-4 border-green">
  739.                  <div class="absolute inset-0 w-full h-full ">
  740.                    <picture>
  741.                      <img class="object-cover w-full h-full" style="object-position: 50% 50%"
  742.                        src="/assets-5.0/img/home/home-grow.jpg"
  743.                        alt="">
  744.                    </picture>
  745.                  </div>
  746.                  <p class="text-xl text-white uppercase relative z-10"> Grow </p>
  747.                  <div x-show="activeTab != 'Grow'">
  748.                    <div class="bg-black bg-opacity-30 absolute h-full w-full inset-0 z-0 transition"></div>
  749.                  </div>
  750.                  <div x-show="activeTab === 'Grow'">
  751.                    <div class="bg-green bg-opacity-60 absolute h-full w-full inset-0 z-0 transition"></div>
  752.                  </div>
  753.                </div>
  754.              </button>
  755.              <button class="h-48 lg:h-96 relative transform transition hover:scale-103" @click="activeTab = 'Bless'">
  756.                <div class="absolute inset-0 w-full h-full overflow-hidden flex flex-col items-center justify-center border-4 border-gold">
  757.                  <div class="absolute inset-0 w-full h-full ">
  758.                    <picture>
  759.                      <img class="object-cover w-full h-full" style="object-position: 50% 50%"
  760.                        src="/assets-5.0/img/home/home-bless.jpg"
  761.                        alt="">
  762.                    </picture>
  763.                  </div>
  764.                  <p class="text-xl text-white uppercase relative z-10"> Bless </p>
  765.                  <div x-show="activeTab != 'Bless'">
  766.                    <div class="bg-black bg-opacity-30 absolute h-full w-full inset-0 z-0 transition"></div>
  767.                  </div>
  768.                  <div x-show="activeTab === 'Bless'">
  769.                    <div class="bg-gold bg-opacity-60 absolute h-full w-full inset-0 z-0 transition"></div>
  770.                  </div>
  771.                </div>
  772.              </button>
  773.            </div>
  774.          </div>
  775.        </section>
  776.  
  777.        
  778.  
  779.        <section x-data="locations()">
  780.          <div x-ref="container" class="relative w-full min-h-screen bg-navy">
  781.            <div x-ref="scrollTrack" x-init="sections = 4; setTrackHeight(); pinScrollContainer(); animation();">
  782.              <div x-ref="scrollContainer" class="relative w-full h-screen overflow-hidden">
  783.                <div x-ref="gatheredDots" class="absolute left-0 top-0 w-64 h-64"></div>
  784.                <div x-ref='dotBlueTop' class="absolute left-0 top-0 w-4 h-4 bg-primary rounded-full">
  785.                </div>
  786.                <div x-ref='dotRustTop' class=" absolute left-0 top-0 w-4 h-4 bg-orange-600 rounded-full">
  787.                </div>
  788.                <div x-ref='dotGoldTopLeft' class="absolute left-0 top-0 w-4 h-4 bg-gold rounded-full">
  789.                </div>
  790.                <div x-ref='dotPurpleTop' class="absolute left-0 top-0 w-4 h-4 bg-purple rounded-full">
  791.                </div>
  792.                <div x-ref='dotGreenTop' class="absolute left-0 top-0 w-4 h-4 bg-green rounded-full">
  793.                </div>
  794.                <div x-ref='dotGoldTopRight' class="absolute left-0 top-0 w-4 h-4 bg-gold rounded-full">
  795.                </div>
  796.                <div x-ref='dotGoldBottomLeft' class="absolute left-0 top-0 w-4 h-4 bg-gold rounded-full">
  797.                </div>
  798.                <div x-ref='dotRustBottom' class=" absolute left-0 top-0 w-4 h-4 bg-orange-600 rounded-full">
  799.                </div>
  800.                <div x-ref='dotPurpleBottom' class=" absolute left-0 top-0 w-4 h-4 bg-purple rounded-full">
  801.                </div>
  802.                <div x-ref='dotGreenBottom' class="absolute left-0 top-0 w-4 h-4 bg-green rounded-full">
  803.                </div>
  804.                <div x-ref='dotGoldBottomRight' class="absolute left-0 top-0 w-4 h-4 bg-gold rounded-full">
  805.                </div>
  806.                <div x-ref='dotBlueBottom' class="absolute left-0 top-0 w-4 h-4 bg-primary rounded-full">
  807.                </div>
  808.                <div class="absolute inset-0 flex flex-col justify-center items-center text-center w-full h-full px-4">
  809.                  <div x-ref="scrollingText01" class="font-headline leading-tight text-4xl md:text-5xl lg:text-6xl text-white">
  810.                    We gather ...
  811.                  </div>
  812.                </div>
  813.                <div class="absolute inset-0 flex flex-col justify-center items-center text-center w-full h-full px-4">
  814.                  <div x-ref="scrollingText02" class="font-headline leading-tight text-4xl md:text-5xl lg:text-6xl text-white">
  815.                    Then scatter throughout our cities.
  816.                  </div>
  817.                </div>
  818.              </div>
  819.            </div>
  820.          </div>
  821.          <div class="h-screen-75 relative flex flex-col justify-center items-start">
  822.            <div x-ref="map" class="absolute inset-0 w-full h-full overflow-hidden">
  823.              <div class="absolute inset-0 w-full h-full ">
  824.                <picture>
  825.                  <source
  826.                    srcset="
  827.                      /img/containers/assets/home/cities.png/6acfbaabca7ec7cb8b98366cce2f9c5c.webp 320w,
  828.                      /img/containers/assets/home/cities.png/bc3b423438264f2777cf56993734de96.webp 480w,
  829.                      /img/containers/assets/home/cities.png/7bc98b975f489542763c49efb912e31a.webp 768w,
  830.                      /img/containers/assets/home/cities.png/634cd5a5f1d1457cdbe471c0de0d0db8.webp 1280w,
  831.                      /img/containers/assets/home/cities.png/91e2b8661a4d8405e0bd00d537dbb5fe.webp 1440w,
  832.                      /img/containers/assets/home/cities.png/62b2b9949bc20a8feaf754e6aff05f50.webp 1680w"
  833.                    sizes="100vw"
  834.                    type="image/webp">
  835.                  <source
  836.                    srcset="
  837.                      /img/containers/assets/home/cities.png/4fda9823ea72ed1a3c8b276c38445f77.png 320w,
  838.                      /img/containers/assets/home/cities.png/b8e9a5fd900bb1044f0dcb94777da80c.png 480w,
  839.                      /img/containers/assets/home/cities.png/58d7837bf9b4f1bed1bc63d173e30b68.png 768w,
  840.                      /img/containers/assets/home/cities.png/1d86b6840701d7732f4e63f23d8394b8.png 1280w,
  841.                      /img/containers/assets/home/cities.png/7cf1b12cc24641f1a58db6d91d18dc3a.png 1440w,
  842.                      /img/containers/assets/home/cities.png/86f643969f07acf25b4a9634a449034d.png 1680w"
  843.                    sizes="100vw"
  844.                    type="image/png">
  845.                  <img class="object-cover w-full h-full" style="object-position: 69% 43%" src="/img/containers/assets/home/cities.png/1d86b6840701d7732f4e63f23d8394b8.png" alt="">
  846.                </picture>
  847.              </div>
  848.              <div x-data="translate()" x-init="axis = 'x'; xEnd = 101; start = 'top bottom'; toggleActions = 'play none none reset'; trigger = $refs.map; delay = 0.4; mounted();" x-ref="element" class="absolute inset-0 w-full h-full bg-navy"></div>
  849.            </div>
  850.            <div class="relative z-10 container">
  851.              <div x-data="fadeIn()" x-init="translate = 'y'; start = 'top bottom'; toggleActions = 'play none none reset'; trigger = $refs.map; delay = 1; mounted();" x-ref="element" class="max-w-lg shadow-lg">
  852.                <div class="bg-white p-10">
  853.                  <p class="mb-2 leading-relaxed font-bold text-xs uppercase text-current">
  854.                    Gathered & Scattered
  855.                  </p>
  856.                  <h2 class="font-headline leading-tight text-4xl md:text-5xl lg:text-6xl text-current mb-6">
  857.                    City Impact
  858.                  </h2>
  859.                  <p class="mt-0 mb-5 last:mb-0 leading-relaxed text-inherit text-sm">
  860.                    City Impact is a church-wide effort to pursue our purpose and accomplish our vision and mission by living out our values in our homes, neighborhoods, communities, and cities. We call this kingdom flourishing.
  861.                  </p>
  862.                </div>
  863.                <a href="/city-impact" class="py-4 px-10 text-sm bg-navy text-white flex items-center hover:bg-primary transition">
  864.                  Learn how you can impact your city
  865.                  <svg class="text-gold w-4 ml-3 mt-0.5" viewBox="0 0 17 11" fill="none" xmlns="http://www.w3.org/2000/svg">
  866.                    <path d="M11.3793 10.0568L16.3906 5.04545L11.3793 0.0340908L10.2259 1.17756L13.2536 4.20526H0.75V5.88565H13.2536L10.2259 8.90838L11.3793 10.0568Z" fill="currentColor" />
  867.                  </svg>
  868.                </a>
  869.              </div>
  870.            </div>
  871.          </div>
  872.          <div class="bg-navy p-4" id="city-list">
  873.            <ul class="text-white flex items-center justify-center flex-wrap space-x-4 text-sm">
  874.              <li><a class="text-white" href="/ImpactAlpharetta-Milton">Alpharetta-Milton</a><span class="ml-4">/</span></li>
  875.              <li><a class="text-white" href="/ImpactBerkeleyLake">Berkeley Lake</a><span class="ml-4">/</span></li>
  876.              <li><a class="text-white" href="/ImpactDuluth">Duluth</a><span class="ml-4">/</span></li>
  877.              <li><a class="text-white" href="/ImpactDunwoody-SandySprings">Dunwoody-Sandy Springs</a><span class="ml-4">/</span></li>
  878.              <li><a class="text-white" href="/ImpactJohnsCreek">Johns Creek</a><span class="ml-4">/</span></li>
  879.              <li><a class="text-white" href="/ImpactNorcross">Norcross</a><span class="ml-4">/</span></li>
  880.              <li><a class="text-white" href="/ImpactPeachtreeCorners">Peachtree Corners</a><span class="ml-4">/</span></li>
  881.              <li><a class="text-white" href="/ImpactRoswell">Roswell</a><span class="ml-4">/</span></li>
  882.              <li><a class="text-white" href="/ImpactSouthForsyth">South Forsyth</a><span class="ml-4">/</span></li>
  883.              <li><a class="text-white" href="/ImpactSuwanee-SugarHill">Suwanee-Sugar Hill</a><span class="ml-4"></span></li>
  884.            </ul>
  885.          </div>
  886.        </section>
  887.        <section>
  888.          <div class="container lg:flex items-start justify-between">
  889.            <div class="lg:w-1/3 h-screen-50 relative mb-8">
  890.              <div class="absolute inset-0 w-full h-full text-center">
  891.                <div class="absolute inset-0 w-full h-full ">
  892.                  <picture>
  893.                    <img class="object-cover w-full h-full" style="object-position: 50% 50%"
  894.                      src="/assets-5.0/img/home/home-eventsimage.jpg" alt="">
  895.                  </picture>
  896.                </div>
  897.              </div>
  898.            </div>
  899.            <div class="lg:w-2/3 lg:px-16">
  900.              <h2 class="mt-0 mb-5 last:mb-0 leading-relaxed font-bold text-xs uppercase text-navy border-b border-navy border-opacity-10 pb-4"> You belong here </h2>
  901.            
  902.              <!--Event Start -->
  903.              <!-- <div class="w-full border-b border-navy border-opacity-10 pb-6 mb-6" x-data="{ open: '' }">
  904.                <button class="flex items-center justify-between space-x-2 w-full" @click="open = !open">
  905.                  <div class="md:flex md:space-x-2  w-full">
  906.                    <p class="mb-0 mt-1 leading-relaxed font-bold text-xs uppercase text-navy md:w-1/6 text-left"> Sep 23 </p>
  907.                    <h3 class="text-2xl md:text-3xl leading-tight text-navy text-left">Second Annual Friday Night Blast </h3>
  908.                  </div>
  909.                  <div>
  910.                    <span x-show="open == true">
  911.                      <svg class="w-4 h-4 text-primary transform rotate-90" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  912.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  913.                      </svg>
  914.                    </span>
  915.                    <span x-show="open == false">
  916.                      <svg class="w-4 h-4" viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  917.                        <path d="M1.51611 0.666016L10.3638 9.5134L1.51611 18.3608" stroke="currentColor" stroke-width="1.61039" />
  918.                      </svg>
  919.                    </span>
  920.                  </div>
  921.                </button>
  922.                <div x-show="open == true" x-transition class="flex justify-end">
  923.                  <div class="md:w-5/6 mt-4"> -->
  924.                    <!-- <p class="mb-6 leading-relaxed font-bold text-xs uppercase text-navy"> Time </p>  -->
  925.                    <!-- <p class="mt-0 mb-5 last:mb-0 leading-relaxed text-inherit text-sm">
  926.                      Kick off our year 45 celebration weekend at this night of fun for the entire family. There will be food trucks, inflatables, music, and fireworks.
  927.                    </p>
  928.                    <a href="/blast" class="relative text-center transition inline-block transform hover:scale-105 inline-flex items-center hover:text-primary text-sm text-navy" href="#">
  929.                      Learn More
  930.                      <svg class="text-inherit w-4 ml-2 mt-1" viewBox="0 0 17 11" fill="none" xmlns="http://www.w3.org/2000/svg">
  931.                        <path d="M11.3793 10.0568L16.3906 5.04545L11.3793 0.0340908L10.2259 1.17756L13.2536 4.20526H0.75V5.88565H13.2536L10.2259 8.90838L11.3793 10.0568Z" fill="currentColor" />
  932.                      </svg>
  933.                    </a>
  934.                  </div>
  935.                </div>
  936.              </div> -->
  937.              <!-- Event End -->
  938.              <p class="mt-0 mb-5 last:mb-0 leading-relaxed text-inherit text-sm">
  939.                From fun and engaging activities for your children and students to women’s gatherings, weekly young adult groups, and community events on the lawn—there is always something for you and your family to be a part of at Perimeter.<br><br>
  940.                View our events calendar to learn more.
  941.              </p>
  942.              
  943.  
  944.              <a class="relative text-center transition inline-block transform hover:scale-105 inline-flex items-center hover:text-primary text-sm text-navy" href="https://www.perimeter.org/events">
  945.                Show All Events
  946.                <svg class="text-inherit w-4 ml-2 mt-1" viewBox="0 0 17 11" fill="none" xmlns="http://www.w3.org/2000/svg">
  947.                  <path d="M11.3793 10.0568L16.3906 5.04545L11.3793 0.0340908L10.2259 1.17756L13.2536 4.20526H0.75V5.88565H13.2536L10.2259 8.90838L11.3793 10.0568Z" fill="currentColor" />
  948.                </svg>
  949.              </a>
  950.            </div>
  951.          </div>
  952.        </section>
  953.  
  954.        <section class="relative pb-12 px-4 xl:px-0">
  955.    <div class="absolute w-full h-full inset-0 overflow-hidden">
  956.        <div class="absolute inset-0 w-full h-full ">
  957.            <picture>
  958.                <source
  959.                    srcset="
  960.                        /img/containers/assets/home/stories-bg.png/34b5164e13a68f0496092f004ddaa2e1.webp 320w,
  961.                        /img/containers/assets/home/stories-bg.png/ae285b29b99cc78eaded839b2eb3aec3.webp 480w,
  962.                        /img/containers/assets/home/stories-bg.png/f05933ed53ffcd62bb704df5b0fc1db7.webp 768w,
  963.                        /img/containers/assets/home/stories-bg.png/5893912fd4af3494fc0c6cd397c00139.webp 1280w,
  964.                        /img/containers/assets/home/stories-bg.png/ad84abff5afe3cfd722b6927e9cd40b2.webp 1440w,
  965.                        /img/containers/assets/home/stories-bg.png/c8f7d7c64388bca38f1fb612ef48c1ef.webp 1680w"
  966.                    sizes="100vw"
  967.                    type="image/webp">
  968.                <source
  969.                    srcset="
  970.                        /img/containers/assets/home/stories-bg.png/c52255468af8f437d72f767d8bc9049b.png 320w,
  971.                        /img/containers/assets/home/stories-bg.png/3b3ff34b46008594b58d5f1661e84435.png 480w,
  972.                        /img/containers/assets/home/stories-bg.png/33049df4ea5e5f4c2dc1396177e484e2.png 768w,
  973.                        /img/containers/assets/home/stories-bg.png/be142648cbeea4e673f5c475c8dc4e5f.png 1280w,
  974.                        /img/containers/assets/home/stories-bg.png/8898e729d56bf6a8e5863361287298f2.png 1440w,
  975.                        /img/containers/assets/home/stories-bg.png/67acb875f2c9ced6455a48b8db7fac22.png 1680w"
  976.                    sizes="100vw"
  977.                    type="image/png">
  978.                <img
  979.                    class="object-cover w-full h-full"
  980.                    style="object-position: 50% 50%"
  981.                    src="/img/containers/assets/home/stories-bg.png/be142648cbeea4e673f5c475c8dc4e5f.png"
  982.                    alt="">
  983.            </picture>
  984.        </div>
  985.        <div class="h-full w-full relative flex flex-col justify-between">
  986.            <div class="h-1/3 w-full z-0 transition bg-gradient-to-b from-gray-50 relative z-10"></div>
  987.            <div class="h-1/3 w-full z-0 transition bg-gradient-to-t from-gray-50 relative z-10"></div>
  988.        </div>
  989.    </div>
  990.    <div class="relative z-20">
  991.        <h2 class="font-headline leading-tight text-4xl md:text-5xl lg:text-6xl text-navy text-center px-4">
  992.            Perimeter Stories
  993.        </h2>
  994.        <div class="stories-grid mt-8 md:mt-24">
  995.            <div class="stories-grid-item h-60 lg:h-72 relative">
  996.                <div class="bg-navy front absolute inset-0 w-full h-full overflow-hidden grayscale transition shadow-xl">
  997.                    <div class="absolute inset-0 w-full h-full ">
  998.                        <picture>
  999.                            <img src="https://www.perimeter.org/images/thumbs/21581/738x691/?s=1" alt="Will Hall's Story" class="object-cover w-full h-full" style="object-position: 50% 50%">
  1000.                        </picture>
  1001.                    </div>
  1002.                </div>
  1003.                <div class="back absolute insert-0 w-full h-full overflow-hidden bg-white flex flex-col justify-center text-center p-4 md:p-8 transition shadow-xl">
  1004.                    <p class="mb-2 leading-relaxed font-bold text-xs uppercase text-navy hidden lg:block">
  1005.                        May 21, 2022
  1006.                    </p>
  1007.                    <p class="mt-0 mb-5 last:mb-0 leading-relaxed text-inherit text-sm font-bold text-base lg:text-xl leading-tight">
  1008.                        Abby Moore's Story
  1009.                    </p>
  1010.                    <div class="text-center">
  1011.                        <div class="relative h-20 w-20 mx-auto group">
  1012.                            <button data-video-id="https://player.vimeo.com/video/712458315" data-video-provider="vimeo" class="video-modal-opener relative z-10 text-sm text-center transition inline-flex justify-center items-center transform  text-xs font-bold uppercase w-full h-full  border border-navy rounded-full text-navy">
  1013.                                Play
  1014.                            </button>
  1015.                            <div class="w-full h-full bg-purple rounded-full absolute inset-0 transform -translate-x-1 translate-y-2 inline transition opacity-0 group-hover:opacity-100"></div>
  1016.                        </div>
  1017.                    </div>
  1018.                </div>
  1019.            </div>
  1020.            <div class="stories-grid-item h-60 lg:h-72 relative">
  1021.                <div class="bg-navy front absolute inset-0 w-full h-full overflow-hidden grayscale transition shadow-xl">
  1022.                    <div class="absolute inset-0 w-full h-full ">
  1023.                        <picture>
  1024.                            <img src="https://www.perimeter.org/images/thumbs/19669/738x691/?s=1" alt="Jinsung Kim's Story" class="object-cover w-full h-full" style="object-position: 50% 50%">
  1025.                        </picture>
  1026.                    </div>
  1027.                </div>
  1028.                <div class="back absolute insert-0 w-full h-full overflow-hidden bg-white flex flex-col justify-center text-center p-4 md:p-8 transition shadow-xl">
  1029.                    <p class="mb-2 leading-relaxed font-bold text-xs uppercase text-navy hidden lg:block">
  1030.                        April 14, 2021
  1031.                    </p>
  1032.                    <p class="mt-0 mb-5 last:mb-0 leading-relaxed text-inherit text-sm font-bold text-base lg:text-xl leading-tight">
  1033.                        Jinsung Kim's Story
  1034.                    </p>
  1035.                    <div class="text-center">
  1036.                        <div class="relative h-20 w-20 mx-auto group">
  1037.                            <button data-video-id="https://player.vimeo.com/video/536800805" data-video-provider="vimeo" class="video-modal-opener relative z-10 text-sm text-center transition inline-flex justify-center items-center transform  text-xs font-bold uppercase w-full h-full  border border-navy rounded-full text-navy">
  1038.                                Play
  1039.                            </button>
  1040.                            <div class="w-full h-full bg-purple rounded-full absolute inset-0 transform -translate-x-1 translate-y-2 inline transition opacity-0 group-hover:opacity-100"></div>
  1041.                        </div>
  1042.                    </div>
  1043.                </div>
  1044.            </div>
  1045.            <div class="stories-grid-item h-60 lg:h-72 relative">
  1046.                <div class="bg-navy front absolute inset-0 w-full h-full overflow-hidden grayscale transition shadow-xl">
  1047.                    <div class="absolute inset-0 w-full h-full ">
  1048.                        <picture>
  1049.                            <img src="https://www.perimeter.org/images/thumbs/19487/738x691/?s=1" alt="Ali Christian's Story" class="object-cover w-full h-full" style="object-position: 50% 50%">
  1050.                        </picture>
  1051.                    </div>
  1052.                </div>
  1053.                <div class="back absolute insert-0 w-full h-full overflow-hidden bg-white flex flex-col justify-center text-center p-4 md:p-8 transition shadow-xl">
  1054.                    <p class="mb-2 leading-relaxed font-bold text-xs uppercase text-navy hidden lg:block">
  1055.                        February 21, 2021
  1056.                    </p>
  1057.                    <p class="mt-0 mb-5 last:mb-0 leading-relaxed text-inherit text-sm font-bold text-base lg:text-xl leading-tight">
  1058.                        Ali Christian's Story
  1059.                    </p>
  1060.                    <div class="text-center">
  1061.                        <div class="relative h-20 w-20 mx-auto group">
  1062.                            <button data-video-id="https://player.vimeo.com/video/515488344" data-video-provider="vimeo" class="video-modal-opener relative z-10 text-sm text-center transition inline-flex justify-center items-center transform  text-xs font-bold uppercase w-full h-full  border border-navy rounded-full text-navy">
  1063.                                Play
  1064.                            </button>
  1065.                            <div class="w-full h-full bg-purple rounded-full absolute inset-0 transform -translate-x-1 translate-y-2 inline transition opacity-0 group-hover:opacity-100"></div>
  1066.                        </div>
  1067.                    </div>
  1068.                </div>
  1069.            </div>
  1070.            <div class="stories-grid-item h-60 lg:h-72 relative">
  1071.                <div class="bg-navy front absolute inset-0 w-full h-full overflow-hidden grayscale transition shadow-xl">
  1072.                    <div class="absolute inset-0 w-full h-full ">
  1073.                        <picture>
  1074.                            <img src="https://www.perimeter.org/images/thumbs/13585/738x691/?s=1" alt="Helga Pfeiffer's Story" class="object-cover w-full h-full" style="object-position: 50% 50%">
  1075.                        </picture>
  1076.                    </div>
  1077.                </div>
  1078.                <div class="back absolute insert-0 w-full h-full overflow-hidden bg-white flex flex-col justify-center text-center p-4 md:p-8 transition shadow-xl">
  1079.                    <p class="mb-2 leading-relaxed font-bold text-xs uppercase text-navy hidden lg:block">
  1080.                        January 20, 2021
  1081.                    </p>
  1082.                    <p class="mt-0 mb-5 last:mb-0 leading-relaxed text-inherit text-sm font-bold text-base lg:text-xl leading-tight">
  1083.                        Helga Pfeiffer's Story
  1084.                    </p>
  1085.                    <div class="text-center">
  1086.                        <div class="relative h-20 w-20 mx-auto group">
  1087.                            <button data-video-id="https://player.vimeo.com/video/275686633" data-video-provider="vimeo" class="video-modal-opener relative z-10 text-sm text-center transition inline-flex justify-center items-center transform  text-xs font-bold uppercase w-full h-full  border border-navy rounded-full text-navy">
  1088.                                Play
  1089.                            </button>
  1090.                            <div class="w-full h-full bg-purple rounded-full absolute inset-0 transform -translate-x-1 translate-y-2 inline transition opacity-0 group-hover:opacity-100"></div>
  1091.                        </div>
  1092.                    </div>
  1093.                </div>
  1094.            </div>
  1095.            <div class="stories-grid-item h-60 lg:h-72 relative">
  1096.                <div class="bg-navy front absolute inset-0 w-full h-full overflow-hidden grayscale transition shadow-xl">
  1097.                    <div class="absolute inset-0 w-full h-full ">
  1098.                        <picture>
  1099.                            <img src="https://www.perimeter.org/images/thumbs/18459/738x691/?s=1" alt="Scott and Brenda Ehly's Story" class="object-cover w-full h-full" style="object-position: 50% 50%">
  1100.                        </picture>
  1101.                    </div>
  1102.                </div>
  1103.                <div class="back absolute insert-0 w-full h-full overflow-hidden bg-white flex flex-col justify-center text-center p-4 md:p-8 transition shadow-xl">
  1104.                    <p class="mb-2 leading-relaxed font-bold text-xs uppercase text-navy hidden lg:block">
  1105.                        July 20, 2020
  1106.                    </p>
  1107.                    <p class="mt-0 mb-5 last:mb-0 leading-relaxed text-inherit text-sm font-bold text-base lg:text-xl leading-tight">
  1108.                        Scott and Brenda Ehly's Story
  1109.                    </p>
  1110.                    <div class="text-center">
  1111.                        <div class="relative h-20 w-20 mx-auto group">
  1112.                            <button data-video-id="https://player.vimeo.com/video/438670403" data-video-provider="vimeo" class="video-modal-opener relative z-10 text-sm text-center transition inline-flex justify-center items-center transform  text-xs font-bold uppercase w-full h-full  border border-navy rounded-full text-navy">
  1113.                                Play
  1114.                            </button>
  1115.                            <div class="w-full h-full bg-purple rounded-full absolute inset-0 transform -translate-x-1 translate-y-2 inline transition opacity-0 group-hover:opacity-100"></div>
  1116.                        </div>
  1117.                    </div>
  1118.                </div>
  1119.            </div>
  1120.            <div class="stories-grid-item h-60 lg:h-72 relative">
  1121.                <div class="bg-navy front absolute inset-0 w-full h-full overflow-hidden grayscale transition shadow-xl">
  1122.                    <div class="absolute inset-0 w-full h-full ">
  1123.                        <picture>
  1124.                            <img src="https://i.vimeocdn.com/video/1261494698-51b20f41d347c9793f9e1a022b3a4bba72cc70932010e7a84_738x691" alt="Brent Weber's Story" class="object-cover w-full h-full" style="object-position: 50% 50%">
  1125.                        </picture>
  1126.                    </div>
  1127.                </div>
  1128.                <div class="back absolute insert-0 w-full h-full overflow-hidden bg-white flex flex-col justify-center text-center p-4 md:p-8 transition shadow-xl">
  1129.                    <p class="mb-2 leading-relaxed font-bold text-xs uppercase text-navy hidden lg:block">
  1130.                        January 31, 2022
  1131.                    </p>
  1132.                    <p class="mt-0 mb-5 last:mb-0 leading-relaxed text-inherit text-sm font-bold text-base lg:text-xl leading-tight">
  1133.                        Brent Weber's Story
  1134.                    </p>
  1135.                    <div class="text-center">
  1136.                        <div class="relative h-20 w-20 mx-auto group">
  1137.                            <button data-video-id="https://player.vimeo.com/video/619270569" data-video-provider="vimeo" class="video-modal-opener relative z-10 text-sm text-center transition inline-flex justify-center items-center transform  text-xs font-bold uppercase w-full h-full  border border-navy rounded-full text-navy">
  1138.                                Play
  1139.                            </button>
  1140.                            <div class="w-full h-full bg-purple rounded-full absolute inset-0 transform -translate-x-1 translate-y-2 inline transition opacity-0 group-hover:opacity-100"></div>
  1141.                        </div>
  1142.                    </div>
  1143.                </div>
  1144.            </div>
  1145.            <div class="stories-grid-item h-60 lg:h-72 relative">
  1146.                <div class="bg-navy front absolute inset-0 w-full h-full overflow-hidden grayscale transition shadow-xl">
  1147.                    <div class="absolute inset-0 w-full h-full ">
  1148.                        <picture>
  1149.                            <img src="https://www.perimeter.org/images/thumbs/21582/738x691/?s=1" alt="Winterfest Recap" class="object-cover w-full h-full" style="object-position: 50% 50%">
  1150.                        </picture>
  1151.                    </div>
  1152.                </div>
  1153.                <div class="back absolute insert-0 w-full h-full overflow-hidden bg-white flex flex-col justify-center text-center p-4 md:p-8 transition shadow-xl">
  1154.                    <p class="mb-2 leading-relaxed font-bold text-xs uppercase text-navy hidden lg:block">
  1155.                        May 11, 2022
  1156.                    </p>
  1157.                    <p class="mt-0 mb-5 last:mb-0 leading-relaxed text-inherit text-sm font-bold text-base lg:text-xl leading-tight">
  1158.                        Bread of Life
  1159.                    </p>
  1160.                    <div class="text-center">
  1161.                        <div class="relative h-20 w-20 mx-auto group">
  1162.                            <button data-video-id="https://player.vimeo.com/video/708675028" data-video-provider="vimeo" class="video-modal-opener relative z-10 text-sm text-center transition inline-flex justify-center items-center transform  text-xs font-bold uppercase w-full h-full  border border-navy rounded-full text-navy">
  1163.                                Play
  1164.                            </button>
  1165.                            <div class="w-full h-full bg-purple rounded-full absolute inset-0 transform -translate-x-1 translate-y-2 inline transition opacity-0 group-hover:opacity-100"></div>
  1166.                        </div>
  1167.                    </div>
  1168.                </div>
  1169.            </div>
  1170.            <div class="stories-grid-item h-60 lg:h-72 relative">
  1171.                <div class="bg-navy front absolute inset-0 w-full h-full overflow-hidden grayscale transition shadow-xl">
  1172.                    <div class="absolute inset-0 w-full h-full ">
  1173.                        <picture>
  1174.                            <img src="https://i.vimeocdn.com/video/1403727644-08906bbc5453fd65fd96e12ca2019c4b55ce2ae26fcdd2ceb663218f1134d16f-d_738x691" alt="Norris & Chip" class="object-cover w-full h-full" style="object-position: 50% 50%">
  1175.                        </picture>
  1176.                    </div>
  1177.                </div>
  1178.                <div class="back absolute insert-0 w-full h-full overflow-hidden bg-white flex flex-col justify-center text-center p-4 md:p-8 transition shadow-xl">
  1179.                    <p class="mb-2 leading-relaxed font-bold text-xs uppercase text-navy hidden lg:block">
  1180.                        March 29, 2022
  1181.                    </p>
  1182.                    <p class="mt-0 mb-5 last:mb-0 leading-relaxed text-inherit text-sm font-bold text-base lg:text-xl leading-tight">
  1183.                        Norris & Chip
  1184.                    </p>
  1185.                    <div class="text-center">
  1186.                        <div class="relative h-20 w-20 mx-auto group">
  1187.                            <button data-video-id="https://player.vimeo.com/video/693692946" data-video-provider="vimeo" class="video-modal-opener relative z-10 text-sm text-center transition inline-flex justify-center items-center transform  text-xs font-bold uppercase w-full h-full  border border-navy rounded-full text-navy">
  1188.                                Play
  1189.                            </button>
  1190.                            <div class="w-full h-full bg-purple rounded-full absolute inset-0 transform -translate-x-1 translate-y-2 inline transition opacity-0 group-hover:opacity-100"></div>
  1191.                        </div>
  1192.                    </div>
  1193.                </div>
  1194.            </div>
  1195.        </div>
  1196.        <div class="text-center mt-12">
  1197.            <a class="relative text-center transition inline-block transform hover:scale-105 px-6 py-4 bg-navy text-white text-sm" href="/stories">
  1198.                View All
  1199.            </a>
  1200.        </div>
  1201.    </div>
  1202. </section>
  1203.  
  1204.        <section class="relative ">
  1205.          <div class="md:flex items-start lg:items-stretch relative z-10 justify-between">
  1206.            <div class="md:w-5/12 lg:w-2/5 relative flex flex-col justify-center items-center min-h-screen-50">
  1207.              <div class="absolute inset-0 w-full h-full">
  1208.                <div class="absolute inset-0 w-full h-full ">
  1209.                  <picture>
  1210.                    <img class="object-cover w-full h-full" style="object-position: 50% 50%" src="/assets-5.0/img/Home-WeWelcomeYou.jpeg" alt="Welcome to Perimeter Church!">
  1211.                  </picture>
  1212.                </div>
  1213.                <div class="bg-black bg-opacity-30 absolute h-full w-full inset-0 z-0 transition"></div>
  1214.              </div>
  1215.              <div class="relative h-28 w-28 mx-auto group">
  1216.                <button data-video-provider="vimeo" data-video-id="https://player.vimeo.com/video/672033568" class="video-modal-opener relative z-10 text-sm text-center transition inline-flex justify-center items-center transform  text-xs font-bold uppercase w-full h-full  border border-white rounded-full text-white" @click="videoLightbox = true"> Play </button>
  1217.                <div class="w-full h-full bg-purple rounded-full absolute inset-0 transform -translate-x-1 translate-y-2 inline transition opacity-0 group-hover:opacity-100">
  1218.                </div>
  1219.              </div>
  1220.            </div>
  1221.            <div class="md:w-1/2 mt-8 md:mt-0">
  1222.              <div class="max-w-lg px-6 lg:px-0 lg:py-20">
  1223.                <p class="mb-2 leading-relaxed font-bold text-xs uppercase text-navy"> Welcome to Perimeter </p>
  1224.                <h2 class="font-headline leading-tight text-4xl md:text-5xl lg:text-6xl text-navy mb-6"> Come be part of a bigger story. </h2>
  1225.                <p class="mb-6 leading-relaxed text-inherit text-base"> Be welcomed, wanted, noticed, and needed. </p>
  1226.                <div class="prose">
  1227.                  <p>Perimeter Church is a community of people being transformed by the power of the gospel of Jesus.
  1228.                    Our desire is to see all people live in right relationship with God, self, others, and the world,
  1229.                    and to experience the fullness of life only found in Jesus and His kingdom. We would love for you
  1230.                    to join us as we attempt something so great for God that it is doomed to failure unless God be in it.
  1231.                  </p>
  1232.                </div>
  1233.                <a class="relative text-center transition inline-block transform hover:scale-105 inline-flex items-center hover:text-primary text-sm text-navy mt-6" href="/join-us">
  1234.                  Start Here
  1235.                  <svg class="text-inherit w-4 ml-2 mt-1" viewBox="0 0 17 11" fill="none" xmlns="http://www.w3.org/2000/svg">
  1236.                    <path d="M11.3793 10.0568L16.3906 5.04545L11.3793 0.0340908L10.2259 1.17756L13.2536 4.20526H0.75V5.88565H13.2536L10.2259 8.90838L11.3793 10.0568Z" fill="currentColor" />
  1237.                  </svg>
  1238.                </a>
  1239.              </div>
  1240.            </div>
  1241.          </div>
  1242.        </section>
  1243.  
  1244.        <section class="px-6 lg:px-0 overflow-hidden" id="">
  1245.    <div class="hidden md:block text-6xl lg:text-8xl font-headline italic opacity-5 leading-none transform translate-y-3 -translate-x-10 lg:-translate-x-6">Worship / Belong</div>
  1246.    <div class="max-w-6xl mx-auto bg-white p-6 md:p-10 lg:p-20 lg:flex items-center">
  1247.        <div class="lg:w-1/2 lg:pr-16 relative">
  1248.            <h2 class="font-headline leading-tight text-3xl md:text-4xl lg:text-5xl text-navy mb-6">Sign up for our Weekly Email</h2>
  1249.            <p class="m-0 leading-relaxed text-inherit text-sm">
  1250.                Discover the latest news and opportunities to engage at Perimeter, as well as stories of impact to celebrate together.
  1251.            </p>
  1252.            <a href="/emailarchive" class="relative text-center transition inline-block transform hover:scale-105 inline-flex items-center hover:text-primary text-sm text-navy mt-6" href="https://www.google.com/maps/@34.0431633,-84.1972742,13z">
  1253.                View the Latest Edition
  1254.                <svg class="text-inherit w-4 ml-2 mt-1" viewBox="0 0 17 11" fill="none" xmlns="http://www.w3.org/2000/svg">
  1255.                    <path d="M11.3793 10.0568L16.3906 5.04545L11.3793 0.0340908L10.2259 1.17756L13.2536 4.20526H0.75V5.88565H13.2536L10.2259 8.90838L11.3793 10.0568Z" fill="currentColor"></path>
  1256.                </svg>
  1257.            </a>
  1258.            <svg class="w-32 text-navy opacity-20 absolute right-0 -top-5 md:-top-2" viewBox="0 0 176 176" fill="none" xmlns="http://www.w3.org/2000/svg">
  1259.                <path d="M163.968 88.3647C164.237 88.0964 164.237 87.6614 163.968 87.3931L159.596 83.0208C159.328 82.7525 158.893 82.7525 158.624 83.0208C158.356 83.2891 158.356 83.7241 158.624 83.9924L162.511 87.8789L158.624 91.7654C158.356 92.0337 158.356 92.4687 158.624 92.737C158.893 93.0053 159.328 93.0053 159.596 92.737L163.968 88.3647ZM25.4824 88.5659L163.482 88.5659L163.482 87.1919L25.4824 87.1919L25.4824 88.5659Z" fill="currentColor" />
  1260.            </svg>
  1261.        </div>
  1262.        
  1263.        <div class = 'container subpub'>
  1264.            <mpp-subscribe-to-publication
  1265.            publicationid="7833"
  1266.            returnurl="https://www.perimeter.org/pages/email/weekly-email/"
  1267.            verificationemailtemplateid="400026"></mpp-subscribe-to-publication>
  1268.        </div>
  1269.        <style>
  1270.            .container #verfificationButton{
  1271.                width: 100%;
  1272.                background-color: #08233F;
  1273.                padding-top: 20px;
  1274.                padding-bottom: 10px;
  1275.                margin-left: 0;
  1276.            }
  1277.            .container #verificationButton{
  1278.                width: 100%;
  1279.                background-color: #08233F;
  1280.                padding-top: 20px;
  1281.                padding-bottom: 10px;
  1282.                margin-left: 0;
  1283.            }
  1284.            
  1285.        </style>
  1286.    </div>
  1287.    <div class="hidden md:block text-6xl lg:text-8xl font-headline italic opacity-5 leading-none transform text-right -translate-y-8 lg:-translate-y-12 translate-x-6 lg:translate-x-2 -mb-8">Grow / Bless</div>
  1288. </section>
  1289.  
  1290.        <section class="relative p-10 md:px-12 md:py-20 lg:px-24 lg:py-36 banner-cta">
  1291.    <div class="absolute inset-0 w-full h-full overflow-hidden">
  1292.        <div class="absolute inset-0 w-full h-full ">
  1293.            <picture>
  1294.                <img class="object-cover w-full h-full" style="object-position: 50% 50%" src="https://www.perimeter.org/images/thumbs/20540/1800M" alt="">
  1295.            </picture>
  1296.        </div>
  1297.        <div class="absolute h-full w-full md:w-2/3 opacity-80 inset-0 z-0 transition bg-gradient-to-r from-navy relative z-10">
  1298.        </div>
  1299.    </div>
  1300.    <div class="relative text-white max-w-md">
  1301.        <p class="mb-2 leading-relaxed font-bold text-xs uppercase text-white"> You belong here </p>
  1302.        <h2 class="font-headline leading-tight text-4xl md:text-5xl lg:text-6xl text-white"> Sunday Brunch </h2>
  1303.        <p class="mt-0 mb-5 last:mb-0 leading-relaxed text-inherit text-base"> Once A Month / 10:30 AM </p>
  1304.        <p class="mb-6 leading-relaxed text-inherit text-sm"> You're invited to Sunday Brunch, a fun first step to get to know us better, meet some of our leaders, and enjoy a delicious brunch alongside others who are exploring Perimeter Church. It happens once a month, so join us for the next one! </p>
  1305.        <a class="relative text-white-important text-center transition inline-block transform hover:scale-105 inline-flex items-center hover:text-primary text-sm text-inherit uppercase" href="/brunch">
  1306.            Sign Up
  1307.            <svg class="text-inherit w-4 ml-2 mt-1" viewBox="0 0 17 11" fill="none" xmlns="http://www.w3.org/2000/svg">
  1308.                <path d="M11.3793 10.0568L16.3906 5.04545L11.3793 0.0340908L10.2259 1.17756L13.2536 4.20526H0.75V5.88565H13.2536L10.2259 8.90838L11.3793 10.0568Z" fill="currentColor" />
  1309.            </svg>
  1310.        </a>
  1311.    </div>
  1312. </section>
  1313.  
  1314.  
  1315.  
  1316.  
  1317.  
  1318.  
  1319.  
  1320.  
  1321.  
  1322.  
  1323.    
  1324.  
  1325. <!-- inconseqential change -->
  1326.  
  1327.  
  1328.  
  1329.  
  1330. <script type="text/javascript">
  1331.  window.intercomSettings = { app_id: "ne26w1ia" };
  1332.  (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/ne26w1ia';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
  1333. </script>
  1334.  
  1335.  
  1336.    
  1337.  
  1338.  </main>
  1339.  
  1340.  
  1341.  
  1342.  
  1343.  
  1344.  
  1345.  
  1346.    <footer class="bg-navy text-white w-full py-20 px-4">
  1347.      
  1348.      <div class="container lg:flex justify-between items-start">
  1349.        <div>
  1350.          <a href="/" class="inline-block w-36 md:w-40" aria-label="Logo Perimeter Church">
  1351.            <svg class="w-full" viewBox="0 0 439.21 134.82">
  1352.              <path fill="#61bbe9" d="M147.84,232.69a67.41,67.41,0,1,0,67.41,67.4A67.4,67.4,0,0,0,147.84,232.69ZM93.47,328c.85-12.73,7.13-24.92,11.57-32.06,5.17,6.78,16.45,23.5,18,42.33v17.69A61.37,61.37,0,0,1,93.47,328Zm74.28-11.26a89.53,89.53,0,0,0-15.44-26.95A87.3,87.3,0,0,1,170,275.22a69.63,69.63,0,0,1,12,9.53,63.94,63.94,0,0,1,4.43,4.91l.27.36a104.35,104.35,0,0,0-17.35,31.48C168.86,319.88,168.32,318.28,167.75,316.69Zm-19.91-31.94a94.45,94.45,0,0,0-15.59-13.18,76.18,76.18,0,0,1,15.59-5.86,76,76,0,0,1,15.6,5.86A94.84,94.84,0,0,0,147.84,284.75Zm-4.46,5a89.2,89.2,0,0,0-15.44,26.95q-.87,2.38-1.59,4.81A104.35,104.35,0,0,0,109,290l.27-.36a63.94,63.94,0,0,1,4.43-4.91,69.94,69.94,0,0,1,12-9.53A86.58,86.58,0,0,1,143.38,289.74Zm4.46,71.42a61.34,61.34,0,0,1-18.13-2.73V338.3q.33-3,.85-5.88a82.51,82.51,0,0,1,8.88-25.06,84.13,84.13,0,0,1,8.4-12.54,84.13,84.13,0,0,1,8.41,12.54,82.78,82.78,0,0,1,8.88,25.06q.52,2.86.85,5.88v20.13A61.36,61.36,0,0,1,147.84,361.16Zm24.83-5.25V338.22c1.52-18.83,12.8-35.55,18-42.33,4.43,7.14,10.72,19.33,11.57,32.06A61.37,61.37,0,0,1,172.67,355.91Zm18.92-70.41C174.41,264.27,150,259.23,149,259l-.66-.13-.45-.08-.45.08-.65.13c-1,.21-25.46,5.25-42.64,26.48-.5.63-10.78,13.77-15.28,30.41a61.1,61.1,0,1,1,118,0C202.37,2fill:#61bbe9;99.27,192.09,286.13,191.59,285.5Z" transform="translate(-80.44 -232.69)" />
  1353.              <path fill="white" d="M247.29,308.92l3.39-.28c2.25-.21,3.1-.71,3.1-1.2v-39.2c0-.57-.42-.78-3.6-1.06l-2.82-.21-.21-1.06h19.53c11.35,0,16.71,4.37,16.71,10.86,0,7.9-7.33,12.9-17.27,12.9a44.11,44.11,0,0,1-5.64-.35v18.33c0,.56.42.85,3.59,1.06l3.67.21L268,310H247.08Zm28.91-31c0-6.84-3.24-10.79-10.93-10.65h-4.79v20.38a17.72,17.72,0,0,0,5.5.7C272.11,288.33,276.2,284.45,276.2,277.9Z" transform="translate(-80.44 -232.69)" />
  1354.              <path fill="white" d="M284.45,295.59c0-9.51,6.56-17,15.65-17,7,0,11.28,4,11.28,9.94a9.26,9.26,0,0,1-.21,1.84l-20.24-.14a20,20,0,0,0-.21,2.89c0,8.1,4.73,13.39,10.93,13.39a10.22,10.22,0,0,0,9.31-5l.77.42c-3.17,5.71-7.4,9-13.11,9C290.37,311,284.45,304.27,284.45,295.59ZM305,289c.07-4.87-1.7-9.17-5.72-9.17s-7.33,4.16-8.17,9.24Z" transform="translate(-80.44 -232.69)" />
  1355.              <path fill="white" d="M314.9,308.92l1.49-.07c2-.14,2.82-.35,2.82-1.2V288.26c0-4.37-.5-5.07-3-5.64l-1.62-.35.07-.78,10.44-2.75L325,289.25h.21c2.47-6.84,5.29-10.58,9.45-10.58,2.54,0,4.51,1.76,4.51,3.88a3.78,3.78,0,0,1-3.81,3.95,4.15,4.15,0,0,1-4.09-3.81c-2.47.78-4.37,3.81-6.2,9.45v15.65c0,.64.49.92,3.31,1.06l2.4.07L331,310H314.69Z" transform="translate(-80.44 -232.69)" />
  1356.              <path fill="white" d="M341,308.92l1.48-.07c2-.14,2.82-.35,2.82-1.2V288.19c0-4.3-.49-5-3-5.57l-1.62-.35.07-.78,10.36-2.75v29.05c0,.64.43.85,3.32,1.06l1.27.07.21,1.06H340.78Zm2.61-40.12a3.95,3.95,0,1,1,3.95,3.95A3.91,3.91,0,0,1,343.6,268.8Z" transform="translate(-80.44 -232.69)" />
  1357.              <path fill="white" d="M358.19,308.92l1.48-.07c2.05-.14,2.82-.35,2.82-1.2V288.26c0-4.37-.49-5.07-3-5.64l-1.62-.35.07-.78,10.44-2.75-.15,5.57.22.07c2.68-2.53,6-5.71,10.64-5.71a8,8,0,0,1,5.64,2.12,7.15,7.15,0,0,1,1.84,3.81l.14.07c2.89-3,6.41-6,11-6a7.74,7.74,0,0,1,5.64,2.05c1.62,1.69,2.32,4.44,2.32,7.54v19.46c0,.49.07.85,3.32,1.13l1.2.07.21,1.06H395.35l.21-1.06,1.48-.07c2.33-.14,2.75-.56,2.75-1.2V289.88c0-5-1.83-6.91-6-6.91-2.68,0-5.71,1.48-6.7,3.11a5.3,5.3,0,0,1-.07,1.05v20.59c0,.49.07.85,3.31,1.13l1.27.07.21,1.06h-15l.21-1.06,1.41-.07c2.32-.14,2.68-.56,2.68-1.2V289.88c0-5-1.84-6.91-5.86-6.91a11,11,0,0,0-6.91,2.82v22c0,.64.43.85,3.25,1.06l1.48.07.14,1.06H358Z" transform="translate(-80.44 -232.69)" />
  1358.              <path fill="white" d="M412.34,295.59c0-9.51,6.55-17,15.65-17,7.05,0,11.28,4,11.28,9.94a9.26,9.26,0,0,1-.21,1.84l-20.24-.14a20,20,0,0,0-.21,2.89c0,8.1,4.73,13.39,10.93,13.39a10.22,10.22,0,0,0,9.31-5l.77.42c-3.17,5.71-7.4,9-13.11,9C418.26,311,412.34,304.27,412.34,295.59ZM432.85,289c.08-4.87-1.69-9.17-5.71-9.17-3.87,0-7.33,4.16-8.18,9.24Z" transform="translate(-80.44 -232.69)" />
  1359.              <path fill="white" d="M446.32,302.79l.42-20-5.64-.14.21-1.2,3.81-3,6.77-5.43.85.21-.07,6.28h10.85l-1,3h-9.87l-.5,19.53c-.07,3.31,1.69,5.08,5.22,5.08a9.45,9.45,0,0,0,5.92-2.12l.35.71c-2.75,2.82-6.27,5.22-9.8,5.22C449.14,311,446.25,308.5,446.32,302.79Z" transform="translate(-80.44 -232.69)" />
  1360.              <path fill="white" d="M464.93,295.59c0-9.51,6.56-17,15.65-17,7.06,0,11.29,4,11.29,9.94a8.64,8.64,0,0,1-.22,1.84l-20.23-.14a20,20,0,0,0-.21,2.89c0,8.1,4.72,13.39,10.93,13.39a10.21,10.21,0,0,0,9.3-5l.78.42c-3.17,5.71-7.4,9-13.12,9C470.85,311,464.93,304.27,464.93,295.59ZM485.45,289c.07-4.87-1.69-9.17-5.71-9.17s-7.33,4.16-8.18,9.24Z" transform="translate(-80.44 -232.69)" />
  1361.              <path fill="white" d="M495.39,308.92l1.48-.07c2-.14,2.82-.35,2.82-1.2V288.26c0-4.37-.49-5.07-3-5.64l-1.62-.35.07-.78,10.43-2.75-.14,10.51h.21c2.47-6.84,5.29-10.58,9.45-10.58,2.54,0,4.51,1.76,4.51,3.88a3.77,3.77,0,0,1-3.8,3.95,4.14,4.14,0,0,1-4.09-3.81c-2.47.78-4.38,3.81-6.21,9.45v15.65c0,.64.49.92,3.32,1.06l2.39.07.21,1.06H495.18Z" transform="translate(-80.44 -232.69)" />
  1362.              <path fill="white" d="M270.32,346.29a14.12,14.12,0,0,1-9.89,4.11c-6.67,0-11.34-4.87-11.34-10.87A10.83,10.83,0,0,1,260.3,328.7a14.15,14.15,0,0,1,9.45,3.53l-1.87,1.84a11.35,11.35,0,0,0-7.52-2.94,8.42,8.42,0,1,0,.1,16.83,11.25,11.25,0,0,0,8-3.47Z" transform="translate(-80.44 -232.69)" />
  1363.              <path fill="white" d="M277.14,349.86V329.23h2.75v8.22h12.67v-8.22h2.71v20.63h-2.71v-10H279.89v10Z" transform="translate(-80.44 -232.69)" />
  1364.              <path fill="white" d="M322.25,329.23v13.3c0,5-3.89,7.87-9.1,7.87s-9-2.85-9-7.87v-13.3h2.72v13.3c0,3.51,2.77,5.43,6.31,5.43s6.35-1.92,6.35-5.43v-13.3Z" transform="translate(-80.44 -232.69)" />
  1365.              <path fill="white" d="M331.07,349.86V329.23h11.37a7.51,7.51,0,0,1,5.78,2.09,5.78,5.78,0,0,1,1.58,4c0,2.78-1.9,5-4.8,5.75l5.08,8.75H347l-4.73-8.4h-8.41v8.4Zm2.74-18.19V339h9.32a3.78,3.78,0,0,0,3.95-3.7,3.49,3.49,0,0,0-1-2.4,4.79,4.79,0,0,0-3.66-1.26Z" transform="translate(-80.44 -232.69)" />
  1366.              <path fill="white" d="M376.93,346.29a14.07,14.07,0,0,1-9.88,4.11c-6.67,0-11.34-4.87-11.34-10.87a10.83,10.83,0,0,1,11.21-10.83,14.15,14.15,0,0,1,9.45,3.53l-1.87,1.84a11.35,11.35,0,0,0-7.52-2.94,8.42,8.42,0,1,0,.1,16.83,11.25,11.25,0,0,0,8-3.47Z" transform="translate(-80.44 -232.69)" />
  1367.              <path fill="white" d="M383.76,349.86V329.23h2.75v8.22h12.66v-8.22h2.72v20.63h-2.72v-10H386.51v10Z" transform="translate(-80.44 -232.69)" />
  1368.            </svg>
  1369.          </a>
  1370.          <p class="font-headline text-2xl my-12 lg:my-8"><a href = 'https://goo.gl/maps/VYw1CJKJjgLXnbFb7' style = 'color:#fff;'>9500 Medlock Bridge Rd <br>Johns Creek, GA 30097</a> <br><br><a class='footer-phone' href = 'tel:6784052000'>678.405.2000</a></p>
  1371.        </div>
  1372.        <ul id="footer-nav" class="grid grid-cols-2 md:grid-cols-3 gap-y-6 gap-x-8 md:gap-x-16">
  1373.          <li class="leading-none text-sm">
  1374.            <a href="/join-us" class="hover:text-primary text-neutral"> Join Us Sunday </a>
  1375.          </li>
  1376.          <li class="leading-none text-sm">
  1377.            <a href="/ministries" class="hover:text-primary text-neutral"> Ministries </a>
  1378.          </li>
  1379.          <li class="leading-none text-sm">
  1380.            <a href="/press" class="hover:text-primary text-neutral"> Press </a>
  1381.          </li>
  1382.          <li class="leading-none text-sm">
  1383.            <a href="/about" class="hover:text-primary text-neutral"> About </a>
  1384.          </li>
  1385.          <li class="leading-none text-sm">
  1386.            <a href="/serve" class="hover:text-primary text-neutral"> Serve </a>
  1387.          </li>
  1388.          <li class="leading-none text-sm">
  1389.            <a href="/employment" class="hover:text-primary text-neutral"> Employment </a>
  1390.          </li>
  1391.          <li class="leading-none text-sm">
  1392.            <a href="/starthere" class="hover:text-primary text-neutral"> Visitors </a>
  1393.          </li>
  1394.          <li class="leading-none text-sm">
  1395.            <a href="/give" class="hover:text-primary text-neutral"> Give </a>
  1396.          </li>
  1397.          <li class="leading-none text-sm">
  1398.            <a href="/contact" class="hover:text-primary text-neutral"> Contact </a>
  1399.          </li>
  1400.          <li class="leading-none text-sm">
  1401.            <a href="/pages/children-students/camp-all-american" class="hover:text-primary text-neutral"> Camp All-American </a>
  1402.          </li>
  1403.          <li class="leading-none text-sm">
  1404.            <a href="/membership" class="hover:text-primary text-neutral"> Become a Member </a>
  1405.          </li>
  1406.          <li class="leading-none text-sm">
  1407.            <a href="/live" class="hover:text-primary text-neutral"> Live </a>
  1408.          </li>
  1409.          <li class="leading-none text-sm">
  1410.            <a href="/pages/children-students/perimeter-school" class="hover:text-primary text-neutral"> Perimeter School </a>
  1411.          </li>
  1412.          <li class="leading-none text-sm">
  1413.            <a href="/weeklyemail" class="hover:text-primary text-neutral"> Subscribe </a>
  1414.          </li>
  1415.          <li class="leading-none text-sm footer-hide-mobile">
  1416.  
  1417.          </li>
  1418.          <li class="leading-none text-sm">
  1419.            <a href="/city-impact" class="hover:text-primary text-neutral"> City Impact </a>
  1420.          </li>
  1421.        </ul>
  1422.        <div class="space-y-12 md:space-y-0 lg:space-y-12 mt-12 lg:mt-0 lg:max-w-40 md:flex items-center justify-between lg:block">
  1423.          <p id="servicetimes-footer" class="m-0 leading-none text-sm">
  1424.            
  1425.          </p>
  1426.          <a id="footer_link_watchonline" class="relative text-sm text-white text-center transition inline-block transform hover:scale-105 inline-flex items-center hover:text-primary text-inherit" href="/live">
  1427.            Watch Online
  1428.            <svg class="text-inherit w-4 ml-2 mt-1" viewBox="0 0 17 11" fill="none" xmlns="http://www.w3.org/2000/svg">
  1429.              <path d="M11.3793 10.0568L16.3906 5.04545L11.3793 0.0340908L10.2259 1.17756L13.2536 4.20526H0.75V5.88565H13.2536L10.2259 8.90838L11.3793 10.0568Z" fill="currentColor" />
  1430.            </svg>
  1431.          </a>
  1432.          
  1433.          <a id="footer_link_login" class="relative text-sm text-center transition inline-block transform hover:scale-105 px-6 py-4 bg-transparent border border-current" href="/login" style="color:white;border-color:white;"> Member Login </a>
  1434.          
  1435.        </div>
  1436.      </div>
  1437.      
  1438.      
  1439.      <div class="container mt-20">
  1440.        <div class="border-t border-paper border-opacity-20 pt-4 flex justify-between">
  1441.          <span class="text-sm">© 2022 Perimeter Church</span>
  1442.          <ul id="footer-social-nav" class="flex space-x-2 text-white">
  1443.            <li>
  1444.              <a href="https://www.instagram.com/perimeteratl/" class="hover:text-primary" title="Perimeter Church Instagram">
  1445.                <svg class="w-4 h-4" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  1446.                  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.46518 1.48532C2.37177 1.48532 1.48538 2.37171 1.48538 3.46512V8.41462C1.48538 9.50803 2.37177 10.3944 3.46518 10.3944H8.41468C9.50809 10.3944 10.3945 9.50803 10.3945 8.41462V3.46512C10.3945 2.37171 9.50809 1.48532 8.41468 1.48532H3.46518ZM0.495483 3.46512C0.495483 1.825 1.82506 0.495422 3.46518 0.495422H8.41468C10.0548 0.495422 11.3844 1.825 11.3844 3.46512V8.41462C11.3844 10.0547 10.0548 11.3843 8.41468 11.3843H3.46518C1.82506 11.3843 0.495483 10.0547 0.495483 8.41462V3.46512Z" fill="currentColor" />
  1447.                  <path fill-rule="evenodd" clip-rule="evenodd" d="M6.17852 4.4492C5.86958 4.40339 5.55406 4.45616 5.27684 4.6C4.99961 4.74385 4.77481 4.97144 4.63439 5.25042C4.49398 5.52939 4.4451 5.84554 4.49472 6.15389C4.54434 6.46224 4.68992 6.74709 4.91077 6.96794C5.13161 7.18878 5.41646 7.33436 5.72482 7.38398C6.03317 7.4336 6.34931 7.38472 6.62829 7.24431C6.90726 7.10389 7.13486 6.87909 7.2787 6.60187C7.42254 6.32464 7.47531 6.00913 7.4295 5.70019C7.38277 5.38505 7.23593 5.09331 7.01066 4.86804C6.78539 4.64277 6.49365 4.49593 6.17852 4.4492ZM4.82092 3.72134C5.28295 3.4816 5.80882 3.39365 6.32372 3.47001C6.84894 3.54789 7.33518 3.79263 7.71062 4.16808C8.08607 4.54352 8.33081 5.02977 8.40869 5.55498C8.48505 6.06988 8.3971 6.59575 8.15736 7.05778C7.91762 7.51982 7.53829 7.8945 7.07334 8.12852C6.60838 8.36255 6.08147 8.444 5.56755 8.36131C5.05363 8.27861 4.57887 8.03597 4.2108 7.6679C3.84273 7.29983 3.60009 6.82507 3.51739 6.31115C3.4347 5.79723 3.51616 5.27032 3.75018 4.80537C3.98421 4.34041 4.35888 3.96109 4.82092 3.72134Z" fill="currentColor" />
  1448.                  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.16663 3.21718C8.16663 2.94383 8.38822 2.72223 8.66158 2.72223H8.66653C8.93988 2.72223 9.16148 2.94383 9.16148 3.21718C9.16148 3.49053 8.93988 3.71213 8.66653 3.71213H8.66158C8.38822 3.71213 8.16663 3.49053 8.16663 3.21718Z" fill="currentColor" />
  1449.                  <defs></defs>
  1450.                </svg>
  1451.              </a>
  1452.            </li>
  1453.            <li>
  1454.              <a href="https://www.facebook.com/Perimeteratl/" class="hover:text-primary" title="Perimeter Church Facebook">
  1455.                <svg class="w-4 h-4" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  1456.                  <path d="M9.78807 0.989929H8.30323C7.64688 0.989929 7.01742 1.25066 6.55331 1.71477C6.08921 2.17887 5.82848 2.80833 5.82848 3.46468V4.94953H4.34363V6.92933H5.82848V10.8889H7.80828V6.92933H9.29313L9.78807 4.94953H7.80828V3.46468C7.80828 3.33341 7.86042 3.20752 7.95324 3.1147C8.04606 3.02187 8.17196 2.96973 8.30323 2.96973H9.78807V0.989929Z" fill="currentColor" />
  1457.                </svg>
  1458.              </a>
  1459.            </li>
  1460.            <li>
  1461.              <a href="https://www.youtube.com/channel/UCml7OYpCfPh4VWaajAWLl4w" class="hover:text-primary" title="Perimeter Church YouTube">
  1462.                <svg class="w-4 h-4" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  1463.                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5661 2.55365C11.7347 2.72745 11.8545 2.94268 11.9133 3.17758C12.0703 4.04804 12.1465 4.93116 12.1409 5.81566C12.1441 6.68693 12.0679 7.55669 11.9133 8.41414C11.8545 8.64904 11.7347 8.86427 11.5661 9.03807C11.3975 9.21188 11.1861 9.33812 10.9531 9.40404C10.1018 9.63172 6.6965 9.63172 6.6965 9.63172C6.6965 9.63172 3.29125 9.63172 2.43993 9.40404C2.21167 9.34159 2.00338 9.22131 1.83517 9.05485C1.66697 8.88838 1.54455 8.68134 1.47973 8.45374C1.32272 7.58327 1.2465 6.70016 1.25205 5.81566C1.24772 4.93777 1.32393 4.06134 1.47973 3.19737C1.53852 2.96248 1.65827 2.74725 1.82686 2.57344C1.99546 2.39963 2.20693 2.27339 2.43993 2.20747C3.29125 1.9798 6.6965 1.9798 6.6965 1.9798C6.6965 1.9798 10.1018 1.9798 10.9531 2.18768C11.1861 2.2536 11.3975 2.37984 11.5661 2.55365ZM8.42913 5.81563L5.58317 7.43412V4.19715L8.42913 5.81563Z" fill="currentColor" />
  1464.                  <defs></defs>
  1465.                </svg>
  1466.              </a>
  1467.            </li>
  1468.  
  1469.          </ul>
  1470.        </div>
  1471.      </div>
  1472.      
  1473.    </footer>
  1474.  
  1475.  
  1476.  <div class="body-overlay bg-navy bg-opacity-80 absolute h-full w-full inset-0 z-20 transition"></div>
  1477.  
  1478. </div>
  1479.  
  1480.  
  1481.  
  1482.  
  1483.  
  1484.  
  1485.  
  1486.  
  1487.  
  1488.  
  1489.  
  1490.  
  1491.  
  1492.  
  1493.  
  1494.  
  1495.  
  1496.  
  1497.  
  1498.  
  1499.  
  1500.  
  1501.    
  1502.    <script src="/js/manifest.js?20220320"></script>
  1503.    <script src="/js/vendor.js?20220320"></script>
  1504.    <script src="/js/site.js?20220320"></script>
  1505.    <script src="/js/edits.js?20220320"></script>
  1506.    
  1507.  
  1508.  
  1509.  
  1510.    <script src="/assets-4.0/js/jquery-1.12.4.min.js"></script>
  1511.    <script src="/assets-4.0/js/jquery.matchHeight.js"></script>
  1512.    <script src="/assets-4.0/js/jquery.countdown.min.js"></script>
  1513.    <script src="/assets-4.0/js/owl.carousel.min.js"></script>
  1514.    <script src="/assets-4.0/js/jquery.nicescroll.min.js"></script>
  1515.    <script src="/assets-4.0/js/icheck.min.js"></script>
  1516.  
  1517.    <script src="/assets-5.0/js/scripts.js?2021092500"></script>
  1518.  
  1519.    <script type="text/javascript" src="/assets-2.0/js/all-scripts.js?2021092500"></script>
  1520.  
  1521.  
  1522.  
  1523.  
  1524.    <script type="text/javascript">
  1525.      if (typeof console == "undefined") {
  1526.          this.console = {log: function() {}};
  1527.      }
  1528.  
  1529.      $(function ()
  1530.      {
  1531.        $('#msg_close').click(function(e) {
  1532.             $('#msg_container').hide();
  1533.             e.preventDefault();
  1534.         });
  1535.         $('#modal_msg_container').click(function(e) {
  1536.             $('#msg_container').hide();
  1537.             e.preventDefault();
  1538.         });
  1539.         $('#modal_msg .popup').click(function(e) {
  1540.            var url = $(this).attr('href');
  1541.            window.open(url, 'Perimeter', 'resizable=yes,scrollbars=yes,menubar=no,toolbar=no,width=850,height=700');
  1542.        });
  1543.  
  1544.      });
  1545.    </script>
  1546.  
  1547.    <script>
  1548.      $("a[data-dashcons]").on('click', function(event) {
  1549.        event.preventDefault();
  1550.        var el = $(this);
  1551.  
  1552.        if (!el.hasClass('clicked')) {
  1553.          el.addClass('clicked');
  1554.          var dashcons = $(this).attr('data-dashcons');
  1555.          var loading = document.createElement('div');
  1556.          loading.classList.add('dashcons-loading');
  1557.          $(loading).insertAfter(el);
  1558.  
  1559.          $.get('/api/v1/dashcons/my_' + dashcons).done(function(response) {
  1560.            var ul = $(document.createElement('ul'));
  1561.            loading.remove();
  1562.  
  1563.            $.each(response.data, function(i, link) {
  1564.              console.warn('link', link);
  1565.              var li = $(document.createElement('li'));
  1566.              var a = document.createElement('a');
  1567.              a.href = link.url;
  1568.              a.innerText = link.title;
  1569.              li.append(a);
  1570.              ul.append(li);
  1571.            });
  1572.  
  1573.            ul.insertAfter(el);
  1574.          });
  1575.        }
  1576.      });
  1577.    </script>
  1578.  
  1579.    <script src="/assets-2.0/js/sitebanner.js"></script>
  1580.    <script src="/assets-4.0/js/livestreams.js"></script>
  1581.    <script>
  1582.      perimeter.sitebanner.render(document.getElementById('porg5_0'));
  1583.      $(function() {
  1584.        livestreams.banner();
  1585.      });
  1586.    </script>
  1587.    <script src="/assets-2.0/js/lightbox.js"></script>
  1588.    <script src="/assets-2.0/js/quicklink-lightbox.js?20210702"></script>
  1589.  
  1590.    <script src='/assets-2.0/js/servicetimes.frontend.min.js'></script>
  1591.    <script>
  1592.      serviceTimes.render('#servicetimes-header');
  1593.      serviceTimes.render('#servicetimes-footer');
  1594.      serviceTimes.render('.worship-times');
  1595.    </script>
  1596.  
  1597.    <script type="text/javascript" id="vision2token">
  1598.      window.v2mptoken = {
  1599.        id: 231,
  1600.        token:""
  1601.      }
  1602.    </script>
  1603.  
  1604.    
  1605.    
  1606.  
  1607.    <!-- Google tag (gtag.js) -->
  1608.    <script async src="https://www.googletagmanager.com/gtag/js?id=G-4CVP0BSZY1"></script>
  1609.    <script>
  1610.      window.dataLayer = window.dataLayer || [];
  1611.      function gtag(){dataLayer.push(arguments);}
  1612.      gtag('js', new Date());
  1613.  
  1614.      gtag('config', 'G-4CVP0BSZY1');
  1615.    </script>
  1616.  
  1617.  
  1618.  
  1619.  
  1620.  
  1621. </body>
  1622. </html>
  1623. <!--
  1624. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1625. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1626. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1627. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1628. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1629. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1630. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1631. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1632. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1633. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1634. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1635. NNNNNNNNNNNNNNdhhdmNNNNNNNNNNNNdssshNNNNNNNNNNNNNNNmdhyssyhdmNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1636. NNNNNNNNNNNNNyssssshmNNNNNNNNNs.....:hNNNNNNNNNNds/-........-:odNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1637. NNNNNNNNNNNNNsssssssshmNNNNNNN+......./hNNNNNNd/................/hNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1638. NNNNNNNNNNNNNmysssssssshmNNNNNm+......../hNNNN:........-..........+mNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1639. NNNNNNNNNNNNNNNmysssssssshmNNNNNdo-......./hNNs-...-+ydmmdy+-....../NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1640. NNNNNNNNNNNNNNNNNmysssssssshmNNNNNdo-......./hNdyyydNNNNNNNNd:......yNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1641. NNNNNNNNNNNNNNNNNNNmysssssssshmNNNNNdo-......./hNNNNNNNNNNNNNh......+NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1642. NNNNNNNNNNNNNNNNNNNNNmysssssssshmNNNNNdo-......./hNNNNNNNNNNNh......-++oyhmNNNNNNNNNNNNNNNNNNNNNNNNN
  1643. NNNNNNNNNNNNNNNNNNNNNNNmysssssssshmNNNNNdo-......./hNNNNNNNNh-............-/ymNNNNNNNNNNNNNNNNNNNNNN
  1644. NNNNNNNNNNNNNNNNNNNNNNNNNmysssssssshmNNNNNd+-......./shddhs/.................:yNNNNNNNNNNNNNNNNNNNNN
  1645. NNNNNNNNNNNNNNNNNNNNNNNNNNNdysssssssshmNNNNNd+-...................-::::........+mNNNNNNNNNNNNNNNNNNN
  1646. NNNNNNNNNNNNNNNNNNNNNmhyyyhmNmysssssssshmNNNNNd+-.............../ymmNNmds-....../NNNNNNNNNNNNNNNNNNN
  1647. NNNNNNNNNNNNNNNNNNNNdsssssssNNNdysssssssshNNNNNNmy+:-..........oNNNNNNNNNm:......hNNNNNNNNNNNNNNNNNN
  1648. NNNNNNNNNNNNNNNNNNNhsssssssyNNNNNdysssssssyNNNNNNNNmddhh-......mNNNNNNNNNNs......sNNNNNNNNNNNNNNNNNN
  1649. NNNNNNNNNNNNNNNNNNmsssssssdNNNNNNNNdsssssssdNNNNNNNNNNNN/......hNNNNNNNNNN+......yNNNNNNNNNNNNNNNNNN
  1650. NNNNNNNNNNNNNNNNNNhsssssshNNNNNNNNNNdssssssyNNNNNNNNNNNNy......-ymNNNNNNm+......-mNNNNNNNNNNNNNNNNNN
  1651. NNNNNNNNNNNNNNNNNNhssssssdNNNNNNNNNNmsssssssdddmmNNNNNNNNo.......:ymNNNN-......-hNNNNNNNNNNNNNNNNNNN
  1652. NNNNNNNNNNNNNNNNNNdsssssssmNNNNNNNNmyssssssssssssyhmNNNNNNy-.......:ymNN:...../dNNNNNNNNNNNNNNNNNNNN
  1653. NNNNNNNNNNNNNNNNNNNyssssssshdmmmmmhsssssssssssssssssymNNNNNms-.......:ymmy+/+hNNNNNNNNNNNNNNNNNNNNNN
  1654. NNNNNNNNNNNNNNNNNNNNhsssssssssssssssssssssssssssssssssymNNNNNms-.......:ymNNNNNNNNNNNNNNNNNNNNNNNNNN
  1655. NNNNNNNNNNNNNNNNNNNNNdyssssssssssssssssshmmmmmdyssssssssymNNNNNms-.......:ymNNNNNNNNNNNNNNNNNNNNNNNN
  1656. NNNNNNNNNNNNNNNNNNNNNNNmhyssssssssssssymNNNNNNNNmhssssssssymNNNNNms-.......:ymNNNNNNNNNNNNNNNNNNNNNN
  1657. NNNNNNNNNNNNNNNNNNNNNNNNNNmmdddsssssssmNNNNNNNNNNNmhssssssssymNNNNNms-.......:ymNNNNNNNNNNNNNNNNNNNN
  1658. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNyssssssdNNNNNNNNNNNNNmhssssssssymNNNNNms-.......:ymNNNNNNNNNNNNNNNNNN
  1659. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNdsssssssmNNNNNNNNdhhhmNmhssssssssymNNNNNms-.......:ymNNNNNNNNNNNNNNNN
  1660. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNysssssssyhdmmdhyssssshNNmhssssssssymNNNNNms-.......:ymNNNNNNNNNNNNNN
  1661. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNhsssssssssssssssssssyNNNNmhssssssssymNNNNNms-.......:yNNNNNNNNNNNNN
  1662. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNmhsssssssssssssssshmNNNNNNmhsssssssyNNNNNNNms-.......NNNNNNNNNNNNN
  1663. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNmdysssssssssyhdNNNNNNNNNNNmhsssssdNNNNNNNNNms-...-oNNNNNNNNNNNNN
  1664. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNmmmddmmNNNNNNNNNNNNNNNNNmddmNNNNNNNNNNNNNmhyhmNNNNNNNNNNNNNN
  1665. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1666. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1667. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1668. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1669. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1670. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1671. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1672. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1673. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1674. NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
  1675. ................................................................website.by.blackpulp.com............
  1676. -->
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda