\documentclass[a4paper, 11pt]{article}
\renewcommand{\familydefault}{\sfdefault}
\usepackage{a4wide}
\usepackage[utf8]{inputenc}
\usepackage[ngerman]{babel}
\usepackage{color}
\usepackage{graphicx}
\usepackage{setspace}
\usepackage{ulem}
\usepackage{listings}
\usepackage{float}
\usepackage[rflt]{floatflt}
\usepackage{tabularx}
\setlength{\parindent}{0pt}
\title{Tabsheet - Vanilla JS}
\usepackage[
pdftitle={Tabsheet - Vanilla JS}
pdfsubject={JavaScript Tabsheet ohne großes Framework}
pdfauthor={Udo Schmal}
pdfkeywords={Tabsheets, JavaScript}
]{hyperref}
\definecolor{darkblue}{rgb}{0,0,.5}
\hypersetup{pdftex=true, colorlinks=true, breaklinks=true, linkcolor=darkblue, menucolor=darkblue, pagecolor=darkblue, urlcolor=darkblue}
\begin{document}Tabsheet - Vanilla JS
\singlespacing
{\LARGE \textbf{\label{sec:title}JavaScript Tabsheet}}

\singlespacing
{\small \textbf{Beispiel: ohne großes Framework, eine Unordered List (\&lt;ul\&gt;) mit List Items (\&lt;li\&gt;), zum setzen der einheitlichen Höhe in den Tabeinträgen ist einfach die Class \&quot;equal-height\&quot; der Unordered List (\&lt;ul\&gt;) hinzuzufügen.}}

\begin{itemize}
\item           
\singlespacing
{\small \textbf{\label{sec:javascript}Javascript Beispiele (jsAnimations.js):}}

\begin{itemize}
\item jsTree
\item jsTabs
\item jsAccordion
\item jsFade
\end{itemize}

\item           
\singlespacing
{\small \textbf{\label{sec:freepascal}Free Pascal Beispiele:}}

...

\item           
\singlespacing
{\small \textbf{\label{sec:php}PHP Beispiele:}}

...

\end{itemize}

\ref{sec:javascript}JavaScript, \ref{sec:freepascal}Free Pascal oder \ref{sec:php}PHP

\singlespacing
{\small \textbf{HTML:}}

\href{https://www.gocher.me/code/tabsheets/tabsheets.htm}{tabsheet.htm}

\singlespacing
{\small \textbf{JavaScript:}}

\href{https://www.gocher.me/code/tabsheets/tabsheets.js}{tabsheet.js}

\singlespacing
{\small \textbf{Stylesheet:}}

\href{https://www.gocher.me/code/tabsheets/tabsheets.css}{tabsheet.css}
\end{document}