Initial commit

2023-03-20 19:40:04 +01:00 · 2023-03-20 19:40:04 +01:00 · 3f7508d1ac
commit 3f7508d1ac
2 changed files with 62 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>Technik Holger</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
+</head>
+<body>
+
+    <div id="header">
+        <h1>Technikholger.de - Dein IT Dienstleister deines Vertrauens</h1>
+        <div id="navbar">
+            <div id="element">
+                <p>Startseite</p>
+            </div>
+            <div id="element">
+                <p>Kundenlogin</p>
+            </div>
+            <div id="element">
+                <p>Impressum</p>
+            </div>
+        </div>
+    </div>
+
+    <iframe src="https://web.powerva.microsoft.com/environments/Default-5e98bbb4-4a0c-4dae-8254-dcaa73b41da8/bots/new_bot_a5e0b0b26ba9409abc86d421e7d56f91/webchat" frameborder="0" style="width: 100%; height: 100%;"></iframe>
+</body>
+</html>
--- a/main.css
+++ b/main.css
@ -0,0 +1,32 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
+
+html, body {
+    height: 100%;
+}
+
+h1 {
+    font-family: 'Roboto', sans-serif;
+    margin: 0;
+}
+
+#header {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: flex-end;
+    margin-bottom: 20px;
+}
+
+#navbar {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+}
+
+#navbar #element {
+    font-family: 'Roboto', sans-serif;
+    margin-right: 10px;
+    background-color: lightgray;
+    border-radius: 5px;
+    padding: 5px 10px 5px 10px;
+}