diff --git a/frontend/src/app.html b/frontend/src/app.html
index d8ed254..e9ab5cc 100644
--- a/frontend/src/app.html
+++ b/frontend/src/app.html
@@ -1,13 +1,24 @@
 <!DOCTYPE html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<meta name="description" content="" />
-		<link rel="icon" href="%svelte.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		%svelte.head%
-	</head>
-	<body>
-		<div>%svelte.body%</div>
-	</body>
+<html lang='en'>
+<head>
+	<meta charset='utf-8' />
+	<meta name='description' content='' />
+	<!--		<link rel="icon" href="%svelte.assets%/favicon.png" />-->
+	<meta name='viewport' content='width=device-width, initial-scale=1' />
+
+
+	<link rel='apple-touch-icon' sizes='180x180' href='%svelte.assets%/apple-touch-icon.png'>
+	<link rel='icon' type='image/png' sizes='32x32' href='%svelte.assets%/favicon-32x32.png'>
+	<link rel='icon' type='image/png' sizes='16x16' href='%svelte.assets%/favicon-16x16.png'>
+	<link rel='manifest' href='%svelte.assets%/site.webmanifest'>
+	<link rel='mask-icon' href='%svelte.assets%/safari-pinned-tab.svg' color='#5bbad5'>
+	<meta name='apple-mobile-web-app-title' content='ClassQuiz'>
+	<meta name='application-name' content='ClassQuiz'>
+	<meta name='msapplication-TileColor' content='#00a300'>
+	<meta name='theme-color' content='#ffffff'>
+	%svelte.head%
+</head>
+<body>
+<div>%svelte.body%</div>
+</body>
 </html>
