CaritasPWA/Pages/InfoPage.razor

@page "/info"
@inject NavigationManager NavigationManager;

<div class="row px-3 h-100">
    <div class="align-items-center justify-content-start">
        <img src="/images/caritas_logo.png" width="100%" style="padding:1em" />
    </div>
    <div class="row no-gutters align-items-center w-100">
        <table class="w-100">
            <tr>
                <td class="text-center">
                    <p class="text-left">Hier kommt ein Informationstext über die App.</p>
                </td>
            </tr>
            <tr>
                <td class="text-center">
                    <MatButton Raised="true" Class="w-100" @onclick="ShowCaritasWebpage">Mehr erfahren</MatButton>
                </td>
            </tr>
            <tr>
                <td>
                    <MatCaption Style="font-family:Ubuntu">Version: 0.1.0</MatCaption>
                </td>
            </tr>
        </table>
    </div>
    <div class="row no-gutters align-items-end w-100">
        <table class="w-100">
            <tr>
                <td class="text-right">
                    <MatCaption Style="font-family:Ubuntu">Entwickelt durch</MatCaption>
                </td>
            </tr>
            <tr>
                <td class="text-right">
                    <img src="/images/integrate_logo.png" width="80%" />
                </td>
            </tr>
            <tr>
                <td class="text-right">
                    <MatCaption Style="font-family:Ubuntu">Platz 10, Business Village Luzern</MatCaption>
                </td>
            </tr>
            <tr>
                <td class="text-right">
                    <MatCaption Style="font-family:Ubuntu">CH-6039 Root D4</MatCaption>
                </td>
            </tr>
        </table>
    </div>
</div>


@code {

    private void ShowCaritasWebpage() {
        NavigationManager.NavigateTo("http://www.caritas.ch");
    }
}