<div class="container">
    <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
        <div class="d-flex align-items-center">
            <a href="/" class="mb-3 me-2 mb-md-0 text-muted text-decoration-none lh-1">
                <img src="{ROOT_URL}images/logo.png" class="bi me-2" width="40" height="32" alt="{SITENAME} Logo" aria-label="{SITENAME} Logo">
            </a>
            {COPY}
        </div>
        <div class="material-switch">
            <input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle" class="form-check-input">
            <label for="dark-mode-toggle" class="label-default"></label>
        </div>
        {SOCIAL}
    </footer>
</div>