diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Assets/Fonts/Font Awesome 5 Free-Solid-900.otf b/CollectionViewChallenge/CollectionViewChallenge.Android/Assets/Fonts/Font Awesome 5 Free-Solid-900.otf
new file mode 100644
index 0000000..6e94624
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Assets/Fonts/Font Awesome 5 Free-Solid-900.otf differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/CollectionViewChallenge.Android.csproj b/CollectionViewChallenge/CollectionViewChallenge.Android/CollectionViewChallenge.Android.csproj
index d2c42fc..56df89e 100644
--- a/CollectionViewChallenge/CollectionViewChallenge.Android/CollectionViewChallenge.Android.csproj
+++ b/CollectionViewChallenge/CollectionViewChallenge.Android/CollectionViewChallenge.Android.csproj
@@ -15,7 +15,6 @@
     <AndroidManifest>Properties\AndroidManifest.xml</AndroidManifest>
     <MonoAndroidResourcePrefix>Resources</MonoAndroidResourcePrefix>
     <MonoAndroidAssetsPrefix>Assets</MonoAndroidAssetsPrefix>
-    <AndroidUseLatestPlatformSdk>false</AndroidUseLatestPlatformSdk>
     <TargetFrameworkVersion>v8.1</TargetFrameworkVersion>
     <AndroidEnableSGenConcurrent>true</AndroidEnableSGenConcurrent>
     <AndroidHttpClientHandlerType>Xamarin.Android.Net.AndroidClientHandler</AndroidHttpClientHandlerType>
@@ -93,18 +92,38 @@
     <AndroidResource Include="Resources\drawable\xamarin_logo.png" />
     <AndroidResource Include="Resources\drawable\tab_about.png" />
     <AndroidResource Include="Resources\drawable\tab_feed.png" />
+    <AndroidResource Include="Resources\drawable\home_icon.png" />
+    <AndroidResource Include="Resources\drawable\library_icon.png" />
+    <AndroidResource Include="Resources\drawable\search_icon.png" />
+    <AndroidResource Include="Resources\drawable\daily_mix1.jpeg" />
+    <AndroidResource Include="Resources\drawable\daily_mix2.jpeg" />
+    <AndroidResource Include="Resources\drawable\daily_mix3.jpeg" />
+    <AndroidResource Include="Resources\drawable\daily_mix4.jpeg" />
+    <AndroidResource Include="Resources\drawable\main_cover.jpg" />
+    <AndroidResource Include="Resources\drawable\recently_played1.jpeg" />
+    <AndroidResource Include="Resources\drawable\recently_played2.jpeg" />
+    <AndroidResource Include="Resources\drawable\recently_played3.jpeg" />
+    <AndroidResource Include="Resources\drawable\recently_played4.jpeg" />
+    <AndroidResource Include="Resources\drawable\sing_along1.jpeg" />
+    <AndroidResource Include="Resources\drawable\sing_along2.jpeg" />
+    <AndroidResource Include="Resources\drawable\sing_along3.jpeg" />
+    <AndroidResource Include="Resources\drawable\sing_along4.jpeg" />
   </ItemGroup>
   <ItemGroup>
     <Folder Include="Resources\drawable-hdpi\" />
     <Folder Include="Resources\drawable-xhdpi\" />
     <Folder Include="Resources\drawable-xxhdpi\" />
     <Folder Include="Resources\drawable-xxxhdpi\" />
+    <Folder Include="Assets\Fonts\" />
   </ItemGroup>
   <ItemGroup>
     <ProjectReference Include="..\CollectionViewChallenge\CollectionViewChallenge.csproj">
-      <Project>{BA39825E-3CF8-4A31-B120-782B2A651542}</Project>
+      <Project>{9A9DDEE5-8C48-4274-82D7-22EB79C97206}</Project>
       <Name>CollectionViewChallenge</Name>
     </ProjectReference>
   </ItemGroup>
+  <ItemGroup>
+    <AndroidAsset Include="Assets\Fonts\Font Awesome 5 Free-Solid-900.otf" />
+  </ItemGroup>
   <Import Project="$(MSBuildExtensionsPath)\Xamarin\Android\Xamarin.Android.CSharp.targets" />
 </Project>
\ No newline at end of file
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Properties/AndroidManifest.xml b/CollectionViewChallenge/CollectionViewChallenge.Android/Properties/AndroidManifest.xml
index 8a8223a..0a62e2d 100644
--- a/CollectionViewChallenge/CollectionViewChallenge.Android/Properties/AndroidManifest.xml
+++ b/CollectionViewChallenge/CollectionViewChallenge.Android/Properties/AndroidManifest.xml
@@ -1,5 +1,5 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android" android:versionCode="1" android:versionName="1.0" package="com.companyname.CollectionViewChallenge">
-    <uses-sdk android:minSdkVersion="21" android:targetSdkVersion="27" />
-    <application android:label="CollectionViewChallenge.Android"></application>
-</manifest>
+	<uses-sdk android:minSdkVersion="21" android:targetSdkVersion="27" />
+	<application android:label="CollectionViewChallenge.Android"></application>
+</manifest>
\ No newline at end of file
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/daily_mix1.jpeg b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/daily_mix1.jpeg
new file mode 100644
index 0000000..ff24615
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/daily_mix1.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/daily_mix2.jpeg b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/daily_mix2.jpeg
new file mode 100644
index 0000000..937cfa4
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/daily_mix2.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/daily_mix3.jpeg b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/daily_mix3.jpeg
new file mode 100644
index 0000000..f6cea6d
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/daily_mix3.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/daily_mix4.jpeg b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/daily_mix4.jpeg
new file mode 100644
index 0000000..7abd5d2
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/daily_mix4.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/home_icon.png b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/home_icon.png
new file mode 100644
index 0000000..4abe6b1
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/home_icon.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/library_icon.png b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/library_icon.png
new file mode 100644
index 0000000..4897e3e
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/library_icon.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/main_cover.jpg b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/main_cover.jpg
new file mode 100644
index 0000000..0a50ffa
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/main_cover.jpg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/recently_played1.jpeg b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/recently_played1.jpeg
new file mode 100644
index 0000000..c782109
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/recently_played1.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/recently_played2.jpeg b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/recently_played2.jpeg
new file mode 100644
index 0000000..602a46b
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/recently_played2.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/recently_played3.jpeg b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/recently_played3.jpeg
new file mode 100644
index 0000000..6c899d9
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/recently_played3.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/recently_played4.jpeg b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/recently_played4.jpeg
new file mode 100644
index 0000000..20a07e0
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/recently_played4.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/search_icon.png b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/search_icon.png
new file mode 100644
index 0000000..c05eba9
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/search_icon.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/sing_along1.jpeg b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/sing_along1.jpeg
new file mode 100644
index 0000000..e2b9aad
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/sing_along1.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/sing_along2.jpeg b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/sing_along2.jpeg
new file mode 100644
index 0000000..af7d8fa
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/sing_along2.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/sing_along3.jpeg b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/sing_along3.jpeg
new file mode 100644
index 0000000..05fbfb6
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/sing_along3.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/sing_along4.jpeg b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/sing_along4.jpeg
new file mode 100644
index 0000000..cbdcaff
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/sing_along4.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/CollectionViewChallenge.iOS.csproj b/CollectionViewChallenge/CollectionViewChallenge.iOS/CollectionViewChallenge.iOS.csproj
index 49a7105..ecd05fa 100644
--- a/CollectionViewChallenge/CollectionViewChallenge.iOS/CollectionViewChallenge.iOS.csproj
+++ b/CollectionViewChallenge/CollectionViewChallenge.iOS/CollectionViewChallenge.iOS.csproj
@@ -123,6 +123,23 @@
     <BundleResource Include="Resources\xamarin_logo%402x.png" />
     <BundleResource Include="Resources\xamarin_logo%403x.png" />
     <InterfaceDefinition Include="Resources\LaunchScreen.storyboard" />
