<!DOCTYPE html>
<html lang="pt">
<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>PHP PDO CONTACTOS</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,300;0,700;1,400&display=swap" rel="stylesheet">
    <!-- Bootstrap CSS & custom CSS -->
    <link rel="stylesheet" href="assets/bootstrap.min.css">
    <link rel="stylesheet" href="assets/app.css">
    <!-- favicon -->
    <link rel="shortcut icon" href="assets/favicon.png" type="image/png">
</head>
<body>

    <!-- header -->
    <div class="container-fluid">
        <div class="row">
            <div class="col bg-dark text-white p-2">
                <div class="d-flex align-items-center">
                    <img src="assets/favicon.png" alt="PHP PDO Contactos" width="30px" class="img-fluid me-3">
                    <h3 class="m-0 p-0">CONTACTOS</h3>
                </div>
            </div>
        </div>
    </div>

    <!-- wrapper -->
    <div class="container">
        <div class="row my-5">
            <div class="col">