diff --git a/website/public/apple-touch-icon-114x114-precomposed.png b/website/public/apple-touch-icon-114x114-precomposed.png
new file mode 100644
index 0000000..8ff3015
Binary files /dev/null and b/website/public/apple-touch-icon-114x114-precomposed.png differ
diff --git a/website/public/apple-touch-icon-120x120-precomposed.png b/website/public/apple-touch-icon-120x120-precomposed.png
new file mode 100644
index 0000000..ef42d75
Binary files /dev/null and b/website/public/apple-touch-icon-120x120-precomposed.png differ
diff --git a/website/public/apple-touch-icon-144x144-precomposed.png b/website/public/apple-touch-icon-144x144-precomposed.png
new file mode 100644
index 0000000..dd01202
Binary files /dev/null and b/website/public/apple-touch-icon-144x144-precomposed.png differ
diff --git a/website/public/apple-touch-icon-152x152-precomposed.png b/website/public/apple-touch-icon-152x152-precomposed.png
new file mode 100644
index 0000000..d4a1679
Binary files /dev/null and b/website/public/apple-touch-icon-152x152-precomposed.png differ
diff --git a/website/public/apple-touch-icon-180x180-precomposed.png b/website/public/apple-touch-icon-180x180-precomposed.png
new file mode 100644
index 0000000..d33355b
Binary files /dev/null and b/website/public/apple-touch-icon-180x180-precomposed.png differ
diff --git a/website/public/apple-touch-icon-57x57-precomposed.png b/website/public/apple-touch-icon-57x57-precomposed.png
new file mode 100644
index 0000000..6b35bb3
Binary files /dev/null and b/website/public/apple-touch-icon-57x57-precomposed.png differ
diff --git a/website/public/apple-touch-icon-60x60-precomposed.png b/website/public/apple-touch-icon-60x60-precomposed.png
new file mode 100644
index 0000000..ffa2250
Binary files /dev/null and b/website/public/apple-touch-icon-60x60-precomposed.png differ
diff --git a/website/public/apple-touch-icon-72x72-precomposed.png b/website/public/apple-touch-icon-72x72-precomposed.png
new file mode 100644
index 0000000..ab6b967
Binary files /dev/null and b/website/public/apple-touch-icon-72x72-precomposed.png differ
diff --git a/website/public/apple-touch-icon-76x76-precomposed.png b/website/public/apple-touch-icon-76x76-precomposed.png
new file mode 100644
index 0000000..691b53c
Binary files /dev/null and b/website/public/apple-touch-icon-76x76-precomposed.png differ
diff --git a/website/public/apple-touch-icon-precomposed.png b/website/public/apple-touch-icon-precomposed.png
new file mode 100644
index 0000000..c4d8103
Binary files /dev/null and b/website/public/apple-touch-icon-precomposed.png differ
diff --git a/website/public/browserconfig.xml b/website/public/browserconfig.xml
new file mode 100755
index 0000000..21d8570
--- /dev/null
+++ b/website/public/browserconfig.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+	<browserconfig>
+		<msapplication>
+			<tile>
+				<square70x70logo src="tiny.png"/>
+				<square150x150logo src="square.jpg"/>
+				<wide310x150logo src="wide.jpg"/>
+				<square310x310logo src="large.jpg"/>
+				<TileColor>#000000</TileColor>
+			</tile>
+		</msapplication>
+	</browserconfig>
\ No newline at end of file
diff --git a/website/public/favicon-1.png b/website/public/favicon-1.png
new file mode 100644
index 0000000..5595296
Binary files /dev/null and b/website/public/favicon-1.png differ
diff --git a/website/public/favicon-2.png b/website/public/favicon-2.png
new file mode 100644
index 0000000..59929a0
Binary files /dev/null and b/website/public/favicon-2.png differ
diff --git a/website/public/favicon-3.png b/website/public/favicon-3.png
new file mode 100644
index 0000000..833ff6f
Binary files /dev/null and b/website/public/favicon-3.png differ
diff --git a/website/public/favicon-4.png b/website/public/favicon-4.png
new file mode 100644
index 0000000..fac373a
Binary files /dev/null and b/website/public/favicon-4.png differ
diff --git a/website/public/favicon.ico b/website/public/favicon.ico
new file mode 100644
index 0000000..44ef012
Binary files /dev/null and b/website/public/favicon.ico differ
diff --git a/website/public/large.png b/website/public/large.png
new file mode 100644
index 0000000..9cea22c
Binary files /dev/null and b/website/public/large.png differ
diff --git a/website/public/launcher-icon-0-75x.png b/website/public/launcher-icon-0-75x.png
new file mode 100644
index 0000000..edd99ed
Binary files /dev/null and b/website/public/launcher-icon-0-75x.png differ
diff --git a/website/public/launcher-icon-1-5x.png b/website/public/launcher-icon-1-5x.png
new file mode 100644
index 0000000..ab6b967
Binary files /dev/null and b/website/public/launcher-icon-1-5x.png differ
diff --git a/website/public/launcher-icon-1x.png b/website/public/launcher-icon-1x.png
new file mode 100644
index 0000000..38b5d8a
Binary files /dev/null and b/website/public/launcher-icon-1x.png differ
diff --git a/website/public/launcher-icon-2x.png b/website/public/launcher-icon-2x.png
new file mode 100644
index 0000000..8663ef5
Binary files /dev/null and b/website/public/launcher-icon-2x.png differ
diff --git a/website/public/launcher-icon-3x.png b/website/public/launcher-icon-3x.png
new file mode 100644
index 0000000..f9e07be
Binary files /dev/null and b/website/public/launcher-icon-3x.png differ
diff --git a/website/public/launcher-icon-4x.png b/website/public/launcher-icon-4x.png
new file mode 100644
index 0000000..fef4035
Binary files /dev/null and b/website/public/launcher-icon-4x.png differ
diff --git a/website/public/manifest.json b/website/public/manifest.json
new file mode 100755
index 0000000..9fcd94d
--- /dev/null
+++ b/website/public/manifest.json
@@ -0,0 +1,44 @@
+{
+  "name": "Web Application Manifest Sample",
+  "icons": [
+    {
+      "src": "launcher-icon-0-75x.png",
+      "sizes": "36x36",
+      "type": "image/png",
+      "density": "0.75"
+    },
+    {
+      "src": "launcher-icon-1x.png",
+      "sizes": "48x48",
+      "type": "image/png",
+      "density": "1.0"
+    },
+    {
+      "src": "launcher-icon-1-5x.png",
+      "sizes": "72x72",
+      "type": "image/png",
+      "density": "1.5"
+    },
+    {
+      "src": "launcher-icon-2x.png",
+      "sizes": "96x96",
+      "type": "image/png",
+      "density": "2.0"
+    },
+    {
+      "src": "launcher-icon-3x.png",
+      "sizes": "144x144",
+      "type": "image/png",
+      "density": "3.0"
+    },
+    {
+      "src": "launcher-icon-4x.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "density": "4.0"
+    }
+  ],
+  "start_url": "index.html",
+  "display": "standalone",
+  "orientation": "portrait"
+}
\ No newline at end of file
diff --git a/website/public/square.png b/website/public/square.png
new file mode 100644
index 0000000..6ef2732
Binary files /dev/null and b/website/public/square.png differ
diff --git a/website/public/tiny.png b/website/public/tiny.png
new file mode 100644
index 0000000..971db99
Binary files /dev/null and b/website/public/tiny.png differ
diff --git a/website/public/wide.png b/website/public/wide.png
new file mode 100644
index 0000000..6ba43b6
Binary files /dev/null and b/website/public/wide.png differ
diff --git a/website/views/head.php b/website/views/head.php
index 3ec8a79..b774e8e 100644
--- a/website/views/head.php
+++ b/website/views/head.php
@@ -2,6 +2,40 @@
 <meta name="description" content="MyHyvesbook+ is het sociaal medium voor alle coole mensen. Stap nu over van facebook op het gloednieuwe en betere sociaal medium.">
 <meta name="keywords" content="MyHyvesbookPlus,Myhyvesbook+,sociaal,media">
 <meta name="author" content="MyHyvesbookplus corporation">
