diff --git a/frontend-react/public/index.html b/frontend-react/public/index.html
index c43a74c49b02bcbbd0dbe6500bc23e8dfffd8ce2..b9d5617ed4b3630561dd3299904d9058cdd0902c 100644
--- a/frontend-react/public/index.html
+++ b/frontend-react/public/index.html
@@ -1,34 +1,43 @@
<!DOCTYPE html>
-<html lang="en" class="h-100">
+<html lang="en">
<head>
<meta charset="utf-8" />
- <title>Internet Technologies Chatbot</title>
- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
+ <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <meta name="theme-color" content="#000000" />
+ <meta
+ name="description"
+ content="Web site created using create-react-app"
+ />
+ <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo1.png" />
+ <!--
+ manifest.json provides metadata used when your web app is installed on a
+ user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+ -->
+ <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+ <!--
+ Notice the use of %PUBLIC_URL% in the tags above.
+ It will be replaced with the URL of the `public` folder during the build.
+ Only files inside the `public` folder can be referenced from the HTML.
+
+ Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+ work correctly both with client-side routing and a non-root public URL.
+ Learn how to configure a non-root public URL by running `npm run build`.
+ -->
+ <title>React App</title>
</head>
- <body class="d-flex flex-column h-100">
+ <body>
<noscript>You need to enable JavaScript to run this app.</noscript>
- <main class="flex-shrink-0">
- <div class="bg-dark text-secondary px-4 py-5 text-center">
- <div class="py-5">
- <h1 class="display-5 fw-bold text-white">Internet Technologies Chatbot</h1>
- <div class="col-lg-6 mx-auto">
- <p class="fs-5 mb-4">Welcome to the chatbot of Prof. Dr. Andreas Wölfl. The code to produce this frontend
- was taken from templates freely available on the Web. Please visit the following links:</p>
- <div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
- <a href="https://bootsnipp.com/snippets/ZlkBn"><button type="button" class="btn btn-outline-info btn-lg px-4 me-sm-3 fw-bold">Chat by Pavel Komiagin</button></a>
- <a href="https://getbootstrap.com/docs/5.0/examples/heroes/"><button type="button" class="btn btn-outline-light btn-lg px-4"> Dark Mode Hero</button></a>
- </div>
- </div>
- </div>
- </div>
- <div class="b-example-divider mb-0"></div>
- <div id="chatbot"></div>
- </main>
- <footer class="footer mt-auto py-3 bg-light">
- <div class="container">
- <span class="text-muted">Prof. Dr. Andreas Wölfl, E-Mail: <a href="mailto:andreas.woelfl@th-deg.de">andreas.woelfl@th-deg.de</a></span>
- </div>
- </footer>
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
+ <div id="root"></div>
+ <!--
+ This HTML file is a template.
+ If you open it directly in the browser, you will see an empty page.
+
+ You can add webfonts, meta tags, or analytics to this file.
+ The build step will place the bundled scripts into the <body> tag.
+
+ To begin the development, run `npm start` or `yarn start`.
+ To create a production bundle, use `npm run build` or `yarn build`.
+ -->
</body>
</html>