+    <BundleResource Include="Resources\home_icon.png" />
+    <BundleResource Include="Resources\library_icon.png" />
+    <BundleResource Include="Resources\search_icon.png" />
+    <BundleResource Include="Resources\daily_mix1.jpeg" />
+    <BundleResource Include="Resources\daily_mix2.jpeg" />
+    <BundleResource Include="Resources\daily_mix3.jpeg" />
+    <BundleResource Include="Resources\daily_mix4.jpeg" />
+    <BundleResource Include="Resources\main_cover.jpg" />
+    <BundleResource Include="Resources\recently_played1.jpeg" />
+    <BundleResource Include="Resources\recently_played2.jpeg" />
+    <BundleResource Include="Resources\recently_played3.jpeg" />
+    <BundleResource Include="Resources\recently_played4.jpeg" />
+    <BundleResource Include="Resources\sing_along1.jpeg" />
+    <BundleResource Include="Resources\sing_along2.jpeg" />
+    <BundleResource Include="Resources\sing_along3.jpeg" />
+    <BundleResource Include="Resources\sing_along4.jpeg" />
+    <BundleResource Include="Resources\Fonts\Font Awesome 5 Free-Solid-900.otf" />
   </ItemGroup>
   <ItemGroup>
     <Reference Include="System" />
@@ -139,8 +156,11 @@
   <Import Project="$(MSBuildExtensionsPath)\Xamarin\iOS\Xamarin.iOS.CSharp.targets" />
   <ItemGroup>
     <ProjectReference Include="..\CollectionViewChallenge\CollectionViewChallenge.csproj">
-      <Project>{BA39825E-3CF8-4A31-B120-782B2A651542}</Project>
+      <Project>{9A9DDEE5-8C48-4274-82D7-22EB79C97206}</Project>
       <Name>CollectionViewChallenge</Name>
     </ProjectReference>
   </ItemGroup>
+  <ItemGroup>
+    <Folder Include="Resources\Fonts\" />
+  </ItemGroup>
 </Project>
\ No newline at end of file
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Info.plist b/CollectionViewChallenge/CollectionViewChallenge.iOS/Info.plist
index 82bd07d..7b33b76 100644
--- a/CollectionViewChallenge/CollectionViewChallenge.iOS/Info.plist
+++ b/CollectionViewChallenge/CollectionViewChallenge.iOS/Info.plist
@@ -2,37 +2,41 @@
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
 <dict>