+<!--Favicon-->
+<!-- Desktop Browsers -->
+<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
+
+<!-- Android: Chrome M39 and up-->
+<link rel="manifest" href="manifest.json">
+<!-- Android: Chrome M31 and up, ignored if manifest is present-->
+<meta name="mobile-web-app-capable" content="yes">
+<link rel="icon" sizes="192x192" href="icon-192x192.png">
+<!-- iOS -->
+<meta name="apple-mobile-web-app-capable" content="yes">
+<meta name="apple-mobile-web-app-title" content="My Awesome Web App">
+
+<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon-180x180-precomposed.png">
+<link href="apple-touch-icon-152x152-precomposed.png" sizes="152x152" rel="apple-touch-icon">
+<link href="apple-touch-icon-144x144-precomposed.png" sizes="144x144" rel="apple-touch-icon">
+<link href="apple-touch-icon-120x120-precomposed.png" sizes="120x120" rel="apple-touch-icon">
+<link href="apple-touch-icon-114x114-precomposed.png" sizes="114x114" rel="apple-touch-icon">
+<link href="apple-touch-icon-76x76-precomposed.png" sizes="76x76" rel="apple-touch-icon">
+<link href="apple-touch-icon-72x72-precomposed.png" sizes="72x72" rel="apple-touch-icon">
+<link href="apple-touch-icon-60x60-precomposed.png" sizes="60x60" rel="apple-touch-icon">
+<link href="apple-touch-icon-57x57-precomposed.png" sizes="57x57" rel="apple-touch-icon">
+<link href="apple-touch-icon-precomposed.png" rel="apple-touch-icon">
+
+<!-- Windows 8 and IE 11 -->
+<meta name="msapplication-config" content="browserconfig.xml" />
+
+<!-- Windows -->
+<meta name="application-name" content="My Awesome Web App" />
+<meta name="msapplication-tooltip" content="Get the latest updates!" />
+<meta name="msapplication-window" content="width=1024;height=768" />
+<meta name="msapplication-navbutton-color" content="#FF3300" />
+<meta name="msapplication-starturl" content="./" />
+
 <title>MyHyvesbook+</title>
 <!-- Add your javascript files here. -->
 <script src="js/jquery.js"></script>
