original commit

This commit is contained in:
2024-10-08 14:08:41 +02:00
parent da165ef4cf
commit 661d889f52
5 changed files with 224 additions and 0 deletions

62
index.html Normal file
View File

@@ -0,0 +1,62 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="keywords" content="HTML, CSS" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="TU Landing Page for service technicians."
/>
<title>Landing Page</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="header">
<h1>TU. Landing Page for Service Technicians.</h1>
<p>
Dies ist eine Landing Page fuer das einfache auffinden aller
notwendingen Links und Antworten fuer interne und externe Service
Techinker im Haus. bei Themen, die nicht durch diese Homepage
beantwortet werden wenden Sie sich bitte an Philipp Rein von Softbox.
</p>
</div>
<hr />
<div class="contentBox">
<div class="column">
<h2>
<a href="layerone/internal-tech.html">Interne Service Techniker</a>
</h2>
<p>
Interne Service Techinker finden hier alle benoetigten Informationen.
</p>
</div>
<div class="column">
<h2>
<a href="layerone/external-tech.html">Externe Service Techniker</a>
</h2>
<p>Dies ist ein dummy text.</p>
</div>
<div class="column">
<h2><a href="layerone/gen-faq.html">Allgemeines FAQ</a></h2>
<ul>
<li>Ansprechpartner Softbox</li>
<li>Technische Sprechzeiten</li>
<li>Zustaendigkeiten GA (Diagramm)</li>
<li>Lageplan TUM</li>
<li>Uebersicht IPAM</li>
<li>...</li>
</ul>
</div>
</div>
<hr />
<!-- FOOTER -->
<footer class="footer">
<p>
Copyright 2024:
<a href="mailto:pec@softbox.de">Softbox GmbH</a><br />
</p>
</footer>
</body>
</html>

View File

@@ -0,0 +1,26 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="keywords" content="html, css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="tu landing page for service technicians."
/>
<title>landing page</title>
<link rel="stylesheet" type="text/css" href="../style.css" />
</head>
<!-- BODY -->
<body>
Hello, external!
<!-- FOOTER -->
<footer class="footer">
<p>
Copyright 2024:
<a href="mailto:pec@softbox.de">Softbox GmbH</a><br />
</p>
</footer>
</body>
</html>

36
layerone/gen-faq.html Normal file
View File

@@ -0,0 +1,36 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="keywords" content="html, css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="tu landing page for service technicians."
/>
<title>landing page</title>
<link rel="stylesheet" type="text/css" href="../style.css" />
</head>
<!-- BODY -->
<body>
<h1>Allgemeines FAQ</h1>
<p>Gen FAQ, ..., umsonst.
<ul>
<li>Ansprechpartner Softbox</li>
<li>Technische Sprechzeiten</li>
<li>Zustaendigkeiten GA (Diagramm)</li>
<li>Lageplan TUM</li>
<li>Uebersicht IPAM</li>
<li>...</li>
</ul>
</p>
<!-- FOOTER -->
<footer class="footer">
<p>
Copyright 2024:
<a href="mailto:pec@softbox.de">Softbox GmbH</a><br />
</p>
</footer>
</body>
</html>

View File

@@ -0,0 +1,33 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="keywords" content="html, css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="tu landing page for service technicians."
/>
<title>landing page</title>
<link rel="stylesheet" type="text/css" href="../style.css" />
</head>
<!-- BODY -->
<body>
<h1>Interne Service Techniker</h1>
<p> Hier sind Links zu den folgenden Sachen:
<ul>
<li>FAQ fuer interne Techs.</li>
<li>HTML5-Portal??</li>
<li>interims MXi</li>
</ul>
</p>
<!-- FOOTER -->
<footer class="footer">
<p>
Copyright 2024:
<a href="mailto:pec@softbox.de">Softbox GmbH</a><br />
</p>
</footer>
</body>
</html>

67
style.css Normal file
View File

@@ -0,0 +1,67 @@
/* ------------------------------------------------------------ */
/* ------------------ General --------------------------------- */
/* ------------------------------------------------------------ */
body {
background: #000000;
color: #c0c0c0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
max-width: 800px;
margin: auto;
}
body h1 {
text-align: center;
}
/*
main {
max-width: 800px;
margin: auto;
}
*/
.dark-mode {
color: white;
background: black;
}
.light-mode {
color: black;
background: white;
}
a {
color: #10602a;
text-decoration: none;
}
/* ------------------------------------------------------------ */
/* Header formatting */
.header {
text-align: center;
}
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* Grid with base information */
.contentBox {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
/*grid-auto-columns: minmax(10px, auto);*/
}
/* ------------------------------------------------------------ */
/* Footer formatting */
footer {
text-align: center;
clear: both;
/*color: white;
padding: 50px;
font-size: 10px;*/
}
/* ------------------------------------------------------------ */