-    <key>UIDeviceFamily</key>
-    <array>
-        <integer>1</integer>
-        <integer>2</integer>
-    </array>
-    <key>UISupportedInterfaceOrientations</key>
-    <array>
-        <string>UIInterfaceOrientationPortrait</string>
-        <string>UIInterfaceOrientationLandscapeLeft</string>
-        <string>UIInterfaceOrientationLandscapeRight</string>
-    </array>
-    <key>UISupportedInterfaceOrientations~ipad</key>
-    <array>
-        <string>UIInterfaceOrientationPortrait</string>
-        <string>UIInterfaceOrientationPortraitUpsideDown</string>
-        <string>UIInterfaceOrientationLandscapeLeft</string>
-        <string>UIInterfaceOrientationLandscapeRight</string>
-    </array>
-    <key>MinimumOSVersion</key>
-    <string>8.0</string>
-    <key>CFBundleDisplayName</key>
-    <string>CollectionViewChallenge</string>
-    <key>CFBundleIdentifier</key>
-    <string>com.companyname.CollectionViewChallenge</string>
-    <key>CFBundleVersion</key>
-    <string>1.0</string>
-    <key>UILaunchStoryboardName</key>
-    <string>LaunchScreen</string>
-    <key>CFBundleName</key>
-    <string>CollectionViewChallenge</string>
-    <key>XSAppIconAssets</key>
-    <string>Assets.xcassets/AppIcon.appiconset</string>
+	<key>UIDeviceFamily</key>
+	<array>
+		<integer>1</integer>
+		<integer>2</integer>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UISupportedInterfaceOrientations~ipad</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationPortraitUpsideDown</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>MinimumOSVersion</key>
+	<string>8.0</string>
+	<key>CFBundleDisplayName</key>
+	<string>CollectionViewChallenge</string>
+	<key>CFBundleIdentifier</key>
+	<string>com.companyname.CollectionViewChallenge</string>
+	<key>CFBundleVersion</key>
+	<string>1.0</string>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>CFBundleName</key>
+	<string>CollectionViewChallenge</string>
+	<key>XSAppIconAssets</key>
+	<string>Assets.xcassets/AppIcon.appiconset</string>
+	<key>UIAppFonts</key>
+	<array>
+		<string>Fonts/Font Awesome 5 Free-Solid-900.otf</string>
+	</array>
 </dict>
 </plist>
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/Fonts/Font Awesome 5 Free-Solid-900.otf b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/Fonts/Font Awesome 5 Free-Solid-900.otf
new file mode 100644
index 0000000..6e94624
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/Fonts/Font Awesome 5 Free-Solid-900.otf differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/daily_mix1.jpeg b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/daily_mix1.jpeg
new file mode 100644
index 0000000..ff24615
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/daily_mix1.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/daily_mix2.jpeg b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/daily_mix2.jpeg
new file mode 100644
index 0000000..937cfa4
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/daily_mix2.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/daily_mix3.jpeg b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/daily_mix3.jpeg
new file mode 100644
index 0000000..f6cea6d
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/daily_mix3.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/daily_mix4.jpeg b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/daily_mix4.jpeg
new file mode 100644
index 0000000..7abd5d2
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/daily_mix4.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/home_icon.png b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/home_icon.png
new file mode 100644
index 0000000..4abe6b1
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/home_icon.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/library_icon.png b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/library_icon.png
new file mode 100644
index 0000000..4897e3e
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/library_icon.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/main_cover.jpg b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/main_cover.jpg
new file mode 100644
index 0000000..0a50ffa
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/main_cover.jpg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/recently_played1.jpeg b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/recently_played1.jpeg
new file mode 100644
index 0000000..c782109
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/recently_played1.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/recently_played2.jpeg b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/recently_played2.jpeg
new file mode 100644
index 0000000..602a46b
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/recently_played2.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/recently_played3.jpeg b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/recently_played3.jpeg
new file mode 100644
index 0000000..6c899d9
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/recently_played3.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/recently_played4.jpeg b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/recently_played4.jpeg
new file mode 100644
index 0000000..20a07e0
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/recently_played4.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/search_icon.png b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/search_icon.png
new file mode 100644
index 0000000..c05eba9
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/search_icon.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/sing_along1.jpeg b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/sing_along1.jpeg
new file mode 100644
index 0000000..e2b9aad
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/sing_along1.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/sing_along2.jpeg b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/sing_along2.jpeg
new file mode 100644
index 0000000..af7d8fa
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/sing_along2.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/sing_along3.jpeg b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/sing_along3.jpeg
new file mode 100644
index 0000000..05fbfb6
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/sing_along3.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/sing_along4.jpeg b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/sing_along4.jpeg
new file mode 100644
index 0000000..cbdcaff
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/sing_along4.jpeg differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge/App.xaml b/CollectionViewChallenge/CollectionViewChallenge/App.xaml
index 5477c51..7cd3013 100644
--- a/CollectionViewChallenge/CollectionViewChallenge/App.xaml
+++ b/CollectionViewChallenge/CollectionViewChallenge/App.xaml
@@ -1,8 +1,99 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="utf-8" ?>
 <Application xmlns="http://xamarin.com/schemas/2014/forms"
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              x:Class="CollectionViewChallenge.App">
     <Application.Resources>
-        
+        <ResourceDictionary>
+            <Color x:Key="Success">#28A745</Color>
+            
+            <OnPlatform x:Key="IconFontFamily" x:TypeArguments="x:String" 
+                        iOS="Font Awesome 5 Free"
+                        Android="Fonts/Font Awesome 5 Free-Solid-900.otf#Font Awesome 5 Free"/>
+            
+            <OnPlatform x:Key="SmallSize" x:TypeArguments="x:Double" iOS="10" Android="10"/>
+            <OnPlatform x:Key="NormalSize" x:TypeArguments="x:Double" iOS="12" Android="12"/>
+            <OnPlatform x:Key="MediumSize" x:TypeArguments="x:Double" iOS="14" Android="14"/>
+            <OnPlatform x:Key="LargeSize" x:TypeArguments="x:Double" iOS="16" Android="16"/>
+            <OnPlatform x:Key="HeaderSize" x:TypeArguments="x:Double" iOS="20" Android="20"/>
+            
+            <Style x:Key="BaseLabel" TargetType="Label">
+                <Setter Property="FontSize" Value="{StaticResource SmallSize}"/>
+                <Setter Property="TextColor" Value="White"/>
+                <Setter Property="VerticalOptions" Value="Center"/>
+                <Setter Property="HorizontalOptions" Value="Center"/>
+                <Setter Property="HorizontalTextAlignment" Value="Center"/>
+            </Style>
+            
+            <Style x:Key="BaseIconLabel" TargetType="Label">
+                <Setter Property="FontSize" Value="{StaticResource HeaderSize}"/>
+                <Setter Property="TextColor" Value="White"/>
+                <Setter Property="FontFamily" Value="{StaticResource IconFontFamily}"/>
+                <Setter Property="VerticalOptions" Value="Center"/>
+                <Setter Property="HorizontalOptions" Value="Center"/>
+            </Style>
+            
+            <Style x:Key="BaseBoldLabel" TargetType="Label" BasedOn="{StaticResource BaseLabel}">
+                <Setter Property="FontAttributes" Value="Bold"/>
+            </Style>
+            
+            <Style x:Key="MediumLabel" TargetType="Label" BasedOn="{StaticResource BaseLabel}">
+                <Setter Property="FontSize" Value="{StaticResource MediumSize}"/>
+            </Style>
+            
+            <Style x:Key="LargeLabel" TargetType="Label" BasedOn="{StaticResource BaseLabel}">
+                <Setter Property="FontSize" Value="{StaticResource LargeSize}"/>
+            </Style>
+            
+            <Style x:Key="MediumBoldLabel" TargetType="Label" BasedOn="{StaticResource MediumLabel}">
+                <Setter Property="FontAttributes" Value="Bold"/>
+            </Style>
+            
+            <Style x:Key="LargeBoldLabel" TargetType="Label" BasedOn="{StaticResource LargeLabel}">
+                <Setter Property="FontAttributes" Value="Bold"/>
+            </Style>
+            
+            <Style x:Key="BaseSpan" TargetType="Span">
+                <Setter Property="FontSize" Value="{StaticResource SmallSize}"/>
+                <Setter Property="TextColor" Value="White"/>
+            </Style>
+            
+            <Style x:Key="NormalSpan" TargetType="Span" BasedOn="{StaticResource BaseSpan}">
+                <Setter Property="FontSize" Value="{StaticResource NormalSize}"/>
+            </Style>
+            
+            <Style x:Key="NormalSilverSpan" TargetType="Span" BasedOn="{StaticResource NormalSpan}">
+                <Setter Property="TextColor" Value="Silver"/>
+            </Style>
+            
+            <Style x:Key="BaseIconSpan" TargetType="Span" BasedOn="{StaticResource BaseSpan}">
+                <Setter Property="FontFamily" Value="{StaticResource IconFontFamily}"/>
+            </Style>
+            
+            <Style x:Key="BaseCollectionView" TargetType="CollectionView">
+                <Setter Property="Margin" Value="10,0"/>
+                <Setter Property="SelectionMode" Value="None"/>
+                <Setter Property="VerticalOptions" Value="Start"/>
+            </Style>
+            
+            <Style x:Key="HomeCollectionView" TargetType="CollectionView" BasedOn="{StaticResource BaseCollectionView}">
+                <Setter Property="HeightRequest" Value="250"/>
+            </Style>
+            
+            <Style x:Key="RecentlyPlayedCollectionView" TargetType="CollectionView" BasedOn="{StaticResource BaseCollectionView}">
+                <Setter Property="HeightRequest" Value="210"/>
+            </Style>
+            
+            <Style x:Key="BaseBoxView" TargetType="BoxView">
+                <Setter Property="Color" Value="Gray"/>
+                <Setter Property="HeightRequest" Value="3"/>
+                <Setter Property="VerticalOptions" Value="FillAndExpand"/>
+                <Setter Property="HorizontalOptions" Value="FillAndExpand"/>
+            </Style>
+            
+            <Style x:Key="ProgressBoxView" TargetType="BoxView" BasedOn="{StaticResource BaseBoxView}">
+                <Setter Property="Color" Value="White"/>
+                <Setter Property="HorizontalOptions" Value="Start"/>
+            </Style>
+        </ResourceDictionary>
     </Application.Resources>
 </Application>
