Windows Phone Hackathon : Facebook & Instagram Sample - UI

gistfile1.xml

	<!--LayoutRoot is the root grid where all page content is placed-->
	<Grid x:Name="LayoutRoot" Background="Transparent">
		<Grid.RowDefinitions>
			<RowDefinition Height="Auto"/>
			<RowDefinition Height="*"/>
		</Grid.RowDefinitions>

		<!--TitlePanel contains the name of the application and page title-->
		<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
			<TextBlock x:Name="ApplicationTitle" Style="{StaticResource PhoneTextNormalStyle}"><Run Text="MY"/><Run Text=" "/><Run Text="FACEBOOK &amp; INSTAGRAM"/><Run Text=" APPLICATION"/></TextBlock>
			<TextBlock x:Name="PageTitle" Text="choose one" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
		</StackPanel>

        <!--ContentPanel - place additional content here-->
        <StackPanel x:Name="ContentPanel" Margin="12,0,12,0" Grid.Row="1" >
			<Button HorizontalContentAlignment="Left" BorderThickness="0" Click="FacebookButton_Click">
				<StackPanel Orientation="Horizontal">
					<Image Height="62" Source="Facebook-icon.png"/>
					<TextBlock TextWrapping="Wrap" Text="Facebook" VerticalAlignment="Center" Margin="12,0,0,0"/>
				</StackPanel>
			</Button>
			<Button HorizontalContentAlignment="Left" BorderThickness="0" Click="InstagramButton_Click">
				<StackPanel Orientation="Horizontal">
					<Image Height="62" Source="Instagram-icon.png"/>
					<TextBlock TextWrapping="Wrap" Text="Instagram" VerticalAlignment="Center" Margin="12,0,0,0"/>
				</StackPanel>
			</Button>
			<Button HorizontalContentAlignment="Left" BorderThickness="0" Click="ShareTaskButton_Click">
				<StackPanel Orientation="Horizontal">
					<Image Height="62" Source="windows-phone-icon.png"/>
					<TextBlock TextWrapping="Wrap" Text="Windows Phone ShareTask" VerticalAlignment="Center" Margin="12,0,0,0"/>
				</StackPanel>
			</Button>
		</StackPanel>
	</Grid>