\begin{figure}[H]
  \begin{subfigure}[t]{0.45\textwidth}
    \begin{lstlisting}[language=hbs, numbers=none, backgroundcolor=\color{bgColor}]
<div>
    \end{lstlisting}
    \caption{Composant \entity{Mustache} \og \texttt{component\_start} \fg}
  \end{subfigure}
  \hfill
  \begin{subfigure}[t]{0.45\textwidth}
    \begin{lstlisting}[language=hbs, numbers=none, backgroundcolor=\color{bgColor}]
<div>{{@partial-block}}</div>
    \end{lstlisting}
    \caption{Composant \entity{Handlebars} \og \texttt{component} \fg}
  \end{subfigure}

  \begin{subfigure}[t]{0.45\textwidth}
    \begin{lstlisting}[language=hbs, numbers=none, backgroundcolor=\color{bgColor}]
</div>
    \end{lstlisting}
    \caption{Composant \entity{Mustache} \og \texttt{component\_end} \fg}
  \end{subfigure}

  \begin{subfigure}[t]{0.45\textwidth}
    \begin{lstlisting}[language=hbs, numbers=none, backgroundcolor=\color{bgColor}]
{{>component_start}}
  <p>Hello, world!</p>
{{>component_end}}
    \end{lstlisting}
    \caption{Email avec \entity{Mustache}}
  \end{subfigure}
  \hfill
  \begin{subfigure}[t]{0.45\textwidth}
    \begin{lstlisting}[language=hbs, numbers=none, backgroundcolor=\color{bgColor}]
{{#>component}}
  <p>Hello, world!</p>
{{/component}}
    \end{lstlisting}
    \caption{Email avec \entity{Handlebars}}
  \end{subfigure}

  \caption{Exemple de définition et d'utilisation d'un composant avec \entity{Handlebars} et \entity{Mustache}}
  \label{hbs1}
\end{figure}
