zimtimgetriebe/signature-footer-code-and-poetry.html

## signature-footer-code-and-poetry.html
<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">

        <title>Signature footer &lsaquo;Code &amp; Poetry&rsaquo;</title>

        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alegreya+SC|Playfair+Display">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/font-hack/2.015/css/hack.min.css">

    <style>
    body {
        color: rebeccapurple;
        font: 16px sans-serif;
    }
    .signature-footer {
        line-height: 1.61;
        text-align: center;
    }
    em {
        font: normal 1em "Playfair Display", Baskerville, GoudyBookletter1911, "Goudy Old Style", Georgia, serif;
        text-transform: uppercase;
    }
    .amp {
        font: 1.5em "Alegreya SC", Baskerville, GoudyBookletter1911, "Goudy Old Style", Palatino, "Book Antiqua", serif;
        opacity: .7;
    }
    code {
        font: 1em "Hack", "Fira Mono", "Source Code Pro", Consolas, monospace;
        letter-spacing: -1px;
        text-transform: uppercase;
    }
    </style>
    </head>
    <body>

        <p class="signature-footer">
            <em>code</em>
            <span class="amp">&amp;</span>
            <code>poetry</code>
        </p>

    </body>
</html>