diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/CollectionViewChallenge.Android.csproj b/CollectionViewChallenge/CollectionViewChallenge.Android/CollectionViewChallenge.Android.csproj
index d2c42fc..821f524 100644
--- a/CollectionViewChallenge/CollectionViewChallenge.Android/CollectionViewChallenge.Android.csproj
+++ b/CollectionViewChallenge/CollectionViewChallenge.Android/CollectionViewChallenge.Android.csproj
@@ -106,5 +106,20 @@
       <Name>CollectionViewChallenge</Name>
     </ProjectReference>
   </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable\xamarin.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable\sharepoint.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable\sitecore.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable\azure.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable\GenericBackground.png" />
+  </ItemGroup>
   <Import Project="$(MSBuildExtensionsPath)\Xamarin\Android\Xamarin.Android.CSharp.targets" />
 </Project>
\ No newline at end of file
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/GenericBackground.png b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/GenericBackground.png
new file mode 100644
index 0000000..9d81b3a
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/GenericBackground.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/azure.png b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/azure.png
new file mode 100644
index 0000000..5f3873b
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/azure.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/sharepoint.png b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/sharepoint.png
new file mode 100644
index 0000000..06d6a42
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/sharepoint.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/sitecore.png b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/sitecore.png
new file mode 100644
index 0000000..6978529
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/sitecore.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/xamarin.png b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/xamarin.png
new file mode 100644
index 0000000..4ff6294
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/xamarin.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/values/styles.xml b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/values/styles.xml
index 43b0a58..c6b42ae 100644
--- a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/values/styles.xml
+++ b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/values/styles.xml
@@ -20,7 +20,7 @@
     <!-- You can also set colorControlNormal, colorControlActivated
          colorControlHighlight and colorSwitchThumbNormal. -->
     <item name="windowActionModeOverlay">true</item>
-
+    <item name="android:windowTranslucentStatus">true</item>
     <item name="android:datePickerDialogTheme">@style/AppCompatDialogStyle</item>
   </style>
 
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/CollectionViewChallenge.iOS.csproj b/CollectionViewChallenge/CollectionViewChallenge.iOS/CollectionViewChallenge.iOS.csproj
index 49a7105..fc1d29e 100644
--- a/CollectionViewChallenge/CollectionViewChallenge.iOS/CollectionViewChallenge.iOS.csproj
+++ b/CollectionViewChallenge/CollectionViewChallenge.iOS/CollectionViewChallenge.iOS.csproj
@@ -135,6 +135,9 @@
   <ItemGroup>
     <PackageReference Include="Xamarin.Forms" Version="4.0.0.346134-pre9" />
     <PackageReference Include="Xamarin.Essentials" Version="1.1.0" />
+    <PackageReference Include="Xamarin.Forms.Visual.Material">
+      <Version>3.6.0.344457</Version>
+    </PackageReference>
   </ItemGroup>
   <Import Project="$(MSBuildExtensionsPath)\Xamarin\iOS\Xamarin.iOS.CSharp.targets" />
   <ItemGroup>
@@ -143,4 +146,34 @@
       <Name>CollectionViewChallenge</Name>
     </ProjectReference>
   </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\xamarin.png">
+      <Generator>MSBuild:UpdateGeneratedFiles</Generator>
+      <SubType>Designer</SubType>
+    </BundleResource>
+  </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\sitecore.png">
+      <Generator>MSBuild:UpdateGeneratedFiles</Generator>
+      <SubType>Designer</SubType>
+    </BundleResource>
+  </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\sharepoint.png">
+      <Generator>MSBuild:UpdateGeneratedFiles</Generator>
+      <SubType>Designer</SubType>
+    </BundleResource>
+  </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\GenericBackground.png">
+      <Generator>MSBuild:UpdateGeneratedFiles</Generator>
+      <SubType>Designer</SubType>
+    </BundleResource>
+  </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\azure.png">
+      <Generator>MSBuild:UpdateGeneratedFiles</Generator>
+      <SubType>Designer</SubType>
+    </BundleResource>
+  </ItemGroup>
 </Project>
