Skip to content

Instantly share code, notes, and snippets.

@mreidsma

mreidsma/webfooter.html

Created October 11, 2024 16:50
Show Gist options
  • Save mreidsma/e959bb6007eb0668b51b26db23fa9616 to your computer and use it in GitHub Desktop.
Save mreidsma/e959bb6007eb0668b51b26db23fa9616 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. mreidsma created this gist Oct 11, 2024.
    151 changes: 151 additions & 0 deletions webfooter.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,151 @@
    <div role="contentinfo">

    <div class="footer hide-print">
    <div class="content">
    <h1 class="sr-only">Footer</h1>
    <div class="row-gutter">

    <div class="col-3 col-md-4 col-sm-6">
    <h2 class="padding-none color-white">
    Contact
    </h2>

    <p class="vcard">

    <span class="fn">Text Us!</span>
    <br>

    <span class="tel">
    <span class="value">
    <a href="tel:616-818-0219">(616) 818-0219</a>
    </span>

    </span>
    <br>

    </p>

    <br>

    <p class="vcard">

    <span class="fn">Mary Idema Pew Library</span>
    <br>

    <span class="tel">
    <span class="value">
    <a href="tel:616-331-3500">(616) 331-3500</a>
    </span>

    </span>
    <br>

    <a href="mailto:[email protected]" class="email">[email protected]</a>
    <br>

    </p>

    <br>

    <p class="vcard">

    <span class="fn">Steelcase Library</span>
    <br>

    <span class="tel">
    <span class="value">
    <a href="tel:616-331-6799">(616) 331-6799</a>
    </span>

    </span>
    <br>

    </p>

    <br>

    <p class="vcard">

    <span class="fn">Frey Foundation Learning Commons</span>
    <br>

    <span class="tel">
    <span class="value">
    <a href="tel:616-331-5933">(616) 331-5933</a>
    </span>

    </span>
    <br>

    </p>

    </div>

    <div class="col-3 col-md-4 col-sm-6">
    <h2 class="padding-none color-white">
    Social Media
    </h2>

    <p>





    <a href="https://instagram.com/gvsulib" title="Instagram" class="text-nodecoration">
    <img src="https://libapps.s3.amazonaws.com/accounts/21/images/instagram.png" alt="" style="width:auto;min-width:auto;">
    <span class="sr-only">https://instagram.com/gvsulib</span>
    </a>

    <a href="https://www.tiktok.com/@gvsulib" aria-label="Tiktok" class="text-nodecoration" target="_blank">
    <img src="https://libapps.s3.amazonaws.com/accounts/21/images/tiktok.png" alt="" style="width:auto;min-width:auto;">
    <span class="sr-only">https://www.tiktok.com/@gvsulib</span>
    </a>

    <a href="https://www.youtube.com/channel/UCE5pH3lsWVQ9PbWGDE6EyFA" title="YouTube" class="text-nodecoration">
    <img src="https://libapps.s3.amazonaws.com/accounts/21/images/youtube.png" alt="" style="width:auto;min-width:auto;">
    <span class="sr-only">https://www.youtube.com/channel/UCE5pH3lsWVQ9PbWGDE6EyFA</span>
    </a>

    </p>

    <br class="hide-lg hide-md">

    </div>

    <div class="col-3 col-md-4 col-sm-6">
    <h2 class="padding-none color-white">
    Committed to Equality
    </h2>
    <a href="https://gvsu.edu/library/acrl" target="_blank">
    <img src="https://www.gvsu.edu/cms4/asset/0862059E-9024-5893-1B5AAAC2F83BDDD8/acrl.png" alt="ACRL Diversity Alliance Logo" style="width:auto;max-width:100%;">
    </a>
    </div>

    </div>
    </div>
    </div>
    <div class="bottom hide-print">
    <div class="content">
    <div class="row-gutter">
    <div class="col-12 legal">
    <h2 class="sr-only">Legal</h2>
    <ul>
    <li>
    <a href="https://gvsu.edu/affirmativeactionstatement.htm"><span class="hide-sm hide-md">GVSU is an </span>AA/EO Institution</a>
    </li>
    <li>
    <a href="https://gvsu.edu/privacystatement.htm">Privacy Policy</a>
    </li>
    <li>
    <a href="https://gvsu.edu/disclosures">Disclosures</a>
    </li>
    <li>
    <span class="hide-sm hide-md">Copyright </span>© 2021 GVSU
    </li>
    </ul>
    </div>
    </div>
    </div>
    </div>
    </div>