Untitled

<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Proyecto Ventas</title>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp" crossorigin="anonymous">
    <script defer src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"
        integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3"
        crossorigin="anonymous"></script>
    <script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/js/bootstrap.min.js"
        integrity="sha384-heAjqF+bCxXpCWLa6Zhcp4fu20XoNIA98ecBC1YkdXhszjoejr5y9Q77hIrv8R9i"
        crossorigin="anonymous"></script>

    <link rel="stylesheet" href="css/style.css" type="text/css">
    <script defer src="js/main.js" type="text/javascript"></script>
</head>

<body class="bg-dark bg-gradient text-light">
    <header>
    </header>

    <main>
        <header>
            <h4>Nueva Factura</h4>
        </header>
        <form method="post" id="formAlta" action="">
            <section>
                <h6>Datos del Cliente</h6>
                <div class="row m-2">
                    <label for="inputCliente" class="col-sm-2 col-form-label">Datos del Cliente</label>
                    <div class="col-sm-4">
                        <input type="text" class="form-control" id="inputCliente">
                    </div>
                    <label for="inputDNI" class="col-sm-2 col-form-label">DNI</label>
                    <div class="col-sm-4">
                        <input type="text" class="form-control" id="inputDNI">
                    </div>
                </div>
                <div class="row m-2">
                    <label for="inputDireccion" class="col-sm-2 col-form-label">Direccion</label>
                    <div class="col-sm-4">
                        <input type="text" class="form-control" id="inputDireccion">
                    </div>
                    <label for="inputTelefono" class="col-sm-2 col-form-label">Telefono</label>
                    <div class="col-sm-4">
                        <input type="text" class="form-control" id="inputTelefono">
                    </div>
                </div>

                <h6>Datos de Pago</h6>


                <h6>Productos</h7>

            </section>
        </form>
    </main>
    <footer>
        <button id="btnGuardar" class="btn btn-success" type="button">Guardar</button>
        <button class="btn btn-light" type="button">Imprimir</button>
        <button class="btn btn-danger" type="reset">Resetear</button>
        <p>Insertar datos del estudiante</p>
    </footer>
    </form>

</body>

</html>