diff --git a/frontend/static/android-chrome-192x192.png b/frontend/static/android-chrome-192x192.png
new file mode 100644
index 0000000..a053227
Binary files /dev/null and b/frontend/static/android-chrome-192x192.png differ
diff --git a/frontend/static/android-chrome-512x512.png b/frontend/static/android-chrome-512x512.png
new file mode 100644
index 0000000..603320f
Binary files /dev/null and b/frontend/static/android-chrome-512x512.png differ
diff --git a/frontend/static/apple-touch-icon.png b/frontend/static/apple-touch-icon.png
new file mode 100644
index 0000000..7f986c8
Binary files /dev/null and b/frontend/static/apple-touch-icon.png differ
diff --git a/frontend/static/browserconfig.xml b/frontend/static/browserconfig.xml
new file mode 100644
index 0000000..eeb397f
--- /dev/null
+++ b/frontend/static/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#00a300</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/frontend/static/favicon-16x16.png b/frontend/static/favicon-16x16.png
new file mode 100644
index 0000000..b84b218
Binary files /dev/null and b/frontend/static/favicon-16x16.png differ
diff --git a/frontend/static/favicon-32x32.png b/frontend/static/favicon-32x32.png
new file mode 100644
index 0000000..a3a2841
Binary files /dev/null and b/frontend/static/favicon-32x32.png differ
diff --git a/frontend/static/favicon.ico b/frontend/static/favicon.ico
new file mode 100644
index 0000000..913dfc3
Binary files /dev/null and b/frontend/static/favicon.ico differ
diff --git a/frontend/static/mstile-150x150.png b/frontend/static/mstile-150x150.png
new file mode 100644
index 0000000..1db324e
Binary files /dev/null and b/frontend/static/mstile-150x150.png differ
diff --git a/frontend/static/safari-pinned-tab.svg b/frontend/static/safari-pinned-tab.svg
new file mode 100644
index 0000000..e89f28b
--- /dev/null
+++ b/frontend/static/safari-pinned-tab.svg
@@ -0,0 +1,56 @@
+<?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="1080.000000pt" height="1080.000000pt" viewBox="0 0 1080.000000 1080.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,1080.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M5128 10795 c-1 -1 -43 -5 -93 -9 -152 -9 -225 -17 -370 -37 -181
+-26 -182 -26 -300 -50 -55 -12 -111 -23 -125 -26 -42 -7 -261 -63 -335 -85
+-38 -11 -72 -20 -75 -20 -14 -1 -325 -110 -395 -139 -11 -5 -60 -24 -108 -44
+-97 -39 -309 -138 -397 -185 -30 -16 -80 -42 -110 -57 -30 -15 -56 -31 -58
+-35 -2 -5 -8 -8 -12 -8 -37 0 -603 -378 -696 -464 -7 -6 -27 -22 -44 -36 -18
+-14 -40 -32 -49 -40 -9 -8 -44 -37 -76 -65 -212 -176 -512 -488 -694 -720 -39
+-49 -75 -95 -80 -101 -5 -6 -36 -49 -70 -95 -33 -46 -65 -89 -71 -96 -5 -7
+-10 -16 -10 -22 0 -5 -4 -11 -8 -13 -8 -3 -72 -95 -72 -104 0 -3 -5 -10 -10
+-17 -22 -25 -90 -137 -90 -147 0 -5 -4 -10 -10 -10 -5 0 -10 -4 -10 -10 0 -5
+-13 -31 -28 -57 -109 -185 -236 -444 -322 -658 -18 -44 -36 -89 -41 -100 -11
+-26 -79 -215 -85 -235 -2 -8 -18 -60 -35 -115 -28 -91 -67 -228 -74 -265 -2
+-8 -8 -35 -15 -60 -13 -48 -18 -70 -26 -110 -3 -14 -7 -32 -9 -40 -3 -8 -7
+-33 -10 -55 -4 -22 -10 -56 -15 -75 -5 -19 -11 -57 -15 -84 -3 -27 -8 -52 -9
+-55 -2 -3 -7 -37 -11 -76 -4 -38 -8 -72 -10 -75 -2 -3 -6 -37 -10 -75 -4 -39
+-8 -83 -10 -100 -27 -234 -27 -786 -1 -1030 2 -16 7 -61 11 -100 3 -38 8 -77
+10 -85 2 -8 7 -39 10 -69 4 -30 9 -63 11 -75 2 -12 9 -48 14 -81 9 -52 53
+-270 64 -315 2 -8 14 -53 26 -100 12 -47 23 -89 24 -95 21 -91 136 -430 201
+-590 66 -163 229 -501 305 -630 29 -49 60 -104 71 -122 38 -67 197 -312 209
+-323 3 -3 30 -39 60 -80 29 -41 56 -77 60 -80 4 -3 11 -12 16 -21 16 -30 164
+-208 267 -324 88 -98 308 -318 402 -402 107 -95 113 -100 215 -182 52 -42 97
+-79 98 -83 2 -5 10 -8 18 -8 8 0 14 -4 14 -8 0 -4 32 -30 71 -57 39 -28 84
+-60 99 -72 15 -13 32 -23 38 -23 6 0 12 -3 14 -8 2 -4 35 -27 73 -52 39 -24
+72 -47 75 -50 5 -6 130 -80 265 -157 65 -38 234 -126 245 -129 3 0 46 -20 95
+-43 140 -66 185 -86 260 -116 39 -15 84 -33 100 -40 54 -23 388 -133 470 -155
+95 -26 260 -67 295 -74 124 -25 232 -46 265 -50 23 -4 52 -9 65 -11 14 -3 41
+-8 60 -10 19 -3 49 -7 65 -10 29 -4 93 -11 180 -20 278 -28 793 -28 1050 0
+345 38 755 118 1002 196 212 67 291 93 318 104 17 7 66 27 110 43 268 101 595
+263 869 430 33 20 66 40 71 45 6 4 55 37 110 74 122 80 362 259 391 290 12 13
+24 23 28 23 7 0 15 6 64 50 15 14 59 52 97 85 88 77 363 352 436 435 165 190
+319 383 319 400 0 5 4 10 8 10 4 0 16 13 25 30 10 16 23 35 30 42 14 15 180
+266 190 288 4 8 16 29 26 45 219 353 404 775 556 1265 12 39 51 188 60 230 2
+8 13 53 24 100 20 84 64 329 77 425 3 28 7 57 9 65 2 8 6 47 10 85 4 39 8 81
+10 93 20 127 28 733 12 897 -5 44 -10 105 -13 135 -3 30 -7 71 -9 90 -3 19 -7
+58 -10 85 -3 28 -8 61 -10 75 -2 14 -7 45 -10 70 -4 25 -16 92 -27 150 -11 58
+-22 116 -24 130 -3 14 -10 43 -16 65 -11 42 -16 64 -24 105 -24 119 -143 492
+-217 680 -101 256 -260 581 -382 781 -5 10 -23 40 -40 68 -16 28 -33 51 -37
+51 -5 0 -8 5 -8 12 0 19 -217 332 -290 418 -8 10 -22 28 -30 40 -17 25 -46 60
+-144 174 -178 208 -455 481 -641 631 -20 17 -42 35 -49 40 -6 6 -40 33 -76 60
+-36 28 -67 52 -70 55 -3 3 -21 17 -40 30 -19 14 -39 28 -45 32 -31 25 -172
+121 -250 171 -49 31 -95 60 -101 64 -12 9 -41 26 -103 60 -25 14 -50 29 -56
+33 -67 49 -471 242 -672 321 -13 5 -33 13 -45 19 -13 5 -50 19 -83 30 -33 12
+-69 25 -80 30 -57 25 -298 95 -477 140 -190 47 -477 101 -613 116 -33 3 -62 8
+-65 9 -3 2 -48 6 -100 10 -52 4 -108 9 -125 12 -34 5 -661 13 -667 8z"/>
+</g>
+</svg>
diff --git a/frontend/static/site.webmanifest b/frontend/static/site.webmanifest
new file mode 100644
index 0000000..d8b88af
--- /dev/null
+++ b/frontend/static/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "ClassQuiz",
+    "short_name": "ClassQuiz",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
