\documentclass[a4paper]{article}
\usepackage{lmodern}
\usepackage{amssymb,amsmath}
\usepackage[T1]{fontenc}
\usepackage[utf8]{inputenc}
\usepackage{hyperref}
\usepackage{minted}
\begin{document}
\thispagestyle{empty}

\begin{minted}[
fontfamily=tt,
linenos=true,
numberblanklines=true,
numbersep=12pt,
numbersep=5pt,
gobble=0,
frame=leftline,
framerule=0.4pt,
framesep=2mm,
funcnamehighlighting=true,
tabsize=4,
breaklines=true,
texcl=false,
]{html}
<div class="layout-content-and-preview">
    <div class="layout-content">
        <h2>Installation <span class="emoji">🖥️</span></h2>
        <p>
            Mit dem Paket <code>minted</code> lässt sich Quelltext gut darstellen. Dafür wird die Programmiersprache Python benötigt.
        </p>
        <p>
            Nach der <a href="https://www.python.org/">Installation von Python</a> kann das zugehörige Paket <a href="http://pygments.org/"><code>Pygments</code></a> in der Eingabeaufforderung installiert werden durch:
        </p>
        <pre class="lang-bash hljs"><code>pip install Pygments</code></pre>
        <p>Anschließend muss das LaTeX-Paket nur noch eingebunden werden:</p>
        <pre class="lang-tex hljs"><code>\usepackage{minted}</code></pre>
    </div>
    <div class="layout-preview">
        <img src="sections/german/10/minted-overview-crop.svg">
    </div>
</div>
\end{minted}

\end{document}