53 lines
2.8 KiB
PHP
53 lines
2.8 KiB
PHP
<?php
|
|
// This is a template file. It expects variables like $score, $recommendations, and $answers to be in scope.
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Ihr KI-Fit Check Report</title>
|
|
<style>
|
|
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; color: #333; }
|
|
.container { max-width: 600px; margin: 40px auto; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
|
|
.header { background: #0A0E1A; color: #fff; padding: 40px; text-align: center; }
|
|
.header h1 { margin: 0; font-size: 28px; }
|
|
.header .score { font-size: 60px; font-weight: bold; margin: 10px 0; color: #00F5FF; }
|
|
.content { padding: 30px; }
|
|
h2 { font-size: 22px; color: #A855F7; border-bottom: 2px solid #eee; padding-bottom: 10px; margin-top: 30px; }
|
|
.recommendation { margin-bottom: 20px; }
|
|
.recommendation h3 { font-size: 18px; margin-bottom: 5px; color: #333; }
|
|
.recommendation p { font-size: 16px; line-height: 1.6; color: #555; }
|
|
.footer { background: #f4f4f4; text-align: center; padding: 20px; font-size: 12px; color: #888; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<h1>Ihr KI-Potenzial Score</h1>
|
|
<div class="score"><?php echo htmlspecialchars($score); ?> / 100</div>
|
|
</div>
|
|
<div class="content">
|
|
<p>Vielen Dank für Ihre Teilnahme am KI-Fit Check. Basierend auf Ihren Antworten haben wir eine erste Einschätzung und Empfehlungen für Sie erstellt.</p>
|
|
|
|
<h2>Ihre Top-Empfehlungen</h2>
|
|
<?php foreach ($recommendations as $rec): ?>
|
|
<div class="recommendation">
|
|
<h3><?php echo htmlspecialchars($rec['title']); ?></h3>
|
|
<p><?php echo htmlspecialchars($rec['text']); ?></p>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
|
|
<h2>Nächste Schritte</h2>
|
|
<p>Möchten Sie eine detaillierte Analyse und einen konkreten Umsetzungsplan? Vereinbaren Sie ein kostenloses Erstgespräch mit einem unserer KI-Experten.</p>
|
|
<p style="text-align: center; margin-top: 30px;">
|
|
<a href="https://calendly.com/" style="background-color: #A855F7; color: #fff; padding: 15px 30px; text-decoration: none; border-radius: 50px; font-weight: bold;">Jetzt Termin vereinbaren</a>
|
|
</p>
|
|
</div>
|
|
<div class="footer">
|
|
<p>© <?php echo date('Y'); ?> Ihr Firmenname. Alle Rechte vorbehalten.</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|