Hotel UI Design using xamarin form About UI Design is for Hotel using xamarin form. There are three forms. List of Places Hotel list of selected place, you can filter and search Third page is detail of selected hotel. Lets begin with code: Copy code for Font awesome from this link . Copy code for CustomEntry from this link . Please watch video  to understand this code. Create Property classes for Hotel and Places. HotelViewModel public class HotelViewModel { public string Name { get; set; } public string Price { get; set; } public string Address { get; set; } public string Days { get; set; } public string Distance { get; set; } public ImageSource Img { get; set; } } public class HotelModel { public List<HotelViewModel> Get() { List<HotelViewModel> list = new List<HotelViewModel>(); list.Add(new HotelViewModel { Img = "https://encrypted-tbn0.gstatic.com/

  First we will create all template that required in above UI. You can copy code for CustomEntry from here . CardCircleImage.xaml <ContentView xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="OnlineBankingUIDesigns.Controls.CardCircleImage"> <ContentView.Content> <StackLayout Padding="0,10,0,0" Margin="20,0,0,0"> <Frame x:Name="frame" HasShadow="True" HeightRequest="70" WidthRequest="70" CornerRadius="100" HorizontalOptions="Center" Padding="0"> <Image x:Name="img" Source="{Binding Img}" Aspect="AspectFill" /> </Frame> <Label Text="{Binding Name}" HorizontalOptions="Center" HorizontalTextAlignment="Center" TextColor="