Update public/index.html

2fb1912f · Faizi · dee8d15e · 2fb1912f
Commit 2fb1912f authored 11 months ago by Faizi
Hide whitespace changes
Inline Side-by-side

Showing

with 75 additions and 20 deletions
+75 -20
--- a/public/index.html
+++ b/public/index.html
 <!DOCTYPE html>
-<html>
+<html lang="en">
-  <head>
+<head>
-    <meta charset="utf-8">
+  <meta charset="UTF-8">
-    <meta name="generator" content="GitLab Pages">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Plain HTML site using GitLab Pages</title>
+  <title>HFT AR Projects</title>
-    <link rel="stylesheet" href="style.css">
+  <style>
-  </head>
+    body {
-  <body>
+      font-family: Arial, sans-serif;
-    <div class="navbar">
+      text-align: center;
-      <a href="https://pages.gitlab.io/plain-html/">Plain HTML Example</a>
+      background-color: #f4f4f4;
-      <a href="https://gitlab.com/pages/plain-html/">Repository</a>
+      margin: 0;
-      <a href="https://gitlab.com/pages/">Other Examples</a>
+      padding: 0;
-    </div>
+    }
+    header {
-    <h1>Hello World!</h1>
+      background-color: #003366;
+      color: white;
-    <p>
+      padding: 20px 0;
-      This is a simple plain-HTML website on GitLab Pages, without any fancy static site generator.
+      position: relative;
-    </p>
+    }
-  </body>
+    header img {
+      position: absolute;
+      right: 20px;
+      top: 20px;
+      width: 100px;
+      height: 100px;
+    }
+    header h1 {
+      margin: 0;
+    }
+    .content {
+      margin: 20px;
+    }
+    .button {
+      background-color: #003366;
+      color: white;
+      padding: 15px 25px;
+      margin: 10px;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 16px;
+    }
+    .button:hover {
+      background-color: #0055aa;
+    }
+    footer {
+      text-align: center;
+      margin-top: 50px;
+      padding: 10px;
+      background-color: #003366;
+      color: white;
+    }
+    footer a {
+      color: white;
+      text-decoration: none;
+    }
+    footer a:hover {
+      text-decoration: underline;
+    }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Welcome to HFT AR Projects</h1>
+    <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt="HfT Stuttgart" />
+  </header>
+  <div class="content">
+    <p>Click on one of the buttons below to explore the AR projects:</p>
+    <button class="button" onclick="location.href='cube-project.html'">Cube Project</button>
+    <button class="button" onclick="location.href='tap-to-place-project.html'">Tap to Place Project</button>
+  </div>
+  <footer>
+    &copy; 2023 HfT Stuttgart. Prepared By <a href="mailto:your.email@example.com">Your Name</a>.
+  </footer>
+</body>
 </html>