\ No newline at end of file
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/GenericBackground.png b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/GenericBackground.png
new file mode 100644
index 0000000..9d81b3a
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/GenericBackground.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/azure.png b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/azure.png
new file mode 100644
index 0000000..5f3873b
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/azure.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/sharepoint.png b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/sharepoint.png
new file mode 100644
index 0000000..06d6a42
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/sharepoint.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/sitecore.png b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/sitecore.png
new file mode 100644
index 0000000..6978529
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/sitecore.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/xamarin.png b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/xamarin.png
new file mode 100644
index 0000000..4ff6294
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/xamarin.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge/AppShell.xaml b/CollectionViewChallenge/CollectionViewChallenge/AppShell.xaml
index 9364c60..25c6110 100644
--- a/CollectionViewChallenge/CollectionViewChallenge/AppShell.xaml
+++ b/CollectionViewChallenge/CollectionViewChallenge/AppShell.xaml
@@ -1,13 +1,15 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Shell xmlns="http://xamarin.com/schemas/2014/forms" 
-       xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
-       xmlns:local="clr-namespace:CollectionViewChallenge.Views"
-       RouteHost="companyname.com"
-       RouteScheme="app"
-       Route="CollectionViewChallenge"
-       FlyoutBehavior="Disabled"
-       Title="CollectionViewChallenge"
-       x:Class="CollectionViewChallenge.AppShell">
+<?xml version="1.0" encoding="UTF-8" ?>
+<Shell
+    x:Class="CollectionViewChallenge.AppShell"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:local="clr-namespace:CollectionViewChallenge.Views"
+    Title="CollectionViewChallenge"
+    FlyoutBehavior="Disabled"
+    Route="CollectionViewChallenge"
+    RouteHost="companyname.com"
+    RouteScheme="app"
+    Visual="Material">
 
     <!--
         XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
@@ -28,51 +30,55 @@
         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! 
-
+        
+        Thanks for trying out this preview!
+        
         - David Ortinau, Senior Program Manager for Mobile Dev Tools [david.ortinau@microsoft.com]
     -->
 
-    <!-- 
-        Styles and Resources 
+    <!--
+        Styles and Resources
     -->
     <Shell.Resources>
         <ResourceDictionary>
-            <Color x:Key="NavigationPrimary">#2196F3</Color>
+            <Color x:Key="NavigationPrimary">#2cb695</Color>
             <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.ShellTabBarTitleColor" Value="White"/>
+                <Setter Property="Shell.ShellDisabledColor" Value="#8A8B8C" />
+                <Setter Property="Shell.ShellUnselectedColor" Value="#8A8B8C" />
+                <Setter Property="Shell.ShellTabBarBackgroundColor" Value="White" />
+                <Setter Property="Shell.ShellTabBarForegroundColor" Value="{StaticResource NavigationPrimary}" />
+                <Setter Property="Shell.ShellTabBarUnselectedColor" Value="#8A8B8C" />
+                <Setter Property="Shell.ShellTabBarTitleColor" Value="{StaticResource NavigationPrimary}" />
+            </Style>
+            <Style BasedOn="{StaticResource BaseStyle}" TargetType="ShellItem" />
+            <Style x:Key="QuoteText" TargetType="Label">
+                <Setter Property="TextColor" Value="White" />
+                <Setter Property="FontAttributes" Value="Italic"/>
             </Style>
-            <Style TargetType="ShellItem" BasedOn="{StaticResource BaseStyle}" />
         </ResourceDictionary>
     </Shell.Resources>
 
-    <!-- Your Pages -->
+    <!--  Your Pages  -->
     <ShellItem>
         <ShellSection Title="CollectionView" Icon="tab_feed.png">
             <ShellContent Title="CollectionView">
-                <local:CollectionViewChallengePage Title="CollectionView"/>
+                <local:CollectionViewChallengePage Title="Case Studies" />
             </ShellContent>
         </ShellSection>
     </ShellItem>
diff --git a/CollectionViewChallenge/CollectionViewChallenge/CollectionViewChallenge.csproj b/CollectionViewChallenge/CollectionViewChallenge/CollectionViewChallenge.csproj
index 3ccfc60..68a81c0 100644
--- a/CollectionViewChallenge/CollectionViewChallenge/CollectionViewChallenge.csproj
+++ b/CollectionViewChallenge/CollectionViewChallenge/CollectionViewChallenge.csproj
@@ -20,9 +20,4 @@
       <Generator>MSBuild:UpdateDesignTimeXaml</Generator>
     </EmbeddedResource>
   </ItemGroup>
