DesignChallenge 5

Try this design Challenge :

	<?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:local="clr-namespace:SLeep"
	x:Class="SLeep.MainPage"
	xmlns:ios="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core"
	ios:Page.UseSafeArea="true" >
	<ContentPage.Resources>
	<Style TargetType="BoxView">
	<Setter Property="HeightRequest" Value="100"/>
	<Setter Property="WidthRequest" Value="100"/>
	<Setter Property="Margin" Value="5"/>
	</Style>
	<Style TargetType="Frame">
	<Setter Property="HeightRequest" Value="200"/>
	<Setter Property="CornerRadius" Value="5"/>
	<Setter Property="Margin" Value="5"/>
	<Setter Property="WidthRequest" Value="90"/>
	<Setter Property="BackgroundColor" Value="White"/>
	</Style>
	</ContentPage.Resources>
	<ScrollView Orientation="Vertical">
	<FlexLayout Direction="Row" Wrap="Wrap" JustifyContent="SpaceEvenly" VerticalOptions=" FillAndExpand" BackgroundColor="#f9f8f8">
	<Frame HasShadow="true">
	<FlexLayout Direction="Column">
	<Image Source="image1.jpg" HorizontalOptions="FillAndExpand" WidthRequest="100"/>
	<Label Text="Hyatt Hotel" TextColor="Black" FontSize="Micro"/>
	<BoxView HeightRequest="1" BackgroundColor="Silver"/>
	<Label Text="Hotel well established in pune" FontSize="Micro" TextColor="Silver"/>
	</FlexLayout>
	</Frame>
	<Frame HasShadow="true">
	<FlexLayout Direction="Column">
	<Image Source="image2.jpg" HorizontalOptions="FillAndExpand" WidthRequest="100"/>
	<Label Text="Rame Grand" TextColor="Black" FontSize="Micro"/>
	<BoxView HeightRequest="1" BackgroundColor="Silver"/>
	<Label Text="This is a hotel where you love to stay" FontSize="Micro" TextColor="Silver"/>
	</FlexLayout>
	</Frame>
	<Frame HasShadow="true" >
	<FlexLayout Direction="Column">
	<Image Source="image3.jpg" HorizontalOptions="FillAndExpand" WidthRequest="100"/>
	<Label Text="KR Inn" TextColor="Black" FontSize="Micro"/>
	<BoxView HeightRequest="1" BackgroundColor="Silver"/>
	<Label Text="Smart Hotel with all your beautiful needs" FontSize="Micro" TextColor="Silver"/>
	</FlexLayout>
	</Frame>
	<Frame HasShadow="true">
	<FlexLayout Direction="Column">
	<Image Source="image4.jpeg" HorizontalOptions="FillAndExpand" WidthRequest="100"/>
	<Label Text="Marriote Suites" TextColor="Black" FontSize="Micro"/>
	<BoxView HeightRequest="1" BackgroundColor="Silver"/>
	<Label Text="It feels better than your home" FontSize="Micro" TextColor="Silver"/>
	</FlexLayout>
	</Frame>
	</FlexLayout>
	</ScrollView>
	</ContentPage>

view raw MainPage.xaml hosted with ❤ by GitHub