<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Let’s get connected on elksonline.org</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
      @media only screen and (max-width: 600px) {
        .container {
          width: 100% !important;
        }
        .inner-padding {
          padding-left: 16px !important;
          padding-right: 16px !important;
        }
        .step-image {
          width: 100% !important;
          height: auto !important;
        }
        .btn a {
          display: block !important;
        }
      }
    </style>
  </head>
  <body style="margin:0; padding:0; background-color:#f2f4f8;">

    <center style="width:100%; background-color:#f2f4f8;">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td align="center" style="padding:24px 8px;">

            <!-- Main container -->
            <table role="presentation" class="container" width="640" cellpadding="0" cellspacing="0" border="0"
                   style="width:640px; max-width:100%; background-color:#ffffff; border-radius:12px; border:1px solid #dde2ee;">

              <!-- Top accent bar -->
              <tr>
                <td style="height:5px; line-height:5px; font-size:0; background:linear-gradient(90deg,#007bff 0%,#00c0ff 100%); border-radius:12px 12px 0 0;">
                  &nbsp;
                </td>
              </tr>

              <!-- Title banner image -->
              <tr>
                <td style="padding:0 0 8px 0;">
                  <img src="https://mcusercontent.com/e85c0552350c978c2b8a2c06e/images/b1e5b32c-9daf-7814-5547-677119fcc43c.jpg"
                       alt="Elksonline title banner"
                       width="640"
                       style="display:block; width:100%; max-width:640px; height:auto; border:0; border-radius:0;">
                </td>
              </tr>

              <!-- Intro -->
              <tr>
                <td class="inner-padding" style="padding:20px 32px 10px 32px;">
                  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                      <td style="font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#111111; text-align:left;">
                        Let’s get connected on elksonline.org
                      </td>
                    </tr>
                    <tr>
                      <td style="padding-top:12px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.7; color:#222222; text-align:left;">
                        The <a href="https://elksonline.org" target="_blank" style="color:#007bff; text-decoration:none;">elksonline.org</a> platform is being used by Elks lodges across Washington to build community online, share ideas, and take part in fun statewide activities. Together, we can show what an active and welcoming lodge community looks like.
                      </td>
                    </tr>
                    <tr>
                      <td style="padding-top:10px; padding-bottom:14px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.7; color:#222222; text-align:left;">
                        This guide walks you through how to register, check in to lodges, and use your votes to support lodges that are working hard on their online presence and communication.
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>

              <!-- Top button -->
              <tr>
                <td class="inner-padding" style="padding:0 32px 16px 32px;">
                  <table role="presentation" align="left" cellpadding="0" cellspacing="0" border="0" class="btn">
                    <tr>
                      <td align="center" style="border-radius:4px; background-color:#007bff;">
                        <a href="https://elksonline.org" target="_blank"
                           style="display:inline-block; padding:10px 22px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ffffff; text-decoration:none; text-transform:uppercase; letter-spacing:0.08em; border-radius:4px;">
                          Visit elksonline.org
                        </a>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>

              <!-- Divider -->
              <tr>
                <td style="padding:0 32px 8px 32px;">
                  <hr style="border:0; border-top:1px solid #dde2ee; height:1px;">
                </td>
              </tr>

              <!-- Step 1 -->
              <tr>
                <td class="inner-padding" style="padding:10px 32px 4px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#111111;">
                    Step 1: Go to elksonline.org
                  </div>
                </td>
              </tr>
              <tr>
                <td class="inner-padding" style="padding:4px 32px 10px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.7; color:#222222;">
                    Open your browser, go to <a href="https://elksonline.org" target="_blank" style="color:#007bff; text-decoration:none;">elksonline.org</a>, and you will land on the main hub for the online lodge community.
                  </div>
                </td>
              </tr>
              <tr>
                <td class="inner-padding" style="padding:0 32px 20px 32px;">
                  <img src="https://mcusercontent.com/e85c0552350c978c2b8a2c06e/images/b9f9133b-ae72-a49b-dc49-edee970529b8.jpg"
                       alt="Arrow pointing at elksonline.org in the browser"
                       width="576"
                       style="display:block; width:100%; max-width:576px; height:auto; border-radius:6px; border:1px solid #dde2ee;"
                       class="step-image">
                </td>
              </tr>

              <!-- Step 2 -->
              <tr>
                <td class="inner-padding" style="padding:0 32px 4px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#111111;">
                    Step 2: Create your account
                  </div>
                </td>
              </tr>
              <tr>
                <td class="inner-padding" style="padding:4px 32px 10px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.7; color:#222222;">
                    Look for the Register option and follow the prompts. It only takes a minute and it unlocks check ins, voting, and all of the interactive tools.
                  </div>
                </td>
              </tr>
              <tr>
                <td class="inner-padding" style="padding:0 32px 20px 32px;">
                  <img src="https://mcusercontent.com/e85c0552350c978c2b8a2c06e/images/159112c1-bedb-d77c-ed1d-2c4a2571723c.jpg"
                       alt="Image showing where to register on elksonline.org"
                       width="576"
                       style="display:block; width:100%; max-width:576px; height:auto; border-radius:6px; border:1px solid #dde2ee;"
                       class="step-image">
                </td>
              </tr>

              <!-- Step 3 -->
              <tr>
                <td class="inner-padding" style="padding:0 32px 4px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#111111;">
                    Step 3: Activate your account from the email
                  </div>
                </td>
              </tr>
              <tr>
                <td class="inner-padding" style="padding:4px 32px 10px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.7; color:#222222;">
                    Check your inbox for the elksonline.org verification email. Click the Activate your account button so your login is ready to use.
                  </div>
                </td>
              </tr>
              <tr>
                <td class="inner-padding" style="padding:0 32px 20px 32px;">
                  <img src="https://mcusercontent.com/e85c0552350c978c2b8a2c06e/images/11e03106-455c-602a-967a-cb890f623e62.jpg"
                       alt="Arrow pointing at Activate your account button in the email"
                       width="576"
                       style="display:block; width:100%; max-width:576px; height:auto; border-radius:6px; border:1px solid #dde2ee;"
                       class="step-image">
                </td>
              </tr>

              <!-- Step 4 -->
              <tr>
                <td class="inner-padding" style="padding:0 32px 4px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#111111;">
                    Step 4: Tweak your settings any time
                  </div>
                </td>
              </tr>
              <tr>
                <td class="inner-padding" style="padding:4px 32px 10px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.7; color:#222222;">
                    Use the Tweak your settings link to update your information, reset your password, and control what you share on your profile.
                  </div>
                </td>
              </tr>
              <tr>
                <td class="inner-padding" style="padding:0 32px 20px 32px;">
                  <img src="https://mcusercontent.com/e85c0552350c978c2b8a2c06e/images/7bcaec7a-e4a2-04d8-1667-7b3e02b52111.jpg"
                       alt="Arrow pointing at Tweak your settings link"
                       width="576"
                       style="display:block; width:100%; max-width:576px; height:auto; border-radius:6px; border:1px solid #dde2ee;"
                       class="step-image">
                </td>
              </tr>

              <!-- Step 5 -->
              <tr>
                <td class="inner-padding" style="padding:0 32px 4px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#111111;">
                    Step 5: Explore the member directory
                  </div>
                </td>
              </tr>
              <tr>
                <td class="inner-padding" style="padding:4px 32px 10px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.7; color:#222222;">
                    Browse member panels from around the state. This gives you a feel for how other Elks are using the platform and helps everyone feel more connected across Washington.
                  </div>
                </td>
              </tr>
              <tr>
                <td class="inner-padding" style="padding:0 32px 20px 32px;">
                  <img src="https://mcusercontent.com/e85c0552350c978c2b8a2c06e/images/5b3fc572-efdb-a166-f9b1-d23a56fe30c4.jpg"
                       alt="Member directory panels"
                       width="576"
                       style="display:block; width:100%; max-width:576px; height:auto; border-radius:6px; border:1px solid #dde2ee;"
                       class="step-image">
                </td>
              </tr>

              <!-- Step 6 -->
              <tr>
                <td class="inner-padding" style="padding:0 32px 4px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#111111;">
                    Step 6: Personalize your profile
                  </div>
                </td>
              </tr>
              <tr>
                <td class="inner-padding" style="padding:4px 32px 10px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.7; color:#222222;">
                    Add a banner, profile photo, and any information you want to share. A complete profile helps your lodge feel welcoming and makes it easier for members to recognize each other online.
                  </div>
                </td>
              </tr>
              <tr>
                <td class="inner-padding" style="padding:0 32px 20px 32px;">
                  <img src="https://mcusercontent.com/e85c0552350c978c2b8a2c06e/images/74cb1601-011a-1145-a8c9-ff8ec08cda38.jpg"
                       alt="Example of a member profile with banner and info"
                       width="576"
                       style="display:block; width:100%; max-width:576px; height:auto; border-radius:6px; border:1px solid #dde2ee;"
                       class="step-image">
                </td>
              </tr>

              <!-- Step 7 -->
              <tr>
                <td class="inner-padding" style="padding:0 32px 4px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#111111;">
                    Step 7: Play the lodge check in game
                  </div>
                </td>
              </tr>
              <tr>
                <td class="inner-padding" style="padding:4px 32px 10px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.7; color:#222222;">
                    When you are at a lodge, enable your location and tap the check in button. This unlocks visit achievements and helps show how active members are around Washington. Every time you check into a lodge, you earn points and that lodge earns points too, which both feed into the statewide Online Presence scoring.
                  </div>
                </td>
              </tr>
              <tr>
                <td class="inner-padding" style="padding:0 32px 20px 32px;">
                  <img src="https://mcusercontent.com/e85c0552350c978c2b8a2c06e/images/4dd4cc9c-c770-ba81-62e3-b709b3b8fb5c.jpg"
                       alt="Geolocate game buttons used to check into lodges"
                       width="576"
                       style="display:block; width:100%; max-width:576px; height:auto; border-radius:6px; border:1px solid #dde2ee;"
                       class="step-image">
                </td>
              </tr>

              <!-- Step 8 -->
              <tr>
                <td class="inner-padding" style="padding:0 32px 4px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#111111;">
                    Step 8: Track your lodge visit points
                  </div>
                </td>
              </tr>
              <tr>
                <td class="inner-padding" style="padding:4px 32px 10px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.7; color:#222222;">
                    Your profile shows how many check in points you have earned. It is a fun way to keep track of where you have been and to show your support for lodges across the state. These check in points also roll into the Online Presence competition totals for the lodges you visit.
                  </div>
                </td>
              </tr>
              <tr>
                <td class="inner-padding" style="padding:0 32px 20px 32px;">
                  <img src="https://mcusercontent.com/e85c0552350c978c2b8a2c06e/images/d31f8e17-8a1f-66a9-5d66-730c90123379.jpg"
                       alt="Check in points score on user profile"
                       width="576"
                       style="display:block; width:100%; max-width:576px; height:auto; border-radius:6px; border:1px solid #dde2ee;"
                       class="step-image">
                </td>
              </tr>

              <!-- Step 9 -->
              <tr>
                <td class="inner-padding" style="padding:0 32px 4px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#111111;">
                    Step 9: Use your 25 votes across Elkdom
                  </div>
                </td>
              </tr>
              <tr>
                <td class="inner-padding" style="padding:4px 32px 10px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.7; color:#222222;">
                    Each member gets 25 votes to spread around Washington. You can support your home lodge and also help highlight lodges that are working hard on communication, online presence, and activity. Votes count toward the Online Presence competition, and lodges that receive steady support through votes and check ins earn bonus points in the standings.
                  </div>
                </td>
              </tr>
              <!-- Voting image 1 (links to lodge voting panels) -->
              <tr>
                <td class="inner-padding" style="padding:0 32px 4px 32px;">
                  <img src="https://mcusercontent.com/e85c0552350c978c2b8a2c06e/images/11b42cca-7efc-d0c4-f102-6b1ff51790ec.jpg"
                       alt="Screen showing links to lodge voting panels"
                       width="576"
                       style="display:block; width:100%; max-width:576px; height:auto; border-radius:6px; border:1px solid #dde2ee;"
                       class="step-image">
                </td>
              </tr>
              <!-- Spacer row between voting images -->
              <tr>
                <td style="height:10px; line-height:10px; font-size:0;">
                  &nbsp;
                </td>
              </tr>
              <!-- Voting image 2 (nonbiased voting panel) -->
              <tr>
                <td class="inner-padding" style="padding:0 32px 20px 32px;">
                  <img src="https://mcusercontent.com/e85c0552350c978c2b8a2c06e/images/1ef55dd6-0ac4-97a3-12b1-1c348d6fb054.jpg"
                       alt="Example voting panel for a lodge"
                       width="576"
                       style="display:block; width:100%; max-width:576px; height:auto; border-radius:6px; border:1px solid #dde2ee;"
                       class="step-image">
                </td>
              </tr>

              <!-- Step 10 -->
              <tr>
                <td class="inner-padding" style="padding:0 32px 4px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#111111;">
                    Step 10: Join the discussion forum
                  </div>
                </td>
              </tr>
              <tr>
                <td class="inner-padding" style="padding:4px 32px 10px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.7; color:#222222;">
                    The forum is a place to share ideas, ask questions, and learn what other lodges are doing. A connected state is a stronger state, and every lodge voice matters there.
                  </div>
                </td>
              </tr>
              <tr>
                <td class="inner-padding" style="padding:0 32px 20px 32px;">
                  <img src="https://mcusercontent.com/e85c0552350c978c2b8a2c06e/images/aace3190-e216-98d0-f2f7-5f722381cc25.jpg"
                       alt="Discussion forum with arrow pointing at the link"
                       width="576"
                       style="display:block; width:100%; max-width:576px; height:auto; border-radius:6px; border:1px solid #dde2ee;"
                       class="step-image">
                </td>
              </tr>

              <!-- Extra supportive line -->
              <tr>
                <td class="inner-padding" style="padding:0 32px 8px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.7; color:#222222;">
                    As more members register, activate, check in, and vote, lodges will stand out in the directory. It is one more way to show that our Washington lodges are engaged and welcoming.
                  </div>
                </td>
              </tr>

              <!-- Bottom button -->
              <tr>
                <td class="inner-padding" style="padding:0 32px 8px 32px;">
                  <table role="presentation" align="left" cellpadding="0" cellspacing="0" border="0" class="btn">
                    <tr>
                      <td align="center" style="border-radius:4px; background-color:#007bff;">
                        <a href="https://elksonline.org" target="_blank"
                           style="display:inline-block; padding:10px 22px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ffffff; text-decoration:none; text-transform:uppercase; letter-spacing:0.08em; border-radius:4px;">
                          Visit elksonline.org
                        </a>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>

              <!-- Future features / incentives -->
              <tr>
                <td class="inner-padding" style="padding:4px 32px 16px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.7; color:#222222;">
                    This is only the beginning. There are more tools, games, and features already being cooked up for elksonline.org. The lodge that leads the Online Presence competition will receive a monetary award at the 2026 Summer Convention that can be used for tech related improvements. Lodges that consistently receive member check ins and votes earn bonus points in the competition, and a micro grant program is being developed to help lodges with small, lodge based tech needs.
                  </div>
                </td>
              </tr>

              <!-- Closing line -->
              <tr>
                <td class="inner-padding" style="padding:0 32px 24px 32px;">
                  <div style="font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; line-height:1.7; color:#111111;">
                    Ready to check in, vote, and represent your lodge online?
                  </div>
                </td>
              </tr>

            </table>

          </td>
        </tr>
      </table>
    </center>

  </body>
</html>