-
-  <ItemGroup>
-    <Folder Include="Models\" />
-    <Folder Include="ViewModels\" />
-  </ItemGroup>
 </Project>
\ No newline at end of file
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Models/CaseStudyModel.cs b/CollectionViewChallenge/CollectionViewChallenge/Models/CaseStudyModel.cs
new file mode 100644
index 0000000..699584f
--- /dev/null
+++ b/CollectionViewChallenge/CollectionViewChallenge/Models/CaseStudyModel.cs
@@ -0,0 +1,36 @@
+using System;
+using System.Collections.Generic;
+using System.Text;
+
+namespace CollectionViewChallenge.Models
+{
+    class CaseStudyModel : Xamarin.Forms.BindableObject
+    {
+        public string Icon { get; set; }
+        public string Project { get; set; }
+        public string Company { get; set; }
+        public string Quote { get; set; }
+        private bool showQuote { get; set; }
+        public bool ShowQuote
+        {
+            get
+            {
+                return showQuote;
+            }
+            set
+            {
+                showQuote = value;
+                OnPropertyChanged("ShowQuote");
+                OnPropertyChanged("ShowCompany");
+            }
+        }
+
+        public bool ShowCompany
+        {
+            get
+            {
+                return !showQuote;
+            }
+        }
+    }
+}
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Models/ServiceModel.cs b/CollectionViewChallenge/CollectionViewChallenge/Models/ServiceModel.cs
new file mode 100644
index 0000000..b15833b
--- /dev/null
+++ b/CollectionViewChallenge/CollectionViewChallenge/Models/ServiceModel.cs
@@ -0,0 +1,26 @@
+using System;
+using System.Collections.Generic;
+using System.ComponentModel;
+using System.Text;
+
+namespace CollectionViewChallenge.Models
+{
+    class ServiceModel : Xamarin.Forms.BindableObject
+    {
+        public string Icon { get; set; }
+        public string Name { get; set; }
+        public string Description { get; set; }
+        private bool animate { get; set; }
+        public bool Animate {
+            get
+            {
+                return animate;
+            }
+            set
+            {
+                animate = value;
+                OnPropertyChanged("Animate");
+            }
+        }
+    }
+}
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Triggers/CaseStudySelectedTriggerAction.cs b/CollectionViewChallenge/CollectionViewChallenge/Triggers/CaseStudySelectedTriggerAction.cs
new file mode 100644
index 0000000..c9cf5e3
--- /dev/null
+++ b/CollectionViewChallenge/CollectionViewChallenge/Triggers/CaseStudySelectedTriggerAction.cs
@@ -0,0 +1,24 @@
+using System;
+using System.Collections.Generic;
+using System.Text;
+using Xamarin.Forms;
+
+namespace CollectionViewChallenge.Triggers
+{
+    public class CaseStudySelectedTriggerAction : TriggerAction<Frame>
+    {
+        public CaseStudySelectedTriggerAction() { }
+
+        public double Degrees { get; set; }
+
+        protected override void Invoke(Frame cell)
+        {
+            Animation(cell);
+        }
+
+        private async void Animation(Frame cell)
+        {
+            await cell.RotateXTo(Degrees, 400);
+        }
+    }
+}
\ No newline at end of file
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Triggers/ServiceSelectedTriggerAction.cs b/CollectionViewChallenge/CollectionViewChallenge/Triggers/ServiceSelectedTriggerAction.cs
new file mode 100644
index 0000000..1063bea
--- /dev/null
+++ b/CollectionViewChallenge/CollectionViewChallenge/Triggers/ServiceSelectedTriggerAction.cs
@@ -0,0 +1,27 @@
+using System;
+using System.Collections.Generic;
+using System.Text;
+using System.Threading.Tasks;
+using Xamarin.Forms;
+
+namespace CollectionViewChallenge.Triggers
+{
+    public class ServiceSelectedTriggerAction : TriggerAction<Grid>
+    {
+        public ServiceSelectedTriggerAction() { }
+
+        public double Scale { get; set; }
+
+        protected override void Invoke(Grid service)
+        {
+            Animation(service);
+        }
+
+        private async void Animation(Grid service)
+        {
+
+            await service.ScaleTo(Scale, 400);
+            await service.ScaleTo(1, 400);
+        }
+    }
+}
diff --git a/CollectionViewChallenge/CollectionViewChallenge/ViewModels/ServicePageViewModel.cs b/CollectionViewChallenge/CollectionViewChallenge/ViewModels/ServicePageViewModel.cs
new file mode 100644
index 0000000..f565e85
--- /dev/null
+++ b/CollectionViewChallenge/CollectionViewChallenge/ViewModels/ServicePageViewModel.cs
@@ -0,0 +1,110 @@
+using CollectionViewChallenge.Models;
+using System;
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using System.ComponentModel;
+using System.Text;
+using Xamarin.Forms;
+
+namespace CollectionViewChallenge.ViewModels
+{
+    class ServicePageViewModel : Xamarin.Forms.BindableObject
+    {
+        public ServicePageViewModel()
+        {
+            selectedService = ServiceList[0];
+            selectedCaseStudy = CaseStudyList[0];
+        }
+
+        private ObservableCollection<ServiceModel> serviceList { get; set; }
+
+        public ObservableCollection<ServiceModel> ServiceList
+        {
+            get
+            {
+                return serviceList ?? (serviceList = FakeServiceList());
+            }
+        }
+
+        private ObservableCollection<ServiceModel> FakeServiceList()
+        {
+            var fakeList = new ObservableCollection<ServiceModel>();
+
+            fakeList.Add(new ServiceModel() { Name = "Xamarin", Description="Mobile solution", Icon= "xamarin.png" });
+            fakeList.Add(new ServiceModel() { Name = "Sitecore", Description = "Web solution", Icon = "sitecore.png" });
+            fakeList.Add(new ServiceModel() { Name = "SharePoint", Description = "Intranet solution", Icon = "sharepoint.png" });
+            fakeList.Add(new ServiceModel() { Name = "Azure", Description = "Cloud solution", Icon = "azure.png" });
+
+            return fakeList;
+        }
+        private ObservableCollection<CaseStudyModel> caseStudyList { get; set; }
+
+        public ObservableCollection<CaseStudyModel> CaseStudyList
+        {
+            get
+            {
+                return caseStudyList ?? (caseStudyList = FakeCaseStudyList(ServiceList[0].Name, ServiceList[0].Icon));
+            }
+            set
+            {
+                caseStudyList = value;
+                OnPropertyChanged("CaseStudyList");
+            }
+        }
+
+        private ObservableCollection<CaseStudyModel> FakeCaseStudyList(string service, string image)
+        {
+            var fakeList = new ObservableCollection<CaseStudyModel>();
+
+            Random random = new Random();
+            int num = random.Next(3, 10);
+
+            for (int i = 1; i < num; i++)
+            {
+                fakeList.Add(new CaseStudyModel() { Project =  string.Format("{0} - Proyect {1}", service, i), Quote = "\"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\"", Icon = image, Company = string.Format("Company {0}", i) });
+            }
+
+            return fakeList;
+        }
+
+        private ServiceModel selectedService;
+
+        public ServiceModel SelectedService
+        {
+            get
+            {
+                return selectedService;
+            }
+            set
+            {
+                if (selectedService != value)
+                {
+                    selectedService.Animate = false;
+                    selectedService = value;
+                    selectedService.Animate = true;
+                    MessagingCenter.Send(this, "ScrollToSelectedService", serviceList.IndexOf(selectedService));
+                    CaseStudyList = FakeCaseStudyList(selectedService.Name, SelectedService.Icon);
+                }
+            }
+        }
+
+        private CaseStudyModel selectedCaseStudy;
+
+        public CaseStudyModel SelectedCaseStudy
+        {
+            get
+            {
+                return selectedCaseStudy;
+            }
+            set
+            {
+                if (selectedCaseStudy != value)
+                {
+                    selectedCaseStudy.ShowQuote = false;
+                    selectedCaseStudy = value;
+                    selectedCaseStudy.ShowQuote = true;
+                }
+            }
+        }
+    }
+}
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Views/CollectionViewChallengePage.xaml b/CollectionViewChallenge/CollectionViewChallenge/Views/CollectionViewChallengePage.xaml
index f2da7f7..e739e0b 100644
--- a/CollectionViewChallenge/CollectionViewChallenge/Views/CollectionViewChallengePage.xaml
+++ b/CollectionViewChallenge/CollectionViewChallenge/Views/CollectionViewChallengePage.xaml
@@ -1,29 +1,160 @@
 <?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"