diff --git a/website/views/login_head.php b/website/views/login_head.php
index 9e580df..e8e3a84 100644
--- a/website/views/login_head.php
+++ b/website/views/login_head.php
@@ -3,6 +3,40 @@
     <meta name="description" content="MyHyvesbook+ is het sociaal medium voor alle coole mensen. Stap nu over van facebook op het gloednieuwe en betere sociaal medium.">
     <meta name="keywords" content="MyHyvesbookPlus,Myhyvesbook+,sociaal,media">
     <meta name="author" content="MyHyvesbookplus corporation">
+    <!-- Favicon-->
+    <!-- Desktop Browsers -->
+    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
+
+    <!-- Android: Chrome M39 and up-->
+    <link rel="manifest" href="manifest.json">
+    <!-- Android: Chrome M31 and up, ignored if manifest is present-->
+    <meta name="mobile-web-app-capable" content="yes">
+    <link rel="icon" sizes="192x192" href="icon-192x192.png">
+    <!-- iOS -->
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-title" content="My Awesome Web App">
+
+    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon-180x180-precomposed.png">
+    <link href="apple-touch-icon-152x152-precomposed.png" sizes="152x152" rel="apple-touch-icon">
+    <link href="apple-touch-icon-144x144-precomposed.png" sizes="144x144" rel="apple-touch-icon">
+    <link href="apple-touch-icon-120x120-precomposed.png" sizes="120x120" rel="apple-touch-icon">
+    <link href="apple-touch-icon-114x114-precomposed.png" sizes="114x114" rel="apple-touch-icon">
+    <link href="apple-touch-icon-76x76-precomposed.png" sizes="76x76" rel="apple-touch-icon">
+    <link href="apple-touch-icon-72x72-precomposed.png" sizes="72x72" rel="apple-touch-icon">
+    <link href="apple-touch-icon-60x60-precomposed.png" sizes="60x60" rel="apple-touch-icon">
+    <link href="apple-touch-icon-57x57-precomposed.png" sizes="57x57" rel="apple-touch-icon">
+    <link href="apple-touch-icon-precomposed.png" rel="apple-touch-icon">
+
+    <!-- Windows 8 and IE 11 -->
+    <meta name="msapplication-config" content="browserconfig.xml" />
+
+    <!-- Windows -->
+    <meta name="application-name" content="My Awesome Web App" />
+    <meta name="msapplication-tooltip" content="Get the latest updates!" />
+    <meta name="msapplication-window" content="width=1024;height=768" />
+    <meta name="msapplication-navbutton-color" content="#FF3300" />
+    <meta name="msapplication-starturl" content="./" />
+
     <title>MyHyvesbook+</title>
     <link rel="stylesheet"
           type="text/css"