<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Career Success Coach | Joellyn Wittenstein Schwerdlin, The Career Success Coach - Helping Executives, Managers, and Professionals Find New Careers that are Fulfilling and Financially-Rewarding</title>

    <style>
      html, body {
        margin: 0;
        padding: 0;
        font-family: 'Segoe UI', sans-serif;
        height: 100%;
        background-color: #f8f9fa;
      }

      .page-wrapper {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
      }

      .container {
        flex: 1;
        display: flex;
        align-items: stretch;
      }

      .side-bar {
        width: 20%;
        padding: 20px;
        background-color: #E4E9ED;
      }

      .center {
        width: 60%;
        padding: 0;
        display: flex;
        flex-direction: column;
        background-color: #ffffff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
      }

      .header-img {
        display: block;
        width: 100%;
        border: none;
      }

      .spacer {
        height: 10vh;
      }

      .gray-bold {
        color: #444;
        font-weight: 500;
        padding: 20px 40px;
        line-height: 1.6;
      }

      ul {
        padding-left: 60px;
        margin-top: 10px;
      }

      li {
        margin-bottom: 8px;
      }

      a:link {
        color: #30A3F2;
        text-decoration: none;
      }

      a:hover {
        text-decoration: underline;
      }

      .bottom-gradient {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        background: linear-gradient(to top, #BABEC1 0%, transparent 100%);
        pointer-events: none;
        z-index: 998;
      }

      /* GDPR BAR — FIXED & WORKING */
      .gdpr-box {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
        padding: 10px 0;
        font-size: 15px;
        font-weight: bold;
        line-height: 1.4;
        z-index: 999;
        opacity: 1;
        transition: opacity 0.5s ease;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .gdpr-box.hide {
        opacity: 0;
        pointer-events: none;
      }

      .gdpr-wrapper {
        width: 55%;
        margin: 0 auto;
      }

      .gdpr-content {
        display: flex;
        align-items: center;
        gap: 40px;
        font-size: 12px;
        flex-wrap: nowrap;
        width: 100%;
      }

      .gdpr-text {
        flex: 0 1 75%;
        max-width: 75%;
        margin: 0 auto;
        text-align: center;
      }

      .gdpr-content button {
        padding: 8px 16px;
        background-color: #000;
        color: #fff;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-weight: bold;
        font-size: 14px;
        margin-left: auto;
        margin-right: 40px;
      }

      .gdpr-content button:hover {
        background-color: #333;
      }

      .copyright {
        text-align: center;
        font-size: 14px;
        color: #555;
        padding: 20px 0;
      }

      .small-text {
        font-size: 8pt;
      }

      @media (max-width: 700px) {
        .center {
          width: 100%;
        }

        .gdpr-wrapper {
          width: 90%;
        }

        .gdpr-content {
          flex-direction: column;
          gap: 30px;
          text-align: center;
        }

        .gdpr-text {
          max-width: 90%;
          margin: 0 auto;
          text-align: center;
        }

        .gdpr-content button {
          margin-top: 10px;
          margin-left: auto;
          margin-right: 40px;
        }
      }

      .indent-signature {
        margin-left: 40px;
      }
    </style>

  </head>
  <body>
    <div class="page-wrapper">
      <div class="container">
        <div class="side-bar"></div>

        <div class="center">
          <img class="header-img" alt="Career Success Coach. Specializing in Career and Job Search Coaching for Executives, Managers and Pros in Career Transition. Help People since 1991.">
          <script>
            const baseURL = `${window.location.protocol}//${window.location.host}`;
            document.querySelector("img.header-img").src = `${baseURL}/Images/Header.png`;
          </script>

          <div class="spacer"></div>

          <div class="gray-bold">
            <p>Dear Visitor:</p>
            <p>I've closed my business after 30+ years in career services.</p>
            <p>Please check out these websites to find a certified professional to assist you with career coaching, job searching, and r&eacute;sum&eacute; writing:</p>
            <ul>
              <li>Career Directors International: <a href="https://careerdirectors.com/" target="_blank">https://careerdirectors.com/</a></li>
              <li>Career Thought Leaders: <a href="https://www.careerthoughtleaders.com/" target="_blank">https://www.careerthoughtleaders.com/</a></li>
              <li>Job Loss Recovery Program: <a href="https://www.joblossrecovery.com/coaches.htm" target="_blank">https://www.joblossrecovery.com/coaches.htm</a></li>
              <li>National R&eacute;sum&eacute; Writers&rsquo; Association: <a href="https://thenrwa.org/" target="_blank">https://thenrwa.org/</a></li>
              <li>Professional Association of R&eacute;sum&eacute; Writers and Career Coaches: <a href="https://parwcc.com/" target="_blank">https://parwcc.com/</a></li>
            </ul>
            <p>To learn more about my next chapter, visit my LinkedIn profile: <a href="https://www.linkedin.com/in/joellynwittensteinschwerdlin/" target="_blank">https://www.linkedin.com/in/joellynwittensteinschwerdlin/</a></p>
            Sincerely,<br>
            <div class="indent-signature">
              Joellyn Wittenstein Schwerdlin — The Career Success Coach<br>
              Certified Career Management Coach | Certified Professional R&eacute;sum&eacute; Writer<br>
              Certified Job & Career Transition Coach | Certified Job Loss Recovery Program Coach
            </div>

            <p><br><footer class="copyright">
              Copyright &copy; 2007–<span id="year"></span>. JOELLYN WITTENSTEIN SCHWERDLIN,<br>
              THE CAREER SUCCESS COACH | ALL RIGHTS RESERVED.<br>
              <span class="small-text">Web Page Designed and Hosted by ABSG.</span>
            </footer></p>

            <script>
              document.getElementById("year").textContent = new Date().getFullYear();
            </script>
          </div>
        </div>

        <div class="side-bar"></div>
      </div>
    </div>

    <div class="bottom-gradient"></div>

    <!-- GDPR BAR -->
    <div class="gdpr-box" id="gdprBox">
      <div class="gdpr-wrapper">
        <div class="gdpr-content">
          <div class="gdpr-text">
This Web Site is for a USA based company operating its borders and are is not subject to GDPR.
Our server performs only basic Web Site Logging for site management purposes. During your session,
we store only the state of the “Dismiss” button, and this state disappers when you close
your browser tab. By using this website, you agree to these Terms and Conditions. If you reside
in California, you may have additional privacy rights under the CCPA.
		  </div>
          <button onclick="acceptGDPR()">Dismiss</button>
        </div>
      </div>
    </div>

    <script>
      function acceptGDPR() {
        const box = document.getElementById('gdprBox');
        box.classList.add('hide');
        sessionStorage.setItem('gdprAccepted', 'true');
        setTimeout(() => {
          box.remove();
        }, 600);
      }

      window.addEventListener('load', () => {
        if (sessionStorage.getItem('gdprAccepted')) {
          document.getElementById('gdprBox').remove();
        }
      });
    </script>
  </body>
</html>