-             mc:Ignorable="d"
-             x:Class="CollectionViewChallenge.Views.CollectionViewChallengePage">
+<ContentPage
+    x:Class="CollectionViewChallenge.Views.CollectionViewChallengePage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:Triggers="clr-namespace:CollectionViewChallenge.Triggers"
+    xmlns:ViewModels="clr-namespace:CollectionViewChallenge.ViewModels"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    BackgroundColor="#EFEFF4"
+    mc:Ignorable="d">
+    <ContentPage.BindingContext>
+        <ViewModels:ServicePageViewModel />
+    </ContentPage.BindingContext>
+    <ContentPage.Resources>
+        <Style TargetType="Grid">
+            <Setter Property="VisualStateManager.VisualStateGroups">
+                <VisualStateGroupList>
+                    <VisualStateGroup x:Name="CommonStates">
+                        <VisualState x:Name="Normal" />
+                        <VisualState x:Name="Selected">
+                            <VisualState.Setters>
+                                <Setter Property="BackgroundColor" Value="#eb3493" />
+                            </VisualState.Setters>
+                        </VisualState>
+                    </VisualStateGroup>
+                </VisualStateGroupList>
+            </Setter>
+        </Style>
+    </ContentPage.Resources>
     <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>
+        <StackLayout Spacing="0">
+            <AbsoluteLayout BackgroundColor="#2cb695" HeightRequest="200">
+                <Image
+                    AbsoluteLayout.LayoutBounds="0,0,1,1"
+                    AbsoluteLayout.LayoutFlags="All"
+                    Aspect="Fill"
+                    Source="GenericBackground.png" />
+                <CollectionView
+                    x:Name="ServiceCollection"
+                    AbsoluteLayout.LayoutBounds="0,0,1,1"
+                    AbsoluteLayout.LayoutFlags="All"
+                    HeightRequest="180"
+                    ItemsSource="{Binding ServiceList}"
+                    SelectedItem="{Binding SelectedService, Mode=TwoWay}"
+                    SelectionMode="Single">
+                    <CollectionView.ItemsLayout>
+                        <ListItemsLayout SnapPointsAlignment="Center" SnapPointsType="MandatorySingle">
+                            <x:Arguments>
+                                <ItemsLayoutOrientation>Horizontal</ItemsLayoutOrientation>
+                            </x:Arguments>
+                        </ListItemsLayout>
+                    </CollectionView.ItemsLayout>
+                    <CollectionView.ItemTemplate>
+                        <DataTemplate>
+                            <Grid>
+                                <Grid
+                                    Margin="8"
+                                    HorizontalOptions="CenterAndExpand"
+                                    VerticalOptions="CenterAndExpand">
+                                    <Grid.Triggers>
+                                        <DataTrigger
+                                            Binding="{Binding Animate}"
+                                            TargetType="Grid"
+                                            Value="True">
+                                            <DataTrigger.EnterActions>
+                                                <Triggers:ServiceSelectedTriggerAction Scale="1.25" />
+                                            </DataTrigger.EnterActions>
+                                        </DataTrigger>
+                                    </Grid.Triggers>
+                                    <Grid.ColumnDefinitions>
+                                        <ColumnDefinition Width="200" />
+                                    </Grid.ColumnDefinitions>
+                                    <Grid.RowDefinitions>
+                                        <RowDefinition Height="Auto" />
+                                        <RowDefinition Height="Auto" />
+                                    </Grid.RowDefinitions>
+                                    <Image
+                                        Grid.Row="0"
+                                        Grid.Column="0"
+                                        HeightRequest="50"
+                                        HorizontalOptions="Center"
+                                        Source="{Binding Icon}" />
+                                    <StackLayout
+                                        Grid.Row="1"
+                                        Grid.Column="0"
+                                        HorizontalOptions="Center">
+                                        <Label
+                                            FontSize="24"
+                                            Text="{Binding Name}"
+                                            TextColor="White" />
+                                        <Label Text="{Binding Description}" TextColor="White" />
+                                    </StackLayout>
+                                </Grid>
+                            </Grid>
+                        </DataTemplate>
+                    </CollectionView.ItemTemplate>
+                </CollectionView>
+            </AbsoluteLayout>
+            <CollectionView
+                HorizontalOptions="FillAndExpand"
+                ItemsSource="{Binding CaseStudyList}"
+                SelectedItem="{Binding SelectedCaseStudy, Mode=TwoWay}"
+                SelectionMode="Single"
+                VerticalOptions="FillAndExpand">
+                <CollectionView.ItemsLayout>
+                    <ListItemsLayout>
+                        <x:Arguments>
+                            <ItemsLayoutOrientation>Vertical</ItemsLayoutOrientation>
+                        </x:Arguments>
+                    </ListItemsLayout>
+                </CollectionView.ItemsLayout>
                 <CollectionView.ItemTemplate>
                     <DataTemplate>