\ No newline at end of file
diff --git a/CollectionViewChallenge/CollectionViewChallenge/AppShell.xaml b/CollectionViewChallenge/CollectionViewChallenge/AppShell.xaml
index 9364c60..eecc485 100644
--- a/CollectionViewChallenge/CollectionViewChallenge/AppShell.xaml
+++ b/CollectionViewChallenge/CollectionViewChallenge/AppShell.xaml
@@ -8,72 +8,43 @@
        FlyoutBehavior="Disabled"
        Title="CollectionViewChallenge"
        x:Class="CollectionViewChallenge.AppShell">
-
-    <!--
-        XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-        XXXXXXXX|                            |XXXXXXXX
-        XXXXXXX'                              'XXXXXXX
-        XXXXXx.                                .xNXXXX
-        XXXNo.        ,ll;.        .;ll,        .oNXXX
-        XXX|.         ,OXNo.      .oNXO,          cXXX
-        XX|            'XXNx.    .xNXX'            |XX
-        X|              .xXXX.  .XXXx.              |X
-        |                .xXXOllOXXx.                |
-        |                .xXXXccXXXx.                |
-        X|              .XXXx.  .xXXX.              |X
-        XXc            ,OXNd.    .dNXO,            cXX
-        XXXl.         ;XXXo.      .oNXX;         .lXXX
-        XXXNd.        'cc,          ,cc'        .dNXXX
-        XXXXXx.                                .xXXXXX
-        XXXXXXO'                              'OXXXXXX
-        XXXXXXXX|                            |XXXXXXXX
-        XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-
-        Shell is an all new way to quickly get started with your application. There are 3 levels to a Shell app:
-        * ShellItem: populates the Flyout menu along with special menu items
-        * ShellSection: groups of 1 or more ContentPage displayed as bottom tabs
-        * ShellContent: a ContentPage host. Multiple ShellContent within a ShellSection are navigable by top tabs
-
-        For more details about building apps with Shell, visit these resources:
-        * MSDN Article: https://aka.ms/xf-msdn
-        * Preview Documentation: https://aka.ms/xf-shell-docs
-        * Blog Introduction: https://aka.ms/xf-40-blog
-
-        PLEASE give us feedback on your experience: good, bad, and ugly.
-        https://www.surveymonkey.com/r/VTJNWTM
-
-        Thanks for trying out this preview! 
-
-        - David Ortinau, Senior Program Manager for Mobile Dev Tools [david.ortinau@microsoft.com]
-    -->
-
-    <!-- 
-        Styles and Resources 
-    -->
     <Shell.Resources>
         <ResourceDictionary>
-            <Color x:Key="NavigationPrimary">#2196F3</Color>
+            <OnPlatform x:Key="TabBarColor" x:TypeArguments="Color" iOS="#282828" Android="#343434"/>
+            
             <Style x:Key="BaseStyle" TargetType="Element">
-                <Setter Property="Shell.ShellBackgroundColor" Value="{StaticResource NavigationPrimary}" />
-                <Setter Property="Shell.ShellForegroundColor" Value="White" />
-                <Setter Property="Shell.ShellTitleColor" Value="White" />
-                <Setter Property="Shell.ShellDisabledColor" Value="#B4FFFFFF" />
-                <Setter Property="Shell.ShellUnselectedColor" Value="#95FFFFFF" />
-                <Setter Property="Shell.ShellTabBarBackgroundColor" Value="{StaticResource NavigationPrimary}" />
-                <Setter Property="Shell.ShellTabBarForegroundColor" Value="White"/>
-                <Setter Property="Shell.ShellTabBarUnselectedColor" Value="#95FFFFFF"/>
+                <Setter Property="Shell.ShellBackgroundColor" Value="Black"/>
+                <Setter Property="Shell.ShellForegroundColor" Value="Black"/>
+                <Setter Property="Shell.ShellTitleColor" Value="White"/>
+                <Setter Property="Shell.ShellDisabledColor" Value="#B4FFFFFF"/>
+                <Setter Property="Shell.ShellUnselectedColor" Value="#95FFFFFF"/>
+                <Setter Property="Shell.ShellTabBarBackgroundColor" Value="{StaticResource TabBarColor}"/>
+                <Setter Property="Shell.ShellTabBarForegroundColor" Value="{StaticResource TabBarColor}"/>
+                <Setter Property="Shell.ShellTabBarUnselectedColor" Value="Silver"/>
                 <Setter Property="Shell.ShellTabBarTitleColor" Value="White"/>
             </Style>
