Initial commit
This commit is contained in:
commit
3f7508d1ac
30
index.html
Normal file
30
index.html
Normal 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
32
main.css
Normal 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;
|
||||||
|
}
|
Loading…
x
Reference in New Issue
Block a user