original commit
This commit is contained in:
62
index.html
Normal file
62
index.html
Normal 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>
|
||||||
26
layerone/external-tech.html
Normal file
26
layerone/external-tech.html
Normal 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
36
layerone/gen-faq.html
Normal 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>
|
||||||
33
layerone/internal-tech.html
Normal file
33
layerone/internal-tech.html
Normal 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
67
style.css
Normal 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;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------------------------------------------------------------ */
|
||||||
Reference in New Issue
Block a user