-            <Style TargetType="ShellItem" BasedOn="{StaticResource BaseStyle}" />
+            
+            <Style TargetType="ShellItem" BasedOn="{StaticResource BaseStyle}"/>
         </ResourceDictionary>
     </Shell.Resources>
-
-    <!-- Your Pages -->
+    
     <ShellItem>
-        <ShellSection Title="CollectionView" Icon="tab_feed.png">
-            <ShellContent Title="CollectionView">
+        <ShellSection Title="Home" Icon="home_icon.png">
+            <ShellContent>
                 <local:CollectionViewChallengePage Title="CollectionView"/>
             </ShellContent>
         </ShellSection>
+        
+        <ShellSection Title="Search" Icon="search_icon.png">
+            <ShellContent>
+                <ContentPage BackgroundColor="Gray" Title="Search"/>
+            </ShellContent>
+        </ShellSection>
+        
+        <ShellSection Title="Library" Icon="library_icon.png">
+            <ShellContent>
+                <ContentPage BackgroundColor="Silver" Title="Library"/>
+            </ShellContent>
+        </ShellSection>
     </ShellItem>
 </Shell>
diff --git a/CollectionViewChallenge/CollectionViewChallenge/CollectionViewChallenge.csproj b/CollectionViewChallenge/CollectionViewChallenge/CollectionViewChallenge.csproj
index 3ccfc60..4d4612b 100644
--- a/CollectionViewChallenge/CollectionViewChallenge/CollectionViewChallenge.csproj
+++ b/CollectionViewChallenge/CollectionViewChallenge/CollectionViewChallenge.csproj
@@ -24,5 +24,7 @@
   <ItemGroup>
     <Folder Include="Models\" />
     <Folder Include="ViewModels\" />
+    <Folder Include="Models\Enums\" />
+    <Folder Include="Views\Templates\" />
   </ItemGroup>
 </Project>
