Initial commit — BMP Website 2026
Vollständiges Redesign mit Gold-Formularen, BMP-Logo, multi-step Forms (Bewerbung, Kontakt, Sponsoring), Netlify-Deployment. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Sebastian Pachon Araque
259
jury.html
Normal file
259
jury.html
Normal file
@@ -0,0 +1,259 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Jury & Partner – Bayerischer Mittelstandspreis</title>
|
||||
<meta name="description" content="Lernen Sie die unabhängige Jury und unsere Partner des Bayerischen Mittelstandspreises kennen. Experten aus Wirtschaft, Wissenschaft und Politik.">
|
||||
<link rel="stylesheet" href="/css/variables.css">
|
||||
<link rel="stylesheet" href="/css/base.css">
|
||||
<link rel="stylesheet" href="/css/components.css">
|
||||
<link rel="stylesheet" href="/css/layout.css">
|
||||
<link rel="stylesheet" href="/css/pages.css">
|
||||
</head>
|
||||
<body class="bg-light">
|
||||
<nav class="nav" id="main-nav">
|
||||
<div class="nav__inner">
|
||||
<a href="index.html" class="nav__brand">
|
||||
<div class="nav__brand-text">
|
||||
<span class="nav__brand-name">Bayerischer Mittelstandspreis</span>
|
||||
<span class="nav__brand-sub">Exzellenz seit 2005</span>
|
||||
</div>
|
||||
</a>
|
||||
<div class="nav__links" id="nav-links">
|
||||
<a href="index.html" class="nav__link">Startseite</a>
|
||||
<a href="teilnahme.html" class="nav__link">Teilnahme</a>
|
||||
<a href="preistraeger.html" class="nav__link">Der BMP</a>
|
||||
<a href="jury.html" class="nav__link active">Jury & Partner</a>
|
||||
<a href="presse.html" class="nav__link">Presse</a>
|
||||
<a href="kontakt.html" class="nav__link">Kontakt</a>
|
||||
<a href="teilnahme.html#bewerben" class="btn btn--gold btn--sm nav__cta">Bewerben</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- ── Page Hero ── -->
|
||||
<section class="page-hero">
|
||||
<div class="container reveal">
|
||||
<div class="hero__badge reveal">
|
||||
<span class="badge badge--gold">Engagement & Expertise</span>
|
||||
</div>
|
||||
<h1 class="hero-title">Wer entscheidet?</h1>
|
||||
<div class="gold-divider"></div>
|
||||
<p class="hero-subtitle">Eine hochkarätige Jury und starke Partner bürgen für die Unabhängigkeit und Netzwerkqualität des Bayerischen Mittelstandspreises.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Jury Intro & Mitglieder ── -->
|
||||
<section class="section section--light" id="jury">
|
||||
<div class="container">
|
||||
<div class="section-header reveal">
|
||||
<span class="overline">Das Gremium</span>
|
||||
<h2>Unsere Jury 2026</h2>
|
||||
<div class="gold-divider"></div>
|
||||
<p style="max-width: 700px; margin: 0 auto;">Die Jury setzt sich aus führenden Köpfen der bayerischen Wirtschaft, Wissenschaft und Politik zusammen. Jedes Mitglied bringt langjährige Expertise in der Bewertung mittelständischer Erfolgsfaktoren ein.</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid--4 reveal">
|
||||
<!-- Jury 1 -->
|
||||
<div class="profile-card stagger-item">
|
||||
<div class="profile-card__avatar">
|
||||
<img src="https://images.unsplash.com/photo-1560250097-0b93528c311a?auto=format&fit=crop&q=80&w=400" alt="Prof. Dr. Klaus Bergmann" class="fit-image">
|
||||
</div>
|
||||
<h4 class="profile-card__name">Prof. Dr. Klaus Bergmann</h4>
|
||||
<p class="profile-card__role">Vorsitzender / LMU München</p>
|
||||
<div class="profile-card__bio">
|
||||
<p>Spezialist für KMU-Strategien und Innovations-Ökosysteme.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Jury 2 -->
|
||||
<div class="profile-card stagger-item">
|
||||
<div class="profile-card__avatar">
|
||||
<img src="https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&q=80&w=400" alt="Dr. Sabine Hofmann" class="fit-image">
|
||||
</div>
|
||||
<h4 class="profile-card__name">Dr. Sabine Hofmann</h4>
|
||||
<p class="profile-card__role">IHK Bayern</p>
|
||||
<div class="profile-card__bio">
|
||||
<p>Expertin für digitale Transformation und regionale Wertschöpfung.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Jury 3 -->
|
||||
<div class="profile-card stagger-item">
|
||||
<div class="profile-card__avatar">
|
||||
<img src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?auto=format&fit=crop&q=80&w=400" alt="Maximilian Reiter" class="fit-image">
|
||||
</div>
|
||||
<h4 class="profile-card__name">Maximilian Reiter</h4>
|
||||
<p class="profile-card__role">Unternehmer</p>
|
||||
<div class="profile-card__bio">
|
||||
<p>CEO der Reiter Group, bringt die wertvolle Unternehmer-Perspektive ein.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Jury 4 -->
|
||||
<div class="profile-card stagger-item">
|
||||
<div class="profile-card__avatar">
|
||||
<img src="https://images.unsplash.com/photo-1580489944761-15a19d654956?auto=format&fit=crop&q=80&w=400" alt="Dr. Elena Fischer" class="fit-image">
|
||||
</div>
|
||||
<h4 class="profile-card__name">Dr. Elena Fischer</h4>
|
||||
<p class="profile-card__role">TU München</p>
|
||||
<div class="profile-card__bio">
|
||||
<p>Lehrstuhl für nachhaltige Unternehmensführung.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Partner & Sponsoren (Interactive Cards) ── -->
|
||||
<section class="section" id="partner">
|
||||
<div class="container">
|
||||
<div class="section-header reveal">
|
||||
<span class="overline">Netzwerkqualität</span>
|
||||
<h2>Unsere Partner & Sponsoren</h2>
|
||||
<div class="gold-divider"></div>
|
||||
<p>Ein starkes Netzwerk für einen starken Mittelstand. Klicken Sie auf ein Logo für Details.</p>
|
||||
</div>
|
||||
|
||||
<div class="partner-grid reveal">
|
||||
<!-- Partner: IHK -->
|
||||
<div class="partner-card stagger-item" data-partner="ihk">
|
||||
<div class="partner-card__logo">
|
||||
<svg width="120" height="40" viewBox="0 0 120 40" fill="currentColor"><text x="0" y="25" font-family="var(--font-display)" font-weight="bold" font-size="20">IHK</text><rect x="45" y="10" width="70" height="2" fill="var(--color-accent)"/></svg>
|
||||
</div>
|
||||
<div class="partner-card__info">
|
||||
<h4>IHK Bayern</h4>
|
||||
<p>Fördert den Wissenstransfer und die regionale Vernetzung der Nominierten.</p>
|
||||
<span class="partner-card__cta">Details ansehen</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Partner: Staatsregierung -->
|
||||
<div class="partner-card stagger-item" data-partner="staatsregierung">
|
||||
<div class="partner-card__logo">
|
||||
<svg width="140" height="40" viewBox="0 0 140 40" fill="currentColor"><text x="0" y="25" font-family="var(--font-display)" font-weight="bold" font-size="16">STAATSREGIERUNG</text></svg>
|
||||
</div>
|
||||
<div class="partner-card__info">
|
||||
<h4>Bayer. Staatsregierung</h4>
|
||||
<p>Schirmherrschaft und politische Brücke für den bayerischen Mittelstand.</p>
|
||||
<span class="partner-card__cta">Details ansehen</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Partner: BVMW -->
|
||||
<div class="partner-card stagger-item" data-partner="bvmw">
|
||||
<div class="partner-card__logo">
|
||||
<svg width="100" height="40" viewBox="0 0 100 40" fill="currentColor"><text x="0" y="25" font-family="var(--font-display)" font-weight="bold" font-size="20">BVMW</text></svg>
|
||||
</div>
|
||||
<div class="partner-card__info">
|
||||
<h4>BVMW</h4>
|
||||
<p>Unterstützt bei der Identifikation herausragender KMU-Vorbilder.</p>
|
||||
<span class="partner-card__cta">Details ansehen</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Partner: EY -->
|
||||
<div class="partner-card stagger-item" data-partner="ey">
|
||||
<div class="partner-card__logo">
|
||||
<svg width="120" height="40" viewBox="0 0 120 40" fill="currentColor"><text x="10" y="25" font-family="Arial" font-weight="900" font-size="24">EY</text><rect x="0" y="5" width="4" height="30" fill="var(--color-accent)"/></svg>
|
||||
</div>
|
||||
<div class="partner-card__info">
|
||||
<h4>EY Deutschland</h4>
|
||||
<p>Sichert die fachliche Qualität und Neutralität des Audit-Prozesses.</p>
|
||||
<span class="partner-card__cta">Details ansehen</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Modal für Partner-Details ── -->
|
||||
<div class="partner-modal" id="partner-modal">
|
||||
<div class="partner-modal__content">
|
||||
<button class="partner-modal__close" id="modal-close">×</button>
|
||||
<div id="modal-body">
|
||||
<!-- Content will be injected by JS -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ── Sponsoring-Call & Kontaktformular ── -->
|
||||
<section class="section section--dark" id="sponsoring-form">
|
||||
<div class="container">
|
||||
<div class="grid grid--2 reveal" style="align-items: center; gap: var(--space-4xl);">
|
||||
<div>
|
||||
<span class="overline" style="color: var(--color-accent);">Wachstum durch Partnerschaft</span>
|
||||
<h2>Wir freuen uns über neue Sponsoren</h2>
|
||||
<div class="gold-divider gold-divider--left"></div>
|
||||
<p style="color: var(--color-gray-dark);">Positionieren Sie Ihre Marke im exklusivsten Netzwerk des bayerischen Mittelstands. Wir bieten maßgeschneiderte Sponsoring-Pakete für Unternehmen, die Exzellenz fördern wollen.</p>
|
||||
<ul class="check-list" style="margin-top: var(--space-xl); color: var(--color-gray);">
|
||||
<li>Hohe Markenpräsenz bei der Gala</li>
|
||||
<li>Direkter Kontakt zu Top-Entscheidern</li>
|
||||
<li>Multichannel-Reichweite</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="form-card" style="background: var(--color-white); padding: var(--space-3xl); border-radius: var(--radius-lg);">
|
||||
<h3 style="color: var(--color-dark); margin-bottom: var(--space-lg);">Sponsoring-Anfrage</h3>
|
||||
<form id="sponsoring-contact">
|
||||
<div class="form-group">
|
||||
<label class="form-label" style="color: var(--color-dark);">Unternehmen *</label>
|
||||
<input type="text" class="form-input" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label" style="color: var(--color-dark);">Ansprechpartner *</label>
|
||||
<input type="text" class="form-input" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label" style="color: var(--color-dark);">E-Mail *</label>
|
||||
<input type="email" class="form-input" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label" style="color: var(--color-dark);">Interesse an *</label>
|
||||
<select class="form-input" required>
|
||||
<option value="">Bitte wählen...</option>
|
||||
<option value="main">Haupt-Sponsoring</option>
|
||||
<option value="category">Kategorie-Partner</option>
|
||||
<option value="event">Event-Partner</option>
|
||||
</select>
|
||||
</div>
|
||||
<button type="submit" class="btn btn--gold btn--full" style="margin-top: var(--space-md);">Exposé anfordern →</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Footer ── -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer__grid">
|
||||
<div class="footer__brand">
|
||||
<h3 class="nav__brand-name">Bayerischer Mittelstandspreis</h3>
|
||||
<p class="nav__brand-sub">Exzellenz seit 2005</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">BMP 2026</h4>
|
||||
<a href="index.html" class="footer__link">Startseite</a>
|
||||
<a href="teilnahme.html" class="footer__link">Teilnahme</a>
|
||||
<a href="preistraeger.html" class="footer__link">Preisträger</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">Engagement</h4>
|
||||
<a href="jury.html" class="footer__link">Jury & Partner</a>
|
||||
<a href="presse.html" class="footer__link">Presse</a>
|
||||
<a href="kontakt.html" class="footer__link">Kontakt</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">Legal</h4>
|
||||
<a href="datenschutz.html" class="footer__link">Datenschutz</a>
|
||||
<a href="datenschutz.html#impressum" class="footer__link">Impressum</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__bottom">
|
||||
<p>© 2026 Bayerischer Mittelstandspreis. Alle Rechte vorbehalten.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script type="module" src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user