-                        <StackLayout Padding="5">
-                            <Label Text="{Binding .}" d:Text="Design Time Data" FontSize="10"/>
-                        </StackLayout>
+                        <Grid HorizontalOptions="FillAndExpand">
+                            <Frame
+                                Margin="8"
+                                BackgroundColor="#55c5cd"
+                                HorizontalOptions="FillAndExpand"
+                                Visual="Material">
+                                <Frame.Triggers>
+                                    <DataTrigger
+                                        Binding="{Binding ShowQuote}"
+                                        TargetType="Frame"
+                                        Value="True">
+                                        <DataTrigger.EnterActions>
+                                            <Triggers:CaseStudySelectedTriggerAction Degrees="180" />
+                                        </DataTrigger.EnterActions>
+                                        <DataTrigger.ExitActions>
+                                            <Triggers:CaseStudySelectedTriggerAction Degrees="0" />
+                                        </DataTrigger.ExitActions>
+                                    </DataTrigger>
+                                </Frame.Triggers>
+                                <StackLayout HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand">
+                                    <Image
+                                        HeightRequest="50"
+                                        IsVisible="{Binding ShowCompany}"
+                                        Source="{Binding Icon}" />
+                                    <Label
+                                        FontSize="24"
+                                        IsVisible="{Binding ShowCompany}"
+                                        Text="{Binding Project}"
+                                        TextColor="White" />
+                                    <Label
+                                        HorizontalOptions="End"
+                                        IsVisible="{Binding ShowQuote}"
+                                        RotationX="180"
+                                        Text="{Binding Company}"
+                                        TextColor="White" />
+                                    <Label
+                                        IsVisible="{Binding ShowQuote}"
+                                        RotationX="180"
+                                        Style="{DynamicResource QuoteText}"
+                                        Text="{Binding Quote}" />
+                                </StackLayout>
+                            </Frame>
+                        </Grid>
                     </DataTemplate>
                 </CollectionView.ItemTemplate>
             </CollectionView>
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Views/CollectionViewChallengePage.xaml.cs b/CollectionViewChallenge/CollectionViewChallenge/Views/CollectionViewChallengePage.xaml.cs
index 701124f..a0c38ee 100644
--- a/CollectionViewChallenge/CollectionViewChallenge/Views/CollectionViewChallengePage.xaml.cs
+++ b/CollectionViewChallenge/CollectionViewChallenge/Views/CollectionViewChallengePage.xaml.cs
@@ -1,4 +1,6 @@
-using System;
+using CollectionViewChallenge.Models;
+using CollectionViewChallenge.ViewModels;
+using System;
 using System.Collections.Generic;
 using System.Linq;
 using System.Text;
@@ -15,6 +17,12 @@ public partial class CollectionViewChallengePage : ContentPage
         public CollectionViewChallengePage()
         {
             InitializeComponent();
+            MessagingCenter.Subscribe<ServicePageViewModel, int>(this, "ScrollToSelectedService", ScrollToSelectedService);
+        }
+
+        async void ScrollToSelectedService(ServicePageViewModel sender, int arg)
+        {
+            ServiceCollection.ScrollTo(arg, position: ScrollToPosition.Center);
         }
     }
 }
\ No newline at end of file