diff --git a/ClientApp/ClientApp.csproj b/ClientApp/ClientApp.csproj
index d8ae036..445e567 100644
--- a/ClientApp/ClientApp.csproj
+++ b/ClientApp/ClientApp.csproj
@@ -1,23 +1,23 @@
 <Project Sdk="Microsoft.NET.Sdk.WindowsDesktop">
 
-  <PropertyGroup>
-    <OutputType>WinExe</OutputType>
-    <TargetFramework>netcoreapp3.1</TargetFramework>
-    <UseWPF>true</UseWPF>
-  </PropertyGroup>
+	<PropertyGroup>
+		<OutputType>WinExe</OutputType>
+		<TargetFramework>netcoreapp3.1</TargetFramework>
+		<UseWPF>true</UseWPF>
+	</PropertyGroup>
 
-  <ItemGroup>
-    <PackageReference Include="AsyncAwaitBestPractices.MVVM" Version="4.3.0" />
-    <PackageReference Include="MvvmLightLibsStd10" Version="5.4.1.1" />
-    <PackageReference Include="Newtonsoft.Json" Version="12.0.3" />
-    <PackageReference Include="PropertyChanged.Fody" Version="3.2.9" />
-  </ItemGroup>
+	<ItemGroup>
+		<PackageReference Include="AsyncAwaitBestPractices.MVVM" Version="4.3.0" />
+		<PackageReference Include="MvvmLightLibsStd10" Version="5.4.1.1" />
+		<PackageReference Include="Newtonsoft.Json" Version="12.0.3" />
+		<PackageReference Include="PropertyChanged.Fody" Version="3.2.9" />
+	</ItemGroup>
 
-  <ItemGroup>
-    <ProjectReference Include="..\ProftaakRH\ProftaakRH.csproj" />
-    <ProjectReference Include="..\RH-Engine\RH-Engine.csproj" />
-  </ItemGroup>
+	<ItemGroup>
+		<ProjectReference Include="..\ProftaakRH\ProftaakRH.csproj" />
+		<ProjectReference Include="..\RH-Engine\RH-Engine.csproj" />
+	</ItemGroup>
 
-  <Import Project="..\Hashing\Hashing.projitems" Label="Shared" />
+	<Import Project="..\Hashing\Hashing.projitems" Label="Shared" />
 
 </Project>
\ No newline at end of file
diff --git a/ClientApp/Images/gradient-geometric-shape-background_78532-374.jpg b/ClientApp/Images/gradient-geometric-shape-background_78532-374.jpg
new file mode 100644
index 0000000..b78d1da
Binary files /dev/null and b/ClientApp/Images/gradient-geometric-shape-background_78532-374.jpg differ
diff --git a/ClientApp/Images/re15.jpg b/ClientApp/Images/re15.jpg
new file mode 100644
index 0000000..34dc9f1
Binary files /dev/null and b/ClientApp/Images/re15.jpg differ
diff --git a/ClientApp/Images/stone.png b/ClientApp/Images/stone.png
new file mode 100644
index 0000000..5f4b1d0
Binary files /dev/null and b/ClientApp/Images/stone.png differ
diff --git a/ClientApp/Views/LoginView.xaml b/ClientApp/Views/LoginView.xaml
index 6db392f..1ad01bb 100644
--- a/ClientApp/Views/LoginView.xaml
+++ b/ClientApp/Views/LoginView.xaml
@@ -1,4 +1,4 @@
-<UserControl x:Class="ClientApp.Views.LoginView"
+<Page x:Class="ClientApp.Views.LoginView"
              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
@@ -7,7 +7,10 @@
              xmlns:viewModels="clr-namespace:ClientApp.ViewModels"
              mc:Ignorable="d" 
              d:DesignHeight="450" d:DesignWidth="800">
-    <DockPanel>
+    <DockPanel Background="Lime">
+        <!--<DockPanel.Background>
+            <ImageBrush TileMode="Tile" ViewportUnits="Absolute" Viewport="0 0 256 256" ImageSource="\images\stone.png"/>
+        </DockPanel.Background>-->
         <StackPanel VerticalAlignment="Center" Width="auto">
             <Label Content="Username" HorizontalContentAlignment="Center" />
             <TextBox x:Name="Username" Text="{Binding Username}" TextWrapping="Wrap" Width="120"/>
@@ -19,4 +22,4 @@
             </Popup>
         </StackPanel>
     </DockPanel>
-</UserControl>
+</Page>
diff --git a/ClientApp/Views/LoginView.xaml.cs b/ClientApp/Views/LoginView.xaml.cs
index f48d9de..a971aad 100644
--- a/ClientApp/Views/LoginView.xaml.cs
+++ b/ClientApp/Views/LoginView.xaml.cs
@@ -16,7 +16,7 @@ namespace ClientApp.Views
     /// <summary>
     /// Interaction logic for LoginView.xaml
     /// </summary>
-    public partial class LoginView : UserControl
+    public partial class LoginView : Page
     {
         public LoginView()
         {
diff --git a/ClientApp/Views/MainView.xaml b/ClientApp/Views/MainView.xaml
index c0997f6..12d31f9 100644
--- a/ClientApp/Views/MainView.xaml
+++ b/ClientApp/Views/MainView.xaml
@@ -1,4 +1,4 @@
-<UserControl x:Class="ClientApp.Views.MainView"
+<Page x:Class="ClientApp.Views.MainView"
              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
@@ -49,4 +49,4 @@
         </Grid>
 
     </DockPanel>
-</UserControl>
+</Page>
diff --git a/ClientApp/Views/MainView.xaml.cs b/ClientApp/Views/MainView.xaml.cs
index 94161b9..1b84ff5 100644
--- a/ClientApp/Views/MainView.xaml.cs
+++ b/ClientApp/Views/MainView.xaml.cs
@@ -17,7 +17,7 @@ namespace ClientApp.Views
     /// <summary>
     /// Interaction logic for MainView.xaml
     /// </summary>
-    public partial class MainView : UserControl
+    public partial class MainView : Page
     {
         public MainView()
         {
diff --git a/ClientApp/Views/MainWindow.xaml b/ClientApp/Views/MainWindow.xaml
index 436c2a9..35c02a3 100644
--- a/ClientApp/Views/MainWindow.xaml
+++ b/ClientApp/Views/MainWindow.xaml
@@ -9,8 +9,8 @@
         Title="Whaazzzzuuuuuuuup" Height="450" Width="800">
 
 
-    <DockPanel>
+    <Grid>
+        <Frame Content="{Binding SelectedViewModel}" Focusable="False"/>
         <Label Content="gemaakt door: mensen" DockPanel.Dock="Bottom" HorizontalAlignment="Right" VerticalAlignment="Bottom" FontStyle="Italic" Foreground="Gray"/>
-        <ContentControl  HorizontalAlignment="Center" VerticalAlignment="Center" Content="{Binding SelectedViewModel}" Focusable="False" />
-    </DockPanel>
+    </Grid>
 </Window>