Footer

The footer provides essential information like contact details, copyright notices, disclaimers, navigation links to secondary pages (like "About Us”), social media links, and other relevant details that are consistent across the entire website.

HTML

<footer class="footer">
  <div class="container">
    <div class="footer-top text-center">
      <p class="footer-text-big text-bold">
        <span class="text-light-grass">Phone:</span> 
        <a href="tel:2055587474">205-558-7474</a> 
        <span class="text-regular footer-line">|</span> 
        <span class="text-light-grass">Toll-free:</span> 
        <a href="tel:18002947780">1-800-294-7780</a>
      </p>
      <p class="footer-text-big">TTY users, call: 711</p>
      <div class="footer-shedule footer-shedule-big mt-l">Monday - Friday, 8am - 5pm</div>
    </div>

    <hr class="hr-brand-light" />

    <div class="row">
      <div class="col-md-6 col-lg-3">
        <h5 class="footer-headline">
          <span class="small-caps">Viva Health/span> Cafés
        </h5>
        <ul class="footer-list">
          <li><a href="#">Birmingham Corporate Office</a></li>
          <li><a href="#">Hoover</a></li>
          <li><a href="#">Mobile</a></li>
          <li><a href="#">Montgomery</a></li>
        </ul>
      </div>
      <div class="col-md-6 col-lg-3">
        <h5 class="footer-headline">
          About <span class="small-caps">Viva Health</span>
        </h5>
        <ul class="footer-list">
          <li><a href="#">Learn About <span class="small-caps">Viva Health</span></a></li>
          <li><a href="#">Careers</a></li>
          <li><a href="#">Work in the Community</a></li>
          <li><a href="#">Download Our App</a></li>
        </ul>
        <div class="socials">
          <a href="#"><img src="icons/socials/facebook.svg" alt="Facebook" /></a>
          <a href="#"><img src="icons/socials/instagram.svg" alt="Instagram" /></a>
          <a href="#"><img src="icons/socials/linkedin.svg" alt="Linkedin" /></a>
          <a href="#"><img src="icons/socials/youtube.svg" alt="Youtube" /></a>
        </div>
      </div>
      <div class="col-md-12 col-lg-6 footer-text">
        <h5 class="footer-headline">We're here for you</h5>
        <p>
          If you have questions or complaints about you Viva Medicare plan or care 
          that you have received, we want you to let us know right away.
        </p>
        <p>
          You may also contact The Centers for Medicare & Medicaid Services (CMS) 
          to file your complaint by <a href="#">clicking here</a> and following the instructions
           on the form. To find out more information about the Medicare Ombudsman,
           <a href="#">click here</a>.
        </p>
        <p>
          H0154_mcdoc581r19a_M_CMS Accepted 10/01/2021
        </p>
      </div>
    </div>

    <div class="footer-links text-bold text-center">
      <a href="#">Fraud Waste & Abuse</a>
      <span>|</span>
      <a href="#">First Tier, Downstream and Related Entities</a>
      <span>|</span>
      <a href="#">Nondiscrimination and Language Accessibility Notice</a>
      <span>|</span>
      <a href="#">Notice of Privacy Policy</a>
    </div>

    <hr class="hr-brand-light" />

    <div class="footer-bottom text-center">
      <p>
        <sup>1</sup>Every year, Medicare evaulates plans based on a 5-star rating system. The Star Rating referenced is for contract year 2016-2025.
      </p>
      <p>
        <sup>2</sup>Based on the 2022-2025 Medicare & You Handbooks for Alabama. 
      </p>
      <p>
        <span class="small-caps">Viva Health</span> is an HMO plan with a Medicare contract and a contract with the Alabama Medicaid Agency. Enrollment in Viva Medicare depends on contract renewal. 
      </p>
      <p>
        <span class="small-caps">Viva Health</span> complies with applicable Federal civil rights laws and does not discriminate on 
        the basis of race, color, national origin, age, disability, or sex. ATENCIÓN: si habla español, 
        tiene a su disposición servicios gratuitos de asistencia lingüística. 
        Llame al <a href="tel:18888308482">1-888-830-8482</a> (TTY: 711). 
        注意:如果您使用繁體中文,您可以免費獲得語言援助服務. 請致電 <a href="tel:18888308482">1-888-830-8482</a> (TTY: 711).
      </p>
    </div>
  </div>
</footer>

HTML

<footer class="footer">
  <div class="container">
    <div class="footer-top">
      <div class="row align-items-center">
        <div class="col-md-7 text-center footer-text-medicare">
          <h5 class="footer-headline">Interested in <span class="small-caps">Viva Health</span>?</h5>
          <p class="text-bold footer-text-medium">Toll-free: <a href="tel:18888308482">1-888-830-VIVA (8482)</a> | TTY: 711</p>
          <div class="footer-shedule">Monday - Friday, 8am - 8pm (Oct 1 - Dec 31: 7 days a week, 8am - 8pm)</div>

          <h5 class="footer-headline">Member Services:</h5>
          <p class="text-bold footer-text-small">Toll-free: <a href="tel:18006331542">1-800-633-1542</a> | TTY: 711</p>
          <div class="footer-shedule">Monday - Friday, 8am - 8pm (Oct 1 - Mar 31: 7 days a week, 8am - 8pm)</div>
        </div>
        <div class="col-md-5 footer-buttons btns-group align-items-center">
          <div class="btns-group vertical">
            <a href="#" class="btn btn-white">Learn More</a>
            <a href="#" class="btn btn-white">Learn More</a>
          </div>
          <a href="#" class="enroll-now-btn">ENROLL NOW</a>
        </div>
      </div>  
    </div>

    <hr class="hr-brand-light" />

    <div class="row">
      <div class="col-md-6 col-lg-3">
        <h5 class="footer-headline">
          <span class="small-caps">Viva Health/span> Cafés
        </h5>
        <ul class="footer-list">
          <li><a href="#">Birmingham Corporate Office</a></li>
          <li><a href="#">Hoover</a></li>
          <li><a href="#">Mobile</a></li>
          <li><a href="#">Montgomery</a></li>
        </ul>
      </div>
      <div class="col-md-6 col-lg-3">
        <h5 class="footer-headline">
          About <span class="small-caps">Viva Health</span>
        </h5>
        <ul class="footer-list">
          <li><a href="#">Learn About <span class="small-caps">Viva Health</span></a></li>
          <li><a href="#">Careers</a></li>
          <li><a href="#">Work in the Community</a></li>
          <li><a href="#">Download Our App</a></li>
        </ul>
        <div class="socials">
          <a href="#"><img src="icons/socials/facebook.svg" alt="Facebook" /></a>
          <a href="#"><img src="icons/socials/instagram.svg" alt="Instagram" /></a>
          <a href="#"><img src="icons/socials/linkedin.svg" alt="Linkedin" /></a>
          <a href="#"><img src="icons/socials/youtube.svg" alt="Youtube" /></a>
        </div>
      </div>
      <div class="col-md-12 col-lg-6 footer-text">
        <h5 class="footer-headline">We're here for you</h5>
        <p>
          If you have questions or complaints about you Viva Medicare plan or care 
          that you have received, we want you to let us know right away.
        </p>
        <p>
          You may also contact The Centers for Medicare & Medicaid Services (CMS) 
          to file your complaint by <a href="#">clicking here</a> and following the instructions
           on the form. To find out more information about the Medicare Ombudsman,
           <a href="#">click here</a>.
        </p>
        <p>
          H0154_mcdoc581r19a_M_CMS Accepted 10/01/2021
        </p>
      </div>
    </div>

    <div class="footer-links text-bold text-center">
      <a href="#">Fraud Waste & Abuse</a>
      <span>|</span>
      <a href="#">First Tier, Downstream and Related Entities</a>
      <span>|</span>
      <a href="#">Nondiscrimination and Language Accessibility Notice</a>
      <span>|</span>
      <a href="#">Notice of Privacy Policy</a>
    </div>

    <hr class="hr-brand-light" />

    <div class="footer-bottom text-center">
      <p>
        <sup>1</sup>Every year, Medicare evaulates plans based on a 5-star rating system. The Star Rating referenced is for contract year 2016-2025.
      </p>
      <p>
        <sup>2</sup>Based on the 2022-2025 Medicare & You Handbooks for Alabama. 
      </p>
      <p>
        <span class="small-caps">Viva Health</span> is an HMO plan with a Medicare contract and a contract with the Alabama Medicaid Agency. Enrollment in Viva Medicare depends on contract renewal. 
      </p>
      <p>
        <span class="small-caps">Viva Health</span> complies with applicable Federal civil rights laws and does not discriminate on 
        the basis of race, color, national origin, age, disability, or sex. ATENCIÓN: si habla español, 
        tiene a su disposición servicios gratuitos de asistencia lingüística. 
        Llame al <a href="tel:18888308482">1-888-830-8482</a> (TTY: 711). 
        注意:如果您使用繁體中文,您可以免費獲得語言援助服務. 請致電 <a href="tel:18888308482">1-888-830-8482</a> (TTY: 711).
      </p>
    </div>
  </div>
</footer>

HTML

<footer class="footer">
  <div class="container">
    <div class="footer-top text-center">
      <p class="footer-text-big text-bold">
        <span class="text-light-grass">Phone:</span> 
        <a href="tel:2055587474">205-558-7474</a> 
      </p>
      <p class="footer-text-big text-bold">
        <span class="text-light-grass">Email:</span> 
        <a href="mailto:vivacareers@uabmc.edu">vivacareers@uabmc.edu</a> 
      </p>

      <div class="footer-shedule footer-shedule-medium mt-l">Monday - Friday, 8am - 5pm</div>

      <div class="socials justify-content-center">
        <a href="#"><img src="icons/socials/facebook.svg" alt="Facebook"></a>
        <a href="#"><img src="icons/socials/instagram.svg" alt="Instagram"></a>
        <a href="#"><img src="icons/socials/linkedin.svg" alt="Linkedin"></a>
        <a href="#"><img src="icons/socials/youtube.svg" alt="Youtube"></a>
      </div>
    </div>

    <hr class="hr-brand-light" />

    <div class="row">
      <div class="col-md-6 col-lg-4">
        <h5 class="footer-headline">
          <span class="small-caps">Viva Health</span> Cafés
        </h5>
        <ul class="footer-list">
          <li><a href="#">Birmingham Corporate Office</a></li>
          <li><a href="#">Hoover</a></li>
          <li><a href="#">Mobile</a></li>
          <li><a href="#">Montgomery</a></li>
        </ul>
      </div>
      <div class="col-md-6 col-lg-8">
        <h5 class="footer-headline">
          Legal
        </h5>
        <ul class="footer-list two-columns">
          <li><a href="#">Fraud Waste & Abuse</a></li>
          <li><a href="#">First Tier, Downstream and Related Entities</a></li>
          <li><a href="#">Nondiscrimination and Language Accessibility Notice</a></li>
          <li><a href="#">Notice of Privacy Practices</a></li>
        </ul>
      </div>
    </div>
  </div>
</footer>