diff --git a/public/icons/android-chrome-96x96.png b/public/icons/android-chrome-96x96.png
new file mode 100644
index 0000000..ef4a3c1
Binary files /dev/null and b/public/icons/android-chrome-96x96.png differ
diff --git a/public/icons/apple-touch-icon.png b/public/icons/apple-touch-icon.png
new file mode 100644
index 0000000..7e6788f
Binary files /dev/null and b/public/icons/apple-touch-icon.png differ
diff --git a/public/icons/browserconfig.xml b/public/icons/browserconfig.xml
new file mode 100644
index 0000000..4d69c89
--- /dev/null
+++ b/public/icons/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="./icons/mstile-150x150.png"/>
+            <TileColor>#b5f4db</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/public/icons/favicon-16x16.png b/public/icons/favicon-16x16.png
new file mode 100644
index 0000000..4358c4e
Binary files /dev/null and b/public/icons/favicon-16x16.png differ
diff --git a/public/icons/favicon-32x32.png b/public/icons/favicon-32x32.png
new file mode 100644
index 0000000..e8c7ea5
Binary files /dev/null and b/public/icons/favicon-32x32.png differ
diff --git a/public/icons/favicon.ico b/public/icons/favicon.ico
new file mode 100644
index 0000000..8b0001f
Binary files /dev/null and b/public/icons/favicon.ico differ
diff --git a/public/icons/mstile-150x150.png b/public/icons/mstile-150x150.png
new file mode 100644
index 0000000..be4de5e
Binary files /dev/null and b/public/icons/mstile-150x150.png differ
diff --git a/public/icons/safari-pinned-tab.svg b/public/icons/safari-pinned-tab.svg
new file mode 100644
index 0000000..61d75a0
--- /dev/null
+++ b/public/icons/safari-pinned-tab.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="118.000000pt" height="118.000000pt" viewBox="0 0 118.000000 118.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,118.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M245 973 c-107 -43 -207 -139 -222 -215 -3 -15 -9 -28 -13 -28 -4 0
+-7 -44 -5 -97 1 -83 6 -106 28 -153 28 -58 63 -101 112 -139 28 -21 30 -28 35
+-104 l5 -82 34 -3 c45 -5 53 6 55 70 1 44 4 53 19 52 9 -1 35 -2 56 -3 l40 -1
+-1 -51 c0 -61 8 -72 53 -67 l34 3 5 68 c3 37 7 67 10 66 3 -1 34 16 70 38 92
+56 173 84 256 88 l71 4 21 -42 c84 -166 120 -222 143 -222 l24 0 3 263 c2 225
+0 268 -14 297 -39 84 -111 123 -237 130 -98 5 -160 24 -237 71 -100 60 -145
+74 -228 73 -46 0 -93 -6 -117 -16z m660 -343 c0 -32 -3 -35 -32 -38 -24 -2
+-33 1 -38 17 -3 12 -3 30 0 42 5 16 14 19 38 17 29 -3 32 -6 32 -38z m115
+-235 c0 -41 -2 -75 -4 -75 -3 0 -18 24 -34 54 l-29 54 26 21 c14 11 29 20 34
+20 4 1 7 -33 7 -74z"/>
+</g>
+</svg>
diff --git a/public/icons/site.webmanifest b/public/icons/site.webmanifest
new file mode 100644
index 0000000..88fe58d
--- /dev/null
+++ b/public/icons/site.webmanifest
@@ -0,0 +1,15 @@
+{
+    "name": "Constnium",
+    "short_name": "Constnium",
+    "icons": [
+        {
+            "src": "android-chrome-96x96.png",
+            "sizes": "96x96",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#b5f4db",
+    "background_color": "#b5f4db",
+    "start_url": "/",
+    "display": "standalone"
+}
diff --git a/public/images/logo.webp b/public/images/logo.webp
new file mode 100644
index 0000000..f000aa3
Binary files /dev/null and b/public/images/logo.webp differ
diff --git a/src/views/index.ejs b/src/views/index.ejs
index a7f6ff6..afbe987 100644
--- a/src/views/index.ejs
+++ b/src/views/index.ejs
@@ -8,13 +8,27 @@
     <base target="_blank">
 
     <link rel="stylesheet" href="/css/style.css">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
 
     <title>Constnium</title>
     <meta name="author" content="Mylloon">
     <meta name="description" content="Calculate your constant based on your first name">
+
+    <link rel="apple-touch-icon" sizes="114x114" href="./icons/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="./icons/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="./icons/favicon-16x16.png">
+    <link rel="manifest" href="./icons/site.webmanifest">
+    <link rel="mask-icon" href="./icons/safari-pinned-tab.svg" color="#b5f4db">
+    <link rel="shortcut icon" href="./icons/favicon.ico">
+    <meta name="msapplication-TileColor" content="#b5f4db">
+    <meta name="msapplication-config" content="./icons/browserconfig.xml">
+    <meta name="theme-color" content="#b5f4db">
 </head>
 <body>
+    <img src="images/logo.webp" class="img-fluid rounded mx-auto d-block" alt="Banner">
     <hr>
-    <%- readme %>
+    <figure class="text-center">
+        <%- readme %>
+    </figure>
 </body>
 </html>