\ No newline at end of file
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Models/CollectionItemViewModel.cs b/CollectionViewChallenge/CollectionViewChallenge/Models/CollectionItemViewModel.cs
new file mode 100644
index 0000000..b72b6a8
--- /dev/null
+++ b/CollectionViewChallenge/CollectionViewChallenge/Models/CollectionItemViewModel.cs
@@ -0,0 +1,12 @@
+using Xamarin.Forms;
+
+namespace CollectionViewChallenge.Models
+{
+    public class CollectionItemViewModel
+    {
+        public string Title { get; set; }
+        public string Description { get; set; }
+        public ImageSource CoverUrl { get; set; }
+        public GridLength DescRowHeight { get; set; }
+    }
+}
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Models/Enums/CollectionTypes.cs b/CollectionViewChallenge/CollectionViewChallenge/Models/Enums/CollectionTypes.cs
new file mode 100644
index 0000000..3b6b94d
--- /dev/null
+++ b/CollectionViewChallenge/CollectionViewChallenge/Models/Enums/CollectionTypes.cs
@@ -0,0 +1,9 @@
+namespace CollectionViewChallenge.Models.Enums
+{
+    public enum CollectionTypes
+    {
+        SingAlong,
+        MadeForUser,
+        RecentlyPlayed
+    }
+}
diff --git a/CollectionViewChallenge/CollectionViewChallenge/ViewModels/BaseViewModel.cs b/CollectionViewChallenge/CollectionViewChallenge/ViewModels/BaseViewModel.cs
new file mode 100644
index 0000000..b942268
--- /dev/null
+++ b/CollectionViewChallenge/CollectionViewChallenge/ViewModels/BaseViewModel.cs
@@ -0,0 +1,35 @@
+using System;
+using System.Collections.Generic;
+using System.ComponentModel;
+using System.Runtime.CompilerServices;
+
+namespace CollectionViewChallenge.ViewModels
+{
+    public class BaseViewModel : INotifyPropertyChanged
+    {
+        protected bool SetProperty<T>(ref T backingStore, T value,
+                                      [CallerMemberName]string propertyName = "",
+                                      Action onChanged = null)
+        {
+            if (EqualityComparer<T>.Default.Equals(backingStore, value))
+                return false;
+
+            backingStore = value;
+            onChanged?.Invoke();
+            OnPropertyChanged(propertyName);
+            return true;
+        }
+
+        #region INotifyPropertyChanged
+        public event PropertyChangedEventHandler PropertyChanged;
+        protected void OnPropertyChanged([CallerMemberName] string propertyName = "")
+        {
+            var changed = PropertyChanged;
+            if (changed == null)
+                return;
+
+            changed.Invoke(this, new PropertyChangedEventArgs(propertyName));
+        }
+        #endregion
+    }
+}
diff --git a/CollectionViewChallenge/CollectionViewChallenge/ViewModels/CollectionViewChallengeViewModel.cs b/CollectionViewChallenge/CollectionViewChallenge/ViewModels/CollectionViewChallengeViewModel.cs
new file mode 100644
index 0000000..94231cb
--- /dev/null
+++ b/CollectionViewChallenge/CollectionViewChallenge/ViewModels/CollectionViewChallengeViewModel.cs
@@ -0,0 +1,233 @@
+using System;
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using System.Timers;
+using System.Windows.Input;
+using CollectionViewChallenge.Models;
+using CollectionViewChallenge.Models.Enums;
+using Xamarin.Forms;
+
+namespace CollectionViewChallenge.ViewModels
+{
+    public class CollectionViewChallengeViewModel : BaseViewModel
+    {
+        private ICommand _actionCommand;
+        private ObservableCollection<CollectionItemViewModel> _singAlongItemSource;
+        private ObservableCollection<CollectionItemViewModel> _madeForUserItemSource;
+        private ObservableCollection<CollectionItemViewModel> _recentlyPlayedItemSource;
+        private string _username;
+        private double _playingLength;
+        private bool _isPlaying;
+        private bool _isFavourite;
+
+        public CollectionViewChallengeViewModel()
+        {
+            _singAlongItemSource = new ObservableCollection<CollectionItemViewModel>();
+            _madeForUserItemSource = new ObservableCollection<CollectionItemViewModel>();
+            _recentlyPlayedItemSource = new ObservableCollection<CollectionItemViewModel>();
+
+            _username = string.Empty;
+            _playingLength = 0;
+
+            _isPlaying = false;
+            _isFavourite = false;
+        }
+
+        internal void InitializeView()
+        {
+            SingAlongItemSource = new ObservableCollection<CollectionItemViewModel>();
+            MadeForUserItemSource = new ObservableCollection<CollectionItemViewModel>();
+            RecentlyPlayedItemSource = new ObservableCollection<CollectionItemViewModel>();
+
+            Username = "Hachiko";
+            PlayingLength = 0;
+
+            IsPlaying = false;
+            IsFavourite = false;
+
+            SingAlongItemSource = PopulateCollectionData(CollectionTypes.SingAlong);
+            MadeForUserItemSource = PopulateCollectionData(CollectionTypes.MadeForUser);
+            RecentlyPlayedItemSource = PopulateCollectionData(CollectionTypes.RecentlyPlayed);
+        }
+
+        private ObservableCollection<CollectionItemViewModel> PopulateCollectionData(CollectionTypes types)
+        {
+            var populatedData = new ObservableCollection<CollectionItemViewModel>();
+            var titles = new List<string>();
+            var coverUrls = new List<string>();
+            var descriptions = new List<string>();
+
+            switch (types)
+            {
+                case CollectionTypes.SingAlong:
+                    titles = new List<string>
+                    {
+                        "Songs to Sing in the Car",
+                        "So You Think You Can Sing",
+                        "Sing Along K-Pop",
+                        "Sing-along: 90's to Now"
+                    };
+
+                    coverUrls = new List<string>
+                    {
+                        "sing_along1.jpeg",
+                        "sing_along2.jpeg",
+                        "sing_along3.jpeg",
+                        "sing_along4.jpeg"
+                    };
+
+                    descriptions = new List<string>
+                    {
+                        "Shawn Mendes, Lady Gaga, Ariana Grande, Khalid, Queen",
+                        "Calum Scott, Beyoncé, Sia, Bruno Mars, David Guetta",
+                        "BTS, BLACKPINK, EXO, Red Velvet, SHINee, BIGBANG",
+                        "Kelly Clarkson, Beyoncé, Miley Cyrus, Rihanna, Ne-Yo"
+                    };
+                    break;
+                case CollectionTypes.MadeForUser:
+                    titles = new List<string>
+                    {
+                        "Daily Mix 1",
+                        "Daily Mix 2",
+                        "Daily Mix 3",
+                        "Daily Mix 4"
+                    };
+
+                    coverUrls = new List<string>
+                    {
+                        "daily_mix1.jpeg",
+                        "daily_mix2.jpeg",
+                        "daily_mix3.jpeg",
+                        "daily_mix4.jpeg"
+                    };
+
+                    descriptions = new List<string>
+                    {
+                        "JJ Lin, Leehom Wang, Kimberley Chen and more",
+                        "Glee Cast, Shawn Mendes, Katy Perry and more",
+                        "A.R. Rahman, Penn Masala, Pritam and more",
+                        "Andra & The Backbone, Gita Gutawa, Ungu and more"
+                    };
+                    break;
+                case CollectionTypes.RecentlyPlayed:
+                    titles = new List<string>
+                    {
+                        "This is Shawn Mendes",
+                        "This is JJ Lin",
+                        "All Out 00s",
+                        "Blast from the Past"
+                    };
+
+                    coverUrls = new List<string>
+                    {
+                        "recently_played1.jpeg",
+                        "recently_played2.jpeg",
+                        "recently_played3.jpeg",
+                        "recently_played4.jpeg"
+                    };
+
+                    descriptions = new List<string>
+                    {
+                        "",
+                        "",
+                        "",
+                        ""
+                    };
+                    break;
+            }
+
+            for (int i = 0; i < titles.Count; i++)
+                populatedData.Add(new CollectionItemViewModel
+                {
+                    Title = titles[i],
+                    CoverUrl = coverUrls[i],
+                    Description = descriptions[i],
+                    DescRowHeight = string.IsNullOrWhiteSpace(descriptions[i]) ? new GridLength(30) : new GridLength(50)
+                });
+
+            return populatedData;
+        }
+
+        #region Binding properties
+        public ObservableCollection<CollectionItemViewModel> SingAlongItemSource
+        {
+            get { return _singAlongItemSource; }
+            set { SetProperty(ref _singAlongItemSource, value); }
+        }
+
+        public ObservableCollection<CollectionItemViewModel> MadeForUserItemSource
+        {
+            get { return _madeForUserItemSource; }
+            set { SetProperty(ref _madeForUserItemSource, value); }
+        }
+
+        public ObservableCollection<CollectionItemViewModel> RecentlyPlayedItemSource
+        {
+            get { return _recentlyPlayedItemSource; }
+            set { SetProperty(ref _recentlyPlayedItemSource, value); }
+        }
+
+        public string Username
+        {
+            get { return _username; }
+            set { SetProperty(ref _username, value); }
+        }
+
+        public double PlayingLength
+        {
+            get { return _playingLength; }
+            set { SetProperty(ref _playingLength, value); }
+        }
+
+        public bool IsPlaying
+        {
+            get { return _isPlaying; }
+            set { SetProperty(ref _isPlaying, value); }
+        }
+
+        public bool IsFavourite
+        {
+            get { return _isFavourite; }
+            set { SetProperty(ref _isFavourite, value); }
+        }
+        #endregion
+
+        #region ActionCommand
+        public ICommand ActionCommand
+        {
+            get { return _actionCommand ?? (_actionCommand = new Command<string>(ExecuteActionCommand)); }
+        }
+
+        private void ExecuteActionCommand(string parameter)
+        {
+            switch (parameter)
+            {
+                case "PlayPause":
+                    PlayPauseMusic();
+                    break;
+                case "Favourite":
+                    IsFavourite = !IsFavourite;
+                    break;
+            }
+        }
+
+        private void PlayPauseMusic()
+        {
+            IsPlaying = !IsPlaying;
+
+            Device.StartTimer(TimeSpan.FromMilliseconds(50), () =>
+            {
+                if (PlayingLength.Equals(400))
+                {
+                    IsPlaying = false;
+                    PlayingLength = 0;
+                }
+
+                PlayingLength++;
+
+                return IsPlaying; // True = Repeat again, False = Stop the timer
+            });
+        }
+        #endregion
+    }
+}
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Views/CollectionViewChallengePage.xaml b/CollectionViewChallenge/CollectionViewChallenge/Views/CollectionViewChallengePage.xaml
index f2da7f7..dec2a14 100644
--- a/CollectionViewChallenge/CollectionViewChallenge/Views/CollectionViewChallengePage.xaml
+++ b/CollectionViewChallenge/CollectionViewChallenge/Views/CollectionViewChallengePage.xaml
@@ -1,32 +1,154 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="utf-8" ?>
 <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              xmlns:d="http://xamarin.com/schemas/2014/forms/design"
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             xmlns:templates="clr-namespace:CollectionViewChallenge.Views.Templates;assembly:CollectionViewChallenge"
              mc:Ignorable="d"
