57 lines
2.5 KiB
HTML
57 lines
2.5 KiB
HTML
<div class="container">
|
|
<section id="main-content">
|
|
<h1>Tocknerheld-Dashboard</h1>
|
|
<p>Bitte wähle einen Menüpunkt, um in den entsprechenden Bereich zu springen.</p>
|
|
</section>
|
|
|
|
<!-- Dashboard Cards Section -->
|
|
<section id="dashboard-cards">
|
|
<div class="card-grid">
|
|
<!-- Buchhaltung Card -->
|
|
<div class="card" hx-get="/buchhaltung" hx-trigger="click" hx-target="#main-content">
|
|
<span class="material-icons card-icon">account_balance_wallet</span>
|
|
<div class="card-content">
|
|
<h3 class="card-title">Buchhaltung</h3>
|
|
<p class="card-description">Verwalte Deine Buchhaltung und Finanzunterlagen effizient.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Zahlungserinnerungen Card -->
|
|
<div class="card" hx-get="/zahlungserinnerungen" hx-trigger="click" hx-target="#main-content">
|
|
<span class="material-icons card-icon">notifications_active</span>
|
|
<div class="card-content">
|
|
<h3 class="card-title">Zahlungserinnerungen</h3>
|
|
<p class="card-description">Behalte alle Zahlungen im Blick und verpasse nie eine Frist.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Flottenmanagement Card -->
|
|
<div class="card" hx-get="/flottenmanagement" hx-trigger="click" hx-target="#main-content">
|
|
<span class="material-icons card-icon">directions_car</span>
|
|
<div class="card-content">
|
|
<h3 class="card-title">Flottenmanagement</h3>
|
|
<p class="card-description">Verwalte Deine Fahrzeugflotte einfach und effizient.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Mitarbeiter Card -->
|
|
<div class="card">
|
|
<span class="material-icons card-icon">people</span>
|
|
<div class="card-content">
|
|
<h3 class="card-title">Mitarbeiter</h3>
|
|
<p class="card-description">Organisiere und manage Dein Team reibungslos und effektiv.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Einstellungen Card -->
|
|
<div class="card">
|
|
<span class="material-icons card-icon">settings</span>
|
|
<div class="card-content">
|
|
<h3 class="card-title">Einstellungen</h3>
|
|
<p class="card-description">Passe die Einstellungen Deiner Web-App nach Deinen Wünschen an.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|