@page "/About"

<div class="row mx-2">
    <div class="col-12 col-lg-10 offset-lg-1">
        <div class="card">
            <div class="card-header text-center">
                <h1>@Titolo</h1>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-6">
                        <h4>Headquarters</h4>
                        <address>
                            <strong>EgalWare s.r.l.</strong><br />
                            via Nazionale, 93<br />
                            24068 Seriate - BG<br />
                            <abbr title="Phone"><i class="fa-solid fa-square-phone"></i></abbr>
                            +39.035.290178<br />
                            <abbr title="Phone"><i class="fa-solid fa-square-phone"></i></abbr>
                            +39.035.460560
                        </address>
                    </div>
                    <div class="col-6">
                        <img src="images/LogoEgw.png" wi class="img-fluid" />
                    </div>
                    <hr />
                    <div class="col-12">
                        <h4 class="card-title">Version and license</h4>
                    </div>
                    <div class="col-6 small">
                        <strong>GPW</strong><br />
                        <div class="small">v.<b>@version</b></div>
                        <div class="small">@framework</div>
                    </div>
                    <div class="col-6 small">
                        <strong>License:</strong><br />
                        <ul>
                            <li>
                                Scad: @licExpiry
                            </li>
                            <li>
                                Num: @licStatus
                            </li>
                        </ul>
                    </div>
                    <hr />
                    <div class="col-12">
                        <h4 class="card-title">@Messaggio</h4>
                    </div>
                    <div class="col-6 small">
                        <address>
                            <strong>Web:</strong><br />
                            Access to support:<br />
                            <a href="https://support.egalware.com/" target="_blank">our website</a><br />
                        </address>

                    </div>
                    <div class="col-6 small">
                        <address>
                            <strong>Email:</strong><br />
                            Write an email:<br />
                            <a href="mailto:info@egalware.com">info at egalware.com</a>
                        </address>
                    </div>
                </div>
            </div>
            <div class="card-footer d-flex justify-content-around">
                <div class="badge rounded-pill bg-dark px-1 py-0">
                    <div class="px-1">
                        <a class="btn text-light text-decoration-none" href="https://www.egalware.com/" target="_blank">powered by&nbsp;EgalWare <img width="24" class="img-fluid" src="images/LogoEgw.png" /></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>