<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Resultado</title>

    <link
        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
        rel="stylesheet"
    >
</head>

<body class="bg-light">

<div class="container py-5">

    <div class="card shadow mx-auto" style="max-width: 500px;">
        <div class="card-body text-center">

            <h1 class="h3">Resultado</h1>

            <p class="fs-5">
                {{ $numero1 }} + {{ $numero2 }}
            </p>

            <div class="alert alert-success fs-3">
                {{ $resultado }}
            </div>

            <a href="{{ route('inicio') }}" class="btn btn-dark">
                Volver
            </a>

        </div>
    </div>

</div>

</body>
</html>