CaritasPWA/Pages/InfoPage.razor

@page "/info"
@inject NavigationManager NavigationManager;
@inject IStringLocalizer<Resources> i18n

<div class="row px-3 h-100">
    <div class="text-center w-100">
        <img class="w-100" src="/images/caritas_logo.png" style="padding:1em;max-width:320px" />
    </div>
    <div class="row no-gutters align-items-center w-100">
        <table class="w-100">
            <tr>
                <td class="text-center">
                    <p class="text-left" style="max-width: 500px;display:inline-block">@i18n["Abouttext"]</p>
                </td>
            </tr>
            <tr>
                <td class="text-center">
                    <MatButton Raised="true" Class="w-100" @onclick="ShowCaritasWebpage" style="max-width:500px">@i18n["Learnmore"]</MatButton>
                </td>
            </tr>
            <tr>
                <td class="text-center">
                    <MatCaption Style="font-family:Ubuntu">Version: 0.0.1</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">@i18n["DevelopedBy"]</MatCaption>
                </td>
            </tr>
            <tr>
                <td class="text-right">
                    <img src="/images/integrate_logo.png" style="max-width:200px"/>
                </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");
    }
}