Sie können mit der Boilerplate arbeiten, indem Sie die [Tools für lokale Entwicklung](/developer-tooling/local-development/hubspot-cli/install-the-cli) nutzen oder den [Design-Manager](https://knowledge.hubspot.com/cos-general/get-started-with-the-design-manager) verwenden. Die Boilerplate verwendet relative Pfadreferenzen für alle Elemente, was eine einfache Anpassung an Ihr Projekt ermöglicht. Auf diese Weise kann die Boilerplate auch vollständig zwischen den Accounts in der CRM-Plattform übertragen werden. Nachfolgend sehen Sie einen Screenshot der Ordnerstruktur der Elemente der Boilerplate. In der Boilerplate werden die Elemente in mehrere Verzeichnisse aufgeteilt, sodass leicht ermittelt werden kann, wo sie sich befinden.
Die zugrundeliegende Vorlagenstruktur der CMS Hub Boilerplate dreht sich um ein [gemeinsames Basislayout](https://github.com/HubSpot/cms-theme-boilerplate/blob/main/src/templates/layouts/base.html), das sich im Ordner **Vorlagen > Layouts** befindet und dann mit dem `{% extends %}`-Tag erweitert wird und den `{% block body %}`-Block für seinen Hauptinhalt referenziert. Ein Beispiel dafür, wie das extend-Tag und die Blöcke verwendet werden, finden Sie in [jeder der HTML-Dateien im Vorlagenverzeichnis.](https://github.com/HubSpot/cms-theme-boilerplate/tree/main/src/templates) Erfahren Sie mehr über [Blöcke und Erweiterungen](/cms/reference/hubl/overview#blocks-and-extends).
Dies ist eine gängige Methode beim Entwickeln von CMS-Systemen, bei der Sie eine Basisvorlage (manchmal auch als Haupt- oder übergeordnete Vorlage bezeichnet) haben, die alle wichtigen strukturellen Teile des Inhalts Ihrer Website enthält. Dies sind häufig Elemente, die sich innerhalb des ``-Elements auf Ihrer Website befinden, z. B. allgemeine Metaeigenschaften (Bsp.: Titel und Metabeschreibung), Favicon-Links, CSS-Links und Skripte von Drittanbietern
```hubl theme={null}