
<html lang="en">
  <meta charset="UTF-8">
  <title>Join Us</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <style>
    @import url('https://fonts.cdnfonts.com/css/euclid-circular-a');
    * {
      font-family: 'Euclid Circular A', sans-serif;
    }

    body {
      background-color: #f8f8f8;
      font-family: 'Helvetica Neue', sans-serif;
    }

    .join-section {
      padding: 60px 20px;
    }

    .join-section h2 {
      font-weight: 700;
      font-size: 25px;
      margin-bottom: 25px;
      color: #1C1A1A;
    }

    .join-section p {
      font-size: 19px;
      margin-bottom: 30px;
      font-weight: 400;
line-height: 30px;
color: #080D17;

    }

    .join-section a {
      text-decoration: none ;
      display: block;
      margin-bottom: 1rem;

    }

    .join-section a.link-blue {
      font-weight: 500;
      text-decoration: none;
font-size: 19px;
line-height: 40px;
color: #080D17;

    }

    .join-section a.link-red {
      color: #AB0635;
      border-bottom: 2px solid #AB0635;
      width: fit-content;
      font-size: 19px;
      margin-bottom: 25px;
      
    }
  </style>

<script type="text/javascript" class="flasher-js">(function() {    var rootScript = 'https://cdn.jsdelivr.net/npm/@flasher/flasher@1.3.2/dist/flasher.min.js';    var 
[]
 = {};    var options = mergeOptions([], 
[]
);    function mergeOptions(first, second) {        return {            context: merge(first.context || {}, second.context || {}),            envelopes: merge(first.envelopes || [], second.envelopes || []),            options: merge(first.options || {}, second.options || {}),            scripts: merge(first.scripts || [], second.scripts || []),            styles: merge(first.styles || [], second.styles || []),        };    }    function merge(first, second) {        if (Array.isArray(first) && Array.isArray(second)) {            return first.concat(second).filter(function(item, index, array) {                return array.indexOf(item) === index;            });        }        return Object.assign({}, first, second);    }    function renderOptions(options) {        if(!window.hasOwnProperty('flasher')) {            console.error('Flasher is not loaded');            return;        }        requestAnimationFrame(function () {            window.flasher.render(options);        });    }    function render(options) {        if ('loading' !== document.readyState) {            renderOptions(options);            return;        }        document.addEventListener('DOMContentLoaded', function() {            renderOptions(options);        });    }    if (1 === document.querySelectorAll('script.flasher-js').length) {        document.addEventListener('flasher:render', function (event) {            render(event.detail);        });            }    if (window.hasOwnProperty('flasher') || !rootScript || document.querySelector('script[src="' + rootScript + '"]')) {        render(options);    } else {        var tag = document.createElement('script');        tag.setAttribute('src', rootScript);        tag.setAttribute('type', 'text/javascript');        tag.onload = function () {            render(options);        };        document.head.appendChild(tag);    }})();</script><script src="https://cdn.jsdelivr.net/npm/@flasher/flasher@1.3.2/dist/flasher.min.js" type="text/javascript"></script><script src="https://cdn.jsdelivr.net/npm/@flasher/flasher@1.3.2/dist/flasher.min.js" type="text/javascript"></script>

  <body data-aos-easing="ease" data-aos-duration="1200" data-aos-delay="0">
  <section class="join-section bg-light">
    <div class="container">
      <h2 class="text-dark">JOIN US</h2>
      <p class="text-dark">
        Anyone interested in learning about and preserving St. Charles County history and genealogy is invited to join us.
        The Society’s activities and archives are funded by membership dues, special activities and a trust created from the
        sale of historic properties.
      </p>
      <a href="#" class="link-blue">
        Please join us by becoming a member, a volunteer, or an intern.
      </a>

      <a href="/membership-information-join-us" class="link-red">Membership Information</a>
      <a href="/member-benefit" class="link-red">Member Benefits</a>
      <a href="/volunteer-and-interns" class="link-red">Become a Volunteer or Intern</a>
      <a href="/join/register1" class="link-red">Online Join</a>
    </div>
  </section>



