Editopia/Editopia.Editor/Pages/FilePage.xaml

<UserControl xmlns="https://github.com/avaloniaui">
  <UserControl.Styles>
  </UserControl.Styles>
  <StackPanel Orientation="Vertical" Gap="4" Background="{DynamicResource ThemeBackgroundBrush}">
    <TextBlock Classes="h1">File</TextBlock>
    <TextBlock Classes="sub1">Manage your project</TextBlock>
    <Grid RowDefinitions="Auto,*"
          ColumnDefinitions="Auto,*" Margin="0,16,0,0">
      <StackPanel Grid.Column="0" Grid.Row="1" HorizontalAlignment="Left" Margin="0,0,0,0">
        <Border Classes="grouped">
          <StackPanel Margin="8">
            <StackPanel Orientation="Horizontal" Gap="10">
              <Image Source="resm:Editopia.Editor.Assets.Font.Awesome.project-diagram.png" Width="30" Height="36" Grid.Column="0" Grid.Row="0"/>
              <TextBlock Classes="h2" >Project Data</TextBlock>
            </StackPanel>

            <Grid RowDefinitions="Auto,*" ColumnDefinitions="Auto,*">
              <StackPanel Grid.Column="0" Grid.Row="0">
                <TextBlock Classes="content emph">Name: </TextBlock>
                <TextBlock Classes="content emph">Workspace: </TextBlock>
                <TextBlock Classes="content emph">Modules: </TextBlock>
              </StackPanel>
              <StackPanel Grid.Column="1" Grid.Row="0" Margin="8,0,0,0">
                <TextBlock Classes="content">{projectName}</TextBlock>
                <TextBlock Classes="content">{workspacePath}</TextBlock>
                <TextBlock Classes="content">{loadedModules[]}</TextBlock>
              </StackPanel>
              
            </Grid>
            <Button Margin="0,8,0,0">OPEN FOLDER</Button>
          </StackPanel>

        </Border>
      </StackPanel>

            
      
      <Border Grid.Column="1" Grid.Row="2" HorizontalAlignment="Right" Margin="0,0,32,0" Classes="grouped">
        <StackPanel>
          <Grid RowDefinitions="Auto,*" Margin="8"
            ColumnDefinitions="Auto,*">
            <Image Source="resm:Editopia.Editor.Assets.Font.Awesome.gitsquare.png" Width="30" Height="36" Grid.Column="0" Grid.Row="0"/>
            <TextBlock Classes="h2" Grid.Column="1" Grid.Row="0" Margin="12,0,0,0">Version Control</TextBlock>
            <!--
              <Image Source="resm:Editopia.Editor.Assets.git.png" Width="24" Height="30" Grid.Column="2" Grid.Row="0"/>
            -->

          </Grid>
          <Grid RowDefinitions="Auto,*" ColumnDefinitions="Auto,*">


            <StackPanel Grid.Column="0" Grid.Row="0" Margin="8">
              <TextBlock Classes="content emph">Branch: </TextBlock>
              <TextBlock Classes="content emph">Commit: </TextBlock>
              <TextBlock Classes="content emph">Status: </TextBlock>
            </StackPanel>
            <StackPanel Grid.Column="1" Grid.Row="0" Margin="8">
              <TextBlock Classes="content">{branch}</TextBlock>
              <TextBlock Classes="content">{commitHash}</TextBlock>
              <TextBlock Classes="content">{repositoryStatus}</TextBlock>

            </StackPanel>


          </Grid>

        </StackPanel>

      </Border>

    </Grid>

  </StackPanel>
</UserControl>