<div class="email-template-container">
    <style type="text/css">
      @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");

      body {
        font-family: "Inter", sans-serif;
        margin: 0;
        background-color: #f7f7f8;
        line-height: 1.8;
        color: #333333;

      }

      table {
        border-spacing: 0;
        width: 100%;
        border-collapse: collapse;
      }

      img {
        border: 0;
      }

      td {
        border: 1px solid #D3FAD1 !important;
        opacity: 0.8;
        text-align: center;
        padding: 10px;
      }

      .website-list-table tbody tr:nth-child(even) {
        background-color: #F0FFEF !important;
      }

      .website-link {
        color: #256f2f !important;
        font-weight: 500;
        text-decoration: none;
        font-size: 16px;
      }

      .header {
        background-color: white !important;
      }

      @media (prefers-color-scheme: dark) {
        .header {
          background-color: white !important;
        }
      }

      .heading-two {
        font-size: 24px;
        margin-top: 12px;
        line-height: 100%;
        padding-bottom: 30px !important;
        margin-bottom: 0;
        font-weight: 500 !important;
        color: #000;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      }

      .heading-three {
        font-size: 24px;
        color: #333333;
        font-weight: 600 !important;

      }

      .header-logo {
        height: 43px;
      }

      .message-section {
        margin-bottom: 43px;
        font-size: 16px;
        opacity: 0.8;
      }

      .social-link {
        margin: 5px;
        display: inline-block;
        text-decoration: none;
      }

      .click-here-btn {
        display: block;
        margin: auto;
        padding: 15px 20px;
        background-color: rgba(61, 187, 76, 1) !important;
        color: white !important;
        font-size: 18px;
        font-weight: 500;
        max-width: 654px;
        text-decoration: none;
        border-radius: 4px;
      }

      .table-wrapper {
        overflow: hidden;
        border-radius: 2px;
      }

      @media screen and (max-width: 768px) {
        .header-logo {
          height: 24px;
        }

        .table-wrapper {
          width: 100%;
          overflow-x: scroll !important;

        }

        .heading-three,
        .heading-two {
          margin-top: 8px !important;
          font-size: 16px !important;
          font-weight: 500 !important;
          line-height: 160% !important;
        }

        td {
          padding: 8px;
        }

        .message-section {
          margin-bottom: 20px;
        }

        .click-here-btn {
          font-size: 16px;
          padding: 10px;
          white-space: nowrap;
        }

        .social-link {
          margin: 6px;
        }

        .table-da,
        .table-niche {
          display: none;
        }
      }
    </style>
    <div style="max-width: 800px; margin: 50px auto; background-color: white!important; border-top: 5px solid rgba(61, 187, 76, 1);  padding: 30px 20px !important;">
      <div class="header">
        <img decoding="async" style="margin-bottom: 10px !important;" src="https://getranklord.com/wp-content/uploads/2024/12/ranklord-logo-green.png" alt="Logo Image" class="header-logo">
        <h2 class="heading-two">
          Boost Google Rankings &amp; Become #1 Player in Your Niche.
        </h2>
      </div>
      <div>
        <div class="message-section">
          <p>Hello,</p>
          <p>
            We're excited to offer an expanding list of premium guest posting
            sites, enabling our users to secure high-quality backlinks every
            week.
          </p>
          <p>
            <strong>
              “Boost Your Rankings and Traffic with 3-5 Guest Posts Weekly”
            </strong>
          </p>
        </div>
        <div>
          <h2 class="heading-three" style="margin-bottom: 16px">
            Please check our high traffic websites:
          </h2>
          <div class="table-wrapper">
            <div>
              <table class="website-list-table">
                <thead>
                  <tr style="background-color: #C9FFC6">
                    <th style="
            border: 1px solid #D3FAD1!important;
            padding: 16px;
            font-size: 16px;
            color: #001B3D!important;
          ">
                      Website
                    </th>
                    <th class="table-da" style="
            border: 1px solid #D3FAD1!important;
            padding: 16px;
            font-size: 16px;
            color: #001B3D!important;
          ">
                      DA
                    </th>
                    <th style="
            border: 1px solid #D3FAD1!important;
            padding: 16px;
            font-size: 16px;
            color: #001B3D!important;
          ">
                      DR
                    </th>
                    <th class="table-niche" style="
            border: 1px solid #D3FAD1!important;
            padding: 16px;
            font-size: 16px;
            color: #001B3D!important;
          ">
                      Niche
                    </th>
                    <th style="
            border: 1px solid #D3FAD1!important;
            padding: 16px;
            font-size: 16px;
            color: #001B3D!important;
          ">
                      Traffic
                    </th>
                    <th style="
            border: 1px solid #D3FAD1!important;
            padding: 16px;
            font-size: 16px;
            color: #001B3D!important;
          ">
                      Price
                    </th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td style="text-align: left">
                      <a href="https://Orah.co/" class="website-link">
                        Orah.co
                      </a>
                    </td>
                    <td class="table-da">55</td>
                    <td>70</td>
                    <td class="table-niche">Business, General</td>
                    <td style="font-weight: 600">252k+</td>

                    <td style="font-weight: 600">$54</td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      <a href="http://netizensreport.com" class="website-link">Netizensreport.com</a>
                    </td>
                    <td class="table-da">65</td>
                    <td>70</td>
                    <td class="table-niche">General, News, Blog</td>
                    <td style="font-weight: 600">25k+</td>

                    <td style="font-weight: 600">$59</td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      <a href="http://usalifesstyle.com" class="website-link">
                        Usalifesstyle.com
                      </a>
                    </td>
                    <td class="table-da">65</td>
                    <td>55</td>
                    <td class="table-niche">News, General</td>
                    <td style="font-weight: 600">15k+</td>

                    <td style="font-weight: 600">$40</td>
                  </tr>

                  <tr>
                    <td style="text-align: left">
                      <a href="http://biosaam.com" class="website-link">
                        Biosaam.com
                      </a>
                    </td>
                    <td class="table-da">55</td>
                    <td>70</td>
                    <td class="table-niche">News, General</td>
                    <td style="font-weight: 600">76k+</td>
                    <td style="font-weight: 600">$40</td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      <a href="http://awbi.net" class="website-link">
                        Awbi.net
                      </a>
                    </td>
                    <td class="table-da">69</td>
                    <td>70</td>
                    <td class="table-niche">Life style, News</td>
                    <td style="font-weight: 600">30k+</td>

                    <td style="font-weight: 600">$40</td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      <a href="http://instacoolbio.com" class="website-link">
                        Instacoolbio.com
                      </a>
                    </td>
                    <td class="table-da">55</td>
                    <td>71</td>
                    <td class="table-niche">General</td>
                    <td style="font-weight: 600">19k+</td>

                    <td style="font-weight: 600">$25</td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      <a href="https://wordstreetjournal.com/" class="website-link">
                        Wordstreetjournal.com
                      </a>
                    </td>
                    <td class="table-da">65</td>
                    <td>70</td>
                    <td class="table-niche">News</td>
                    <td style="font-weight: 600">11k+</td>
                    <td style="font-weight: 600">$37</td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      <a href="https://dreamchaserhub.com/" class="website-link">
                        Dreamchaserhub.com
                      </a>
                    </td>
                    <td class="table-da">61</td>
                    <td>65</td>
                    <td class="table-niche">News, Blog, Fashion</td>
                    <td style="font-weight: 600">10k+</td>
                    <td style="font-weight: 600">$43</td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      <a href="https://coolbio.org/" class="website-link">
                        Coolbio.org
                      </a>
                    </td>
                    <td class="table-da">68</td>
                    <td>70</td>
                    <td class="table-niche">General, Business, Fashion</td>
                    <td style="font-weight: 600">41k+</td>
                    <td style="font-weight: 600">$40</td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      <a href="http://Thistradinglife.com" class="website-link">
                        Thistradinglife.com
                      </a>
                    </td>
                    <td class="table-da">68</td>
                    <td>70</td>
                    <td class="table-niche">General, Life style, News</td>
                    <td style="font-weight: 600">15k+</td>
                    <td style="font-weight: 600">$46</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <div style="text-align: center; margin: 30px 0 40px;">
          <a href="https://getranklord.com" class="click-here-btn">
            <table cellspacing="0" cellpadding="0" style="border-collapse: collapse !important; max-width: 350px !important; margin: 0 auto !important;">
              <tbody><tr style="border: none !important; padding: 5px !important; opacity: 1 !important;">
                <td style="border: none !important; padding: 0px !important; margin-left: auto !important; opacity: 1 !important;">
                  <img decoding="async" src="https://getranklord.com/wp-content/uploads/2024/12/globe.png" alt="Globe icon" style="vertical-align: middle" height="24" width="24">
                </td>
                <td style="border: none !important; padding: 5px !important; opacity: 1 !important;">
                  <span style="vertical-align: middle; line-height: 0">
                    CLICK HERE! for 100+ new websites.
                  </span>
                </td>
              </tr>
            </tbody></table>
          </a>
        </div>


        <div style="margin-bottom: 30px">
          <p style="opacity: 0.8">
            <strong>Placing your first order?</strong> <br>
            Get 10% off on your first order with coupon code:
            <span style="font-weight: 500">RL-WELCOME10</span>
            <br><br>
            Checkout our <strong>10000+</strong> list of guest posting sites is
            waiting for you here:
            <br>
            <a href="https://getranklord.com/" style="color: rgba(61, 187, 76, 1)">
              https://getranklord.com/
            </a>
          </p>
          <p style="color: #5c5c5c; font-weight: 500">
            Want to add your website to our list?
            Email Us: admin@getranklord.com
            <br>
            Looking for more personal help? Reach out to us via
            <a href="#" style="color: rgba(61, 187, 76, 1)"> Live Chat </a>
            , we're here to help!
          </p>
          <p style="opacity: 0.8">Gratefully, <br>Ranklord Team</p>
        </div>
        <div>
          <h3 style="font-size: 20px; font-weight: 600">Connect with us</h3>
          <div>
            <a href="https://wa.me/01915371565" class="social-link">
              <img decoding="async" src="https://getranklord.com/wp-content/uploads/2024/12/whatsapp.png" draggable="false" alt="WhatsApp">
            </a>
            <a href="https://www.facebook.com/getranklordofficial" class="social-link">
              <img decoding="async" src="https://getranklord.com/wp-content/uploads/2024/12/facebook.png" draggable="false" alt="facebook">
            </a>
            <a href="skype:wdjuwel2" class="social-link">
              <img decoding="async" src="https://getranklord.com/wp-content/uploads/2024/12/skype.png" draggable="false" alt="skype">
            </a>
            <a href="https://www.linkedin.com/company/getranklordofficial" class="social-link">
              <img decoding="async" src="https://getranklord.com/wp-content/uploads/2024/12/linkedin.png" draggable="false" alt="linkedin">
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>