Initial commit

This commit is contained in:
Jan-Lukas Pagel 2023-03-20 19:40:04 +01:00
commit 3f7508d1ac
2 changed files with 62 additions and 0 deletions

30
index.html Normal file
View File

@ -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>

32
main.css Normal file
View File

@ -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;
}