containerize the project for deployment

app/index.html

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <link href="assets/css/style.css" rel="stylesheet">
+    <link href="assets/css/stars.css" rel="stylesheet">
+
+    <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'>
+    <link rel="icon" href="assets/images/logo.svg">
+    <title>Linktree | Giovanni-Josserand</title>
+</head>
+    <body>
+        <section class="animated-background">
+            <div id="stars1"></div>
+            <div id="stars2"></div>
+            <div id="stars3"></div>
+        </section>
+
+
+        <div id="background_div">
+            <div class="page-full-wrap">
+                    <h1 class="page-title">
+                        Giovanni
+                        <span class="highlight">Josserand</span>
+                    </h1>
+
+                <div class="page-item-wrap">
+                    <a target="_blank" class="page-item-each" href="https://portfolio.josserand.ovh/">
+                        <img class="link-each-image" src="assets/images/logo.svg" alt="Portfolio"/>
+                        <div class="item-text">
+                            <span class="item-title">Portfolio</span>
+                            <span class="item-subtitle">Explore my projects, IT skills and professional experiences</span>
+                        </div>
+                    </a>
+                </div>
+                <div class="page-item-wrap">
+                    <a target="_blank"  class="page-item-each" href="https://gitea.josserand.ovh/Giovanni-Josserand">
+                        <img class="link-each-image" src="assets/images/gitea.png" alt="Gitea"/>
+                        <div class="item-text">
+                            <span class="item-title">Gitea</span>
+                            <span class="item-subtitle">My self-hosted repository management server</span>
+                        </div>
+                    </a>
+                </div>
+                <div class="page-item-wrap">
+                    <a target="_blank"  class="page-item-each" href="https://github.com/Giovanni-Josserand">
+                        <img class="link-each-image" src="assets/images/github.png" alt="GitHub"/>
+                        <div class="item-text">
+                            <span class="item-title">GitHub</span>
+                            <span class="item-subtitle">My GitHub account for managing collaborative repositories</span>
+                        </div>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </body>
+</html>