Initial commit: Profice Home website with Dockerfile and nginx config
This commit is contained in:
147
impressum.html
Normal file
147
impressum.html
Normal file
@@ -0,0 +1,147 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<!-- Cookiebot -->
|
||||
<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="d6499c25-b3c2-41ac-8edf-60a4209f74c9" data-blockingmode="auto" type="text/javascript"></script>
|
||||
<script>
|
||||
window.addEventListener('CookiebotOnDialogDisplay', function() {
|
||||
var dialog = document.getElementById('CybotCookiebotDialog');
|
||||
if (dialog) {
|
||||
dialog.style.setProperty('position', 'fixed', 'important');
|
||||
dialog.style.setProperty('bottom', '0', 'important');
|
||||
dialog.style.setProperty('top', 'auto', 'important');
|
||||
dialog.style.setProperty('left', '0', 'important');
|
||||
dialog.style.setProperty('right', '0', 'important');
|
||||
dialog.style.setProperty('width', '100%', 'important');
|
||||
dialog.style.setProperty('transform', 'none', 'important');
|
||||
dialog.style.setProperty('margin', '0', 'important');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Google Tag Manager -->
|
||||
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||||
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
||||
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
||||
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
||||
})(window,document,'script','dataLayer','GTM-PNJK5FN7');</script>
|
||||
<!-- End Google Tag Manager -->
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Impressum - Profice GmbH">
|
||||
<meta name="robots" content="index, follow">
|
||||
<title>Impressum — Profice</title>
|
||||
<link rel="icon" type="image/png" href="Appicon 1024X1024-01.png">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800;900&family=Raleway:wght@300;400;500;600&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
|
||||
:root{
|
||||
--charcoal:#4F4747;--slate:#777764;--ivory:#EBEBDE;
|
||||
--amber:#F57C00;--teal:#26A69A;--green:#66BB6A;
|
||||
--bg:#0e0d0c;--bg2:#161514;--bg3:#1c1b19;
|
||||
--text:#d4d0c8;--text-dim:#7a7668;--text-bright:#f5f2ea;
|
||||
}
|
||||
html{scroll-behavior:smooth;font-size:16px}
|
||||
body{background:var(--bg);color:var(--text);font-family:'Raleway',sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
|
||||
::selection{background:var(--amber);color:var(--bg)}
|
||||
|
||||
/* ─── GRAIN OVERLAY ─── */
|
||||
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;
|
||||
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
|
||||
opacity:.35}
|
||||
|
||||
/* ─── NAV ─── */
|
||||
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0.6rem 3rem;display:flex;justify-content:space-between;align-items:center;
|
||||
backdrop-filter:blur(20px);background:rgba(14,13,12,.7);border-bottom:1px solid rgba(235,235,222,.04)}
|
||||
.logo{font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:.15em;color:var(--ivory);text-transform:uppercase;text-decoration:none}
|
||||
.logo span{color:var(--amber)}
|
||||
nav ul{list-style:none;display:flex;gap:2.5rem}
|
||||
nav a{color:var(--text-dim);text-decoration:none;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;transition:color .3s}
|
||||
nav a:hover{color:var(--amber)}
|
||||
.nav-cta{color:var(--amber)!important;border:1px solid var(--amber);padding:.45rem 1.2rem;transition:all .3s}
|
||||
.nav-cta:hover{background:var(--amber);color:var(--bg)!important}
|
||||
|
||||
/* ─── LEGAL CONTENT ─── */
|
||||
.legal-page{padding:9rem 3rem 6rem;max-width:900px;margin:0 auto}
|
||||
.legal-page h1{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(2rem,5vw,3rem);color:var(--text-bright);margin-bottom:3rem;line-height:1.1;
|
||||
display:flex;flex-direction:column;gap:.75rem}
|
||||
.legal-page h1::before{content:'Rechtliches';font-family:'Montserrat',sans-serif;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--amber);
|
||||
display:flex;align-items:center;gap:1rem}
|
||||
.legal-page h1::after{content:'';display:block;width:3rem;height:1px;background:var(--amber)}
|
||||
.legal-page h2{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.3rem;color:var(--text-bright);margin-top:3rem;margin-bottom:1rem;letter-spacing:.02em}
|
||||
.legal-page h3{font-family:'Montserrat',sans-serif;font-weight:600;color:var(--amber);margin-top:2rem;margin-bottom:.75rem;letter-spacing:.05em;text-transform:uppercase;font-size:.8rem}
|
||||
.legal-page p{font-size:.95rem;line-height:1.8;color:var(--text-dim);margin-bottom:1rem;font-weight:300}
|
||||
.contact-block{margin:1.5rem 0;padding:1.5rem 2rem;background:rgba(255,255,255,.02);border-left:2px solid var(--amber);border-radius:0 4px 4px 0}
|
||||
.contact-block p{margin-bottom:.25rem}
|
||||
|
||||
/* ─── FOOTER ─── */
|
||||
footer{border-top:1px solid rgba(235,235,222,.04);padding:3rem;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-dim)}
|
||||
footer a{color:var(--text-dim);text-decoration:none}
|
||||
footer a:hover{color:var(--amber)}
|
||||
|
||||
/* ─── RESPONSIVE ─── */
|
||||
@media(max-width:900px){
|
||||
nav{padding:1rem 1.5rem}nav ul{gap:1.2rem}
|
||||
.legal-page{padding:7rem 1.5rem 4rem}
|
||||
}
|
||||
@media(max-width:600px){
|
||||
nav ul{display:none}
|
||||
.legal-page{padding:6rem 1.2rem 3rem}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Google Tag Manager (noscript) -->
|
||||
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PNJK5FN7"
|
||||
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
||||
<!-- End Google Tag Manager (noscript) -->
|
||||
|
||||
<nav>
|
||||
<a href="profice-home.html" class="logo"><img src="Logo-09.png" alt="Profice" style="height:44px;display:block"></a>
|
||||
<ul>
|
||||
<li><a href="profice-home.html#systems">Systeme</a></li>
|
||||
<li><a href="profice-home.html#ergebnisse">Ergebnisse</a></li>
|
||||
<li><a href="profice-home.html#feedgine">Feedgine</a></li>
|
||||
<li><a href="profice-home.html#kontakt" class="nav-cta">Gespräch buchen</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<main class="legal-page">
|
||||
<h1>Impressum</h1>
|
||||
|
||||
<h2>Angaben gemäß § 5 DDG</h2>
|
||||
|
||||
<div class="contact-block">
|
||||
<p>Profice GmbH</p>
|
||||
<p>Grüner Weg 36</p>
|
||||
<p>03185 Peitz</p>
|
||||
<p>Deutschland</p>
|
||||
</div>
|
||||
|
||||
<h3>Vertreten durch</h3>
|
||||
<p>Geschäftsführer: Marco Vitalone</p>
|
||||
|
||||
<h3>Kontakt</h3>
|
||||
<p>Telefon: +49 35601 988890</p>
|
||||
<p>E-Mail: hello@profice.ai</p>
|
||||
<p>Website: www.profice.ai</p>
|
||||
|
||||
<h3>Registereintrag</h3>
|
||||
<p>Eintragung im Handelsregister.</p>
|
||||
<p>Registergericht: Amtsgericht Cottbus</p>
|
||||
<p>Registernummer: HRB 18848</p>
|
||||
|
||||
<h3>Umsatzsteuer-ID</h3>
|
||||
<p>Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz:</p>
|
||||
<p>DE455542668</p>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<span>© 2026 Profice GmbH</span>
|
||||
<span><a href="impressum.html">Impressum</a> · <a href="datenschutz.html">Datenschutz</a></span>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user