56 lines
1.7 KiB
HTML
56 lines
1.7 KiB
HTML
<!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" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
|
|
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
|
|
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/smoothness/jquery-ui.css">
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/jquery-ui.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>Mein Konto</p>
|
|
</div>
|
|
<div id="element">
|
|
<p>Impressum</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="help-div">
|
|
<button id="help">
|
|
<span class="material-symbols-outlined">
|
|
chat
|
|
</span>
|
|
</button>
|
|
</div>
|
|
|
|
|
|
<div id="chatbot">
|
|
<iframe src="./bot.html" frameborder="0" style="width: 100%; height: 100%;"></iframe>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
$('#chatbot').dialog({
|
|
autoOpen: false,
|
|
height: 500,
|
|
width: 450,
|
|
positon: {my: 'center top'}
|
|
});
|
|
|
|
$('#help').click(() => $('#chatbot').dialog('open'));
|
|
</script>
|
|
</body>
|
|
</html> |