Footer

Note: This footer is in the process of being replaced. Please use the Site Footer component instead.

View

HTML

<footer class="cmp-footer">
  <div class="cmp-footer__container">
    <nav class="obj-grid util-display-none@print">
      <div class="obj-grid__full obj-grid__4-12@md obj-grid__3-12@lg">

        <a class="cmp-footer__logo-link" href="https://www.uga.edu/">
            <img src="/images/uga-logo.svg" class="util-display-none@print" alt="Universtiy of Georgia Online Learning">
          </a>
      </div>

      <div class="obj-grid__full obj-grid__8-12@md obj-grid__9-12@lg">
        <div class="obj-grid">
          <div class="obj-grid__full obj-grid__6-12@sm obj-grid__3-12@lg">

            <div class="cmp-footer-nav">
              <h2 class="cmp-footer-nav__heading">Schools and Colleges</h2>
              <ul class="cmp-footer-nav__list">
                <li class="cmp-footer-nav__item">
                  <a class="cmp-footer-nav__link" href="https://www.uga.edu/a-z/schools/">Schools and Colleges</a>
                </li>
                <li class="cmp-footer-nav__item">
                  <a class="cmp-footer-nav__link" href="https://peoplesearch.uga.edu/">Directory</a>
                </li>
                <li class="cmp-footer-nav__item">
                  <a class="cmp-footer-nav__link" href="https://online.uga.edu/about-online-learning">About Online Learning</a>
                </li>
                <li class="cmp-footer-nav__item">
                  <a class="cmp-footer-nav__link" href="https://online.uga.edu/future-students">Future Students</a>
                </li>
                <li class="cmp-footer-nav__item">
                  <a class="cmp-footer-nav__link" href="https://online.uga.edu/course-search">Courses</a>
                </li>
                <li class="cmp-footer-nav__item">
                  <a class="cmp-footer-nav__link" href="https://online.uga.edu/faculty">Faculty</a>
                </li>
                <li class="cmp-footer-nav__item">
                  <a class="cmp-footer-nav__link" href="https://online.uga.edu/military-veterans-dependents">Military, Veterans, and Dependants</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="obj-grid__full obj-grid__6-12@sm obj-grid__3-12@lg">

            <div class="cmp-footer-nav">
              <h2 class="cmp-footer-nav__heading">Degrees and Certificates</h2>
              <ul class="cmp-footer-nav__list">
                <li class="cmp-footer-nav__item">
                  <a class="cmp-footer-nav__link" href="https://online.uga.edu/degrees-certificates">Degrees and Certificates</a>
                </li>
                <li class="cmp-footer-nav__item">
                  <a class="cmp-footer-nav__link" href="https://online.uga.edu/degrees-certificates?degree_type&#x3D;2&amp;degree_level&#x3D;1">Undergraduate Degree</a>
                </li>
                <li class="cmp-footer-nav__item">
                  <a class="cmp-footer-nav__link" href="https://online.uga.edu/degrees-certificates?degree_type&#x3D;2&amp;degree_level&#x3D;2">Graduate Degree</a>
                </li>
                <li class="cmp-footer-nav__item">
                  <a class="cmp-footer-nav__link" href="https://online.uga.edu/degrees-certificates?degree_type&#x3D;1&amp;degree_level&#x3D;2">Graduate Certificates</a>
                </li>
                <li class="cmp-footer-nav__item">
                  <a class="cmp-footer-nav__link" href="https://online.uga.edu/degrees-certificates?combine&#x3D;&amp;area_of_study&#x3D;All&amp;college_id&#x3D;All&amp;degree_level&#x3D;3&amp;degree_type&#x3D;All">Post-Baccalaureate</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="obj-grid__full obj-grid__6-12@sm obj-grid__3-12@lg">

            <div class="cmp-footer-nav">
              <h2 class="cmp-footer-nav__heading">Resources</h2>
              <ul class="cmp-footer-nav__list">
                <li class="cmp-footer-nav__item">
                  <a class="cmp-footer-nav__link" href="https://my.uga.edu/">MyUGA</a>
                </li>
                <li class="cmp-footer-nav__item">
                  <a class="cmp-footer-nav__link" href="http://hr.uga.edu/applicants/">Employment Opportunities</a>
                </li>
                <li class="cmp-footer-nav__item">
                  <a class="cmp-footer-nav__link" href="https://online.uga.edu/faculty-resources">Faculty Resources</a>
                </li>
                <li class="cmp-footer-nav__item">
                  <a class="cmp-footer-nav__link" href="https://online.uga.edu/news-article-search">News Article Search</a>
                </li>
                <li class="cmp-footer-nav__item">
                  <a class="cmp-footer-nav__link" href="https://online.uga.edu/student-resources">Student Resources</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="obj-grid__full obj-grid__6-12@sm obj-grid__3-12@lg">

            <div class="cmp-footer-nav">
              <h2 class="cmp-footer-nav__heading">Copyright and Privacy</h2>
              <ul class="cmp-footer-nav__list">
                <li class="cmp-footer-nav__item">
                  <a class="cmp-footer-nav__link" href="s://mc.uga.edu/policy/trademark">Copyright and Trademarks</a>
                </li>
                <li class="cmp-footer-nav__item">
                  <a class="cmp-footer-nav__link" href="https://eits.uga.edu/access_and_security/infosec/pols_regs/policies/privacy/">Privacy</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </nav>

    <div class="obj-grid">
      <div class="obj-grid__full obj-grid__5-12@md">

        <p class="cmp-footer__copyright">&copy;University of Georgia, Athens, <abbr title="Georgia">GA</abbr> 30602<br><a href="tel:7065423000">(706)&#8209;542&#8209;3000</a></p>
      </div>

      <div class="obj-grid__full obj-grid__7-12@md util-display-none@print">

        <div class="cmp-footer__social">
          <h3 class="util-visually-hidden">Connect with University of Georgia Online Learning</h3>
          <ul class="cmp-social">
            <li class="cmp-social__item">
              <a class="cmp-social__link" href="http://facebook.com/universityofga">
                  <div class="cmp-social__icon cmp-social__icon--facebook">
            
                      <svg version="1.1" xmlns="http://www.w3.org/2000/svg" class="icon-facebook" viewBox="0 0 32 32">
                        <title>Facebook</title>
                        <path fill="currentColor" d="M19 6h5v-6h-5c-3.86 0-7 3.14-7 7v3h-4v6h4v16h6v-16h5l1-6h-6v-3c0-0.542 0.458-1 1-1z"></path>
                      </svg>
            
            
            
                    </div>
                  </a>
            </li>
            <li class="cmp-social__item">
              <a class="cmp-social__link" href="https://twitter.com/universityofga">
                  <div class="cmp-social__icon cmp-social__icon--twitter">
                      <svg version="1.1" xmlns="http://www.w3.org/2000/svg" class="icon-twitter" viewBox="0 0 32 32">
                        <title>Twitter</title>
                        <path fill="currentColor" d="M32 7.075c-1.175 0.525-2.444 0.875-3.769 1.031 1.356-0.813 2.394-2.1 2.887-3.631-1.269 0.75-2.675 1.3-4.169 1.594-1.2-1.275-2.906-2.069-4.794-2.069-3.625 0-6.563 2.938-6.563 6.563 0 0.512 0.056 1.012 0.169 1.494-5.456-0.275-10.294-2.888-13.531-6.862-0.563 0.969-0.887 2.1-0.887 3.3 0 2.275 1.156 4.287 2.919 5.463-1.075-0.031-2.087-0.331-2.975-0.819 0 0.025 0 0.056 0 0.081 0 3.181 2.263 5.838 5.269 6.437-0.55 0.15-1.131 0.231-1.731 0.231-0.425 0-0.831-0.044-1.237-0.119 0.838 2.606 3.263 4.506 6.131 4.563-2.25 1.762-5.075 2.813-8.156 2.813-0.531 0-1.050-0.031-1.569-0.094 2.913 1.869 6.362 2.95 10.069 2.95 12.075 0 18.681-10.006 18.681-18.681 0-0.287-0.006-0.569-0.019-0.85 1.281-0.919 2.394-2.075 3.275-3.394z" />
                      </svg>
            
            
            
            
                    </div>
                  </a>
            </li>
            <li class="cmp-social__item">
              <a class="cmp-social__link" href="https://www.instagram.com/universityofga">
                  <div class="cmp-social__icon cmp-social__icon--instagram">
            
            
            
                      <svg version="1.1" xmlns="http://www.w3.org/2000/svg" class="icon-instagram" viewBox="0 0 32 32">
                        <title>Instagram</title>
                        <path fill="currentColor" d="M16 2.881c4.275 0 4.781 0.019 6.462 0.094 1.563 0.069 2.406 0.331 2.969 0.55 0.744 0.288 1.281 0.638 1.837 1.194 0.563 0.563 0.906 1.094 1.2 1.838 0.219 0.563 0.481 1.412 0.55 2.969 0.075 1.688 0.094 2.194 0.094 6.463s-0.019 4.781-0.094 6.463c-0.069 1.563-0.331 2.406-0.55 2.969-0.288 0.744-0.637 1.281-1.194 1.837-0.563 0.563-1.094 0.906-1.837 1.2-0.563 0.219-1.413 0.481-2.969 0.55-1.688 0.075-2.194 0.094-6.463 0.094s-4.781-0.019-6.463-0.094c-1.563-0.069-2.406-0.331-2.969-0.55-0.744-0.288-1.281-0.637-1.838-1.194-0.563-0.563-0.906-1.094-1.2-1.837-0.219-0.563-0.481-1.413-0.55-2.969-0.075-1.688-0.094-2.194-0.094-6.463s0.019-4.781 0.094-6.463c0.069-1.563 0.331-2.406 0.55-2.969 0.288-0.744 0.638-1.281 1.194-1.838 0.563-0.563 1.094-0.906 1.838-1.2 0.563-0.219 1.412-0.481 2.969-0.55 1.681-0.075 2.188-0.094 6.463-0.094zM16 0c-4.344 0-4.887 0.019-6.594 0.094-1.7 0.075-2.869 0.35-3.881 0.744-1.056 0.412-1.95 0.956-2.837 1.85-0.894 0.888-1.438 1.781-1.85 2.831-0.394 1.019-0.669 2.181-0.744 3.881-0.075 1.713-0.094 2.256-0.094 6.6s0.019 4.887 0.094 6.594c0.075 1.7 0.35 2.869 0.744 3.881 0.413 1.056 0.956 1.95 1.85 2.837 0.887 0.887 1.781 1.438 2.831 1.844 1.019 0.394 2.181 0.669 3.881 0.744 1.706 0.075 2.25 0.094 6.594 0.094s4.888-0.019 6.594-0.094c1.7-0.075 2.869-0.35 3.881-0.744 1.050-0.406 1.944-0.956 2.831-1.844s1.438-1.781 1.844-2.831c0.394-1.019 0.669-2.181 0.744-3.881 0.075-1.706 0.094-2.25 0.094-6.594s-0.019-4.887-0.094-6.594c-0.075-1.7-0.35-2.869-0.744-3.881-0.394-1.063-0.938-1.956-1.831-2.844-0.887-0.887-1.781-1.438-2.831-1.844-1.019-0.394-2.181-0.669-3.881-0.744-1.712-0.081-2.256-0.1-6.6-0.1v0z M16 7.781c-4.537 0-8.219 3.681-8.219 8.219s3.681 8.219 8.219 8.219 8.219-3.681 8.219-8.219c0-4.537-3.681-8.219-8.219-8.219zM16 21.331c-2.944 0-5.331-2.387-5.331-5.331s2.387-5.331 5.331-5.331c2.944 0 5.331 2.387 5.331 5.331s-2.387 5.331-5.331 5.331z M26.462 7.456c0 1.060-0.859 1.919-1.919 1.919s-1.919-0.859-1.919-1.919c0-1.060 0.859-1.919 1.919-1.919s1.919 0.859 1.919 1.919z" />
                      </svg>
            
                    </div>
                  </a>
            </li>
            <li class="cmp-social__item">
              <a class="cmp-social__link" href="http://youtube.com/user/UniversityOfGeorgia">
                  <div class="cmp-social__icon cmp-social__icon--youtube">
            
            
            
            
                      <svg version="1.1" xmlns="http://www.w3.org/2000/svg" class="icon-youtube" viewBox="0 0 32 32">
                        <title>YouTube</title>
                        <path fill="currentCOlor" d="M31.681 9.6c0 0-0.313-2.206-1.275-3.175-1.219-1.275-2.581-1.281-3.206-1.356-4.475-0.325-11.194-0.325-11.194-0.325h-0.012c0 0-6.719 0-11.194 0.325-0.625 0.075-1.987 0.081-3.206 1.356-0.963 0.969-1.269 3.175-1.269 3.175s-0.319 2.588-0.319 5.181v2.425c0 2.587 0.319 5.181 0.319 5.181s0.313 2.206 1.269 3.175c1.219 1.275 2.819 1.231 3.531 1.369 2.563 0.244 10.881 0.319 10.881 0.319s6.725-0.012 11.2-0.331c0.625-0.075 1.988-0.081 3.206-1.356 0.962-0.969 1.275-3.175 1.275-3.175s0.319-2.587 0.319-5.181v-2.425c-0.006-2.588-0.325-5.181-0.325-5.181zM12.694 20.15v-8.994l8.644 4.513-8.644 4.481z" />
                      </svg>
                    </div>
                  </a>
            </li>
            <li class="cmp-social__item">
              <a class="cmp-social__link" href="https://www.linkedin.com/school/university-of-georgia/">
                  <div class="cmp-social__icon cmp-social__icon--linkedin">
            
            
                      <svg version="1.1" xmlns="http://www.w3.org/2000/svg" class="icon-linkedin" viewBox="0 0 32 32">
                        <title>Linked In</title>
                        <path fill="currentColor" d="M12 12h5.535v2.837h0.079c0.77-1.381 2.655-2.837 5.464-2.837 5.842 0 6.922 3.637 6.922 8.367v9.633h-5.769v-8.54c0-2.037-0.042-4.657-3.001-4.657-3.005 0-3.463 2.218-3.463 4.509v8.688h-5.767v-18z M2 12h6v18h-6v-18z M8 7c0 1.657-1.343 3-3 3s-3-1.343-3-3c0-1.657 1.343-3 3-3s3 1.343 3 3z" />
                      </svg>
            
            
                    </div>
                  </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</footer>