-             x:Class="CollectionViewChallenge.Views.CollectionViewChallengePage">
-    <ContentPage.Content>
-        <StackLayout>
-            <!-- Use your own layout and functionality here! -->
-            <CollectionView>
-                <CollectionView.ItemsSource>
-                    <x:Array Type="{x:Type x:String}">
-                        <x:String>This is a CollectionView!</x:String>
-                        <x:String>Your feedback on the experience of converting a ListView to a CollectionView is incredibly appreciated.</x:String>
-                        <x:String>Here are three general questions:</x:String>
-                        <x:String>1. How was the experience of converting your existing ListView to a CollectionView?</x:String>
-                        <x:String>2. How is the performance compared to the ListView?</x:String>
-                        <x:String>3. Is there a specific piece of functionality that you'd like to see?</x:String>
-                    </x:Array>
-                </CollectionView.ItemsSource>
-                <CollectionView.ItemTemplate>
-                    <DataTemplate>
-                        <StackLayout Padding="5">
-                            <Label Text="{Binding .}" d:Text="Design Time Data" FontSize="10"/>
-                        </StackLayout>
-                    </DataTemplate>
-                </CollectionView.ItemTemplate>
-            </CollectionView>
-        </StackLayout>
-    </ContentPage.Content>
+             x:Class="CollectionViewChallenge.Views.CollectionViewChallengePage"
+             Shell.SetPaddingInsets="true"
+             BackgroundColor="Black">
+    <Grid RowSpacing="0">
+        <Grid.RowDefinitions>
+            <RowDefinition Height="*"/>
+            <RowDefinition Height="54"/>
+        </Grid.RowDefinitions>
+        
+        <ScrollView>
+            <StackLayout Spacing="10">
+                <Grid ColumnSpacing="10" Padding="10,10,10,50">
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition/>
+                        <ColumnDefinition/>
+                    </Grid.ColumnDefinitions>
+                    
+                    <Grid Grid.Column="0">
+                        <Image Source="main_cover.jpg" Aspect="AspectFit"/>
+                    </Grid>
+                    
+                    <Grid Grid.Column="1">
+                        <Label Text="When Beyoncé gives you Lemonade... Stream it now!" 
+                               Style="{StaticResource MediumBoldLabel}" 
+                               VerticalOptions="End" HorizontalOptions="Start"
+                               HorizontalTextAlignment="Start"/>
+                    </Grid>
+                </Grid>
+                
+                <Label Text="Recently Played" Style="{StaticResource LargeBoldLabel}"/>
+                
+                <CollectionView ItemsSource="{Binding RecentlyPlayedItemSource}" Style="{StaticResource RecentlyPlayedCollectionView}">
+                    <CollectionView.ItemsLayout>
+                        <GridItemsLayout Orientation="Horizontal" Span="1" SnapPointsType="Mandatory"/>
+                    </CollectionView.ItemsLayout>
+                    
+                    <CollectionView.ItemTemplate>
+                        <templates:CollectionDataTemplate/>
+                    </CollectionView.ItemTemplate>
+                </CollectionView>
+                
+                <StackLayout Spacing="5">
+                    <Label Text="{Binding Username, StringFormat='Made for {0}'}" Style="{StaticResource LargeBoldLabel}"/>
+                    <Label Text="Get better recommendations the more you listen." Style="{StaticResource BaseLabel}"/>
+                </StackLayout>
+                
+                <CollectionView ItemsSource="{Binding MadeForUserItemSource}" Style="{StaticResource HomeCollectionView}">
+                    <CollectionView.ItemsLayout>
+                        <GridItemsLayout Orientation="Horizontal" Span="1" SnapPointsType="Mandatory"/>
+                    </CollectionView.ItemsLayout>
+                    
+                    <CollectionView.ItemTemplate>
+                        <templates:CollectionDataTemplate/>
+                    </CollectionView.ItemTemplate>
+                </CollectionView>
+                
+                <StackLayout Spacing="5">
+                    <Label Text="Sing-along" Style="{StaticResource LargeBoldLabel}"/>
+                    <Label Text="Sing your heart out to these timeless anthems." Style="{StaticResource BaseLabel}"/>
+                </StackLayout>
+                
+                <CollectionView ItemsSource="{Binding SingAlongItemSource}" Style="{StaticResource HomeCollectionView}">
+                    <CollectionView.ItemsLayout>
+                        <GridItemsLayout Orientation="Horizontal" Span="1" SnapPointsType="Mandatory"/>
+                    </CollectionView.ItemsLayout>
+                    
+                    <CollectionView.ItemTemplate>
+                        <templates:CollectionDataTemplate/>
+                    </CollectionView.ItemTemplate>
+                </CollectionView>
+            </StackLayout>
+        </ScrollView>
+        
+        <Grid Grid.Row="1" RowSpacing="0" BackgroundColor="#323232">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="3"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="1"/>
+            </Grid.RowDefinitions>
+            
+            <Grid>
+                <BoxView Style="{StaticResource BaseBoxView}"/>
+                <BoxView Style="{StaticResource ProgressBoxView}" WidthRequest="{Binding PlayingLength}"/>
+            </Grid>
+            
+            <Grid Grid.Row="1" ColumnSpacing="0">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="50"/>
+                    <ColumnDefinition Width="*"/>
+                    <ColumnDefinition Width="50"/>
+                </Grid.ColumnDefinitions>
+                
+                <Grid Grid.Column="0">
+                    <Label Text="&#xf004;" Style="{StaticResource BaseIconLabel}">
+                        <Label.Triggers>
+                            <DataTrigger Binding="{Binding IsFavourite}" Value="true" TargetType="Label">
+                                <Setter Property="TextColor" Value="{StaticResource Success}"/>
+                            </DataTrigger>
+                        </Label.Triggers>
+                    </Label>
+                    
+                    <Grid.GestureRecognizers>
+                        <TapGestureRecognizer Command="{Binding ActionCommand}" CommandParameter="Favourite"/>
+                    </Grid.GestureRecognizers>
+                </Grid>
+                
+                <StackLayout Grid.Column="1" Spacing="0" VerticalOptions="Center">
+                    <Label HorizontalOptions="Center" VerticalTextAlignment="Center">
+                        <Label.FormattedText>
+                            <FormattedString>
+                                <Span Text="Never Be Alone" Style="{StaticResource NormalSpan}"/>
+                                <Span Text=" • " Style="{StaticResource NormalSpan}"/>
+                                <Span Text="Shawn Mendes" Style="{StaticResource NormalSilverSpan}"/>
+                            </FormattedString>
+                        </Label.FormattedText>
+                    </Label>
+                    
+                    <Label HorizontalOptions="Center" VerticalTextAlignment="Center">
+                        <Label.FormattedText>
+                            <FormattedString>
+                                <Span Text="&#xf248;" Style="{StaticResource BaseIconSpan}"/>
+                                <Span Text=" " Style="{StaticResource BaseSpan}"/>
+                                <Span Text="Devices Available" Style="{StaticResource BaseSpan}"/>
+                            </FormattedString>
+                        </Label.FormattedText>
+                    </Label>
+                </StackLayout>
+                
+                <Grid Grid.Column="2">
+                    <Label Text="&#xf04b;" Style="{StaticResource BaseIconLabel}">
+                        <Label.Triggers>
+                            <DataTrigger Binding="{Binding IsPlaying}" Value="true" TargetType="Label">
+                                <Setter Property="Text" Value="&#xf04c;"/>
+                            </DataTrigger>
+                        </Label.Triggers>
+                    </Label>
+                    
+                    <Grid.GestureRecognizers>
+                        <TapGestureRecognizer Command="{Binding ActionCommand}" CommandParameter="PlayPause"/>
+                    </Grid.GestureRecognizers>
+                </Grid>
+            </Grid>
+            
+            <Grid Grid.Row="2" BackgroundColor="Black"/>
+        </Grid>
+    </Grid>
 </ContentPage>
\ No newline at end of file
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Views/CollectionViewChallengePage.xaml.cs b/CollectionViewChallenge/CollectionViewChallenge/Views/CollectionViewChallengePage.xaml.cs
index 701124f..4b9117d 100644
--- a/CollectionViewChallenge/CollectionViewChallenge/Views/CollectionViewChallengePage.xaml.cs
+++ b/CollectionViewChallenge/CollectionViewChallenge/Views/CollectionViewChallengePage.xaml.cs
@@ -1,9 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
+using CollectionViewChallenge.ViewModels;
 using Xamarin.Forms;
 using Xamarin.Forms.Xaml;
 
@@ -12,9 +7,16 @@ namespace CollectionViewChallenge.Views
     [XamlCompilation(XamlCompilationOptions.Compile)]
     public partial class CollectionViewChallengePage : ContentPage
     {
+        private readonly CollectionViewChallengeViewModel _vm;
+
         public CollectionViewChallengePage()
         {
             InitializeComponent();
+
+            BindingContext = new CollectionViewChallengeViewModel();
+            _vm = BindingContext as CollectionViewChallengeViewModel;
+
+            _vm.InitializeView();
         }
     }
 }
\ No newline at end of file
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Views/Templates/CollectionDataTemplate.xaml b/CollectionViewChallenge/CollectionViewChallenge/Views/Templates/CollectionDataTemplate.xaml
new file mode 100644
index 0000000..47dc344
--- /dev/null
+++ b/CollectionViewChallenge/CollectionViewChallenge/Views/Templates/CollectionDataTemplate.xaml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<DataTemplate xmlns="http://xamarin.com/schemas/2014/forms"
+              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+              x:Class="CollectionViewChallenge.Views.Templates.CollectionDataTemplate">
+    <Grid Padding="5" WidthRequest="170">
+        <Grid RowSpacing="5">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="160"/>
+                <RowDefinition Height="{Binding DescRowHeight}"/>
+            </Grid.RowDefinitions>
+            
+            <Grid Grid.Row="0">
+                <Image Source="{Binding CoverUrl}" Aspect="AspectFit" HorizontalOptions="Center"/>
+            </Grid>
+            
+            <StackLayout Grid.Row="1" Spacing="3" Padding="5,0">
+                <Label Text="{Binding Title}" Style="{StaticResource BaseBoldLabel}"/>
+                <Label Text="{Binding Description}" Style="{StaticResource BaseLabel}"/>
+            </StackLayout>
+        </Grid>
+    </Grid>
+</DataTemplate>
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Views/Templates/CollectionDataTemplate.xaml.cs b/CollectionViewChallenge/CollectionViewChallenge/Views/Templates/CollectionDataTemplate.xaml.cs
new file mode 100644
index 0000000..5003124
--- /dev/null
+++ b/CollectionViewChallenge/CollectionViewChallenge/Views/Templates/CollectionDataTemplate.xaml.cs
@@ -0,0 +1,14 @@
+using Xamarin.Forms;
+using Xamarin.Forms.Xaml;
+
+namespace CollectionViewChallenge.Views.Templates
+{
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class CollectionDataTemplate : DataTemplate
+    {
+        public CollectionDataTemplate()
+        {
+            InitializeComponent();
+        }
+    }
+}