Guía Completa: Crea Secciones, Bloques de Audio y Galerías con HTML y CSS - Página 11 de 11

Título:

📜 Plantilla HTML para Acta de Nacimiento

Descripción:

Esta plantilla en HTML y CSS simula un acta de nacimiento oficial de Venezuela, con un diseño limpio y organizado. Incluye:

✅ Encabezado oficial con la República Bolivariana de Venezuela y el Consejo Nacional Electoral.
✅ Campos de datos estructurados con información del nacimiento, padres y testigos.
✅ Diseño optimizado con estilos en CSS para una visualización clara y profesional.
✅ Fondo rojo representativo de la identidad venezolana.
✅ Campos de solo lectura, evitando modificaciones accidentales.

Ideal para proyectos de digitalización de documentos, demostraciones o generación automática de actas de nacimiento. 🚀

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Acta de Nacimiento - Venezuela</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #b71c1c; /* Fondo rojo */
            margin: 0;
            padding: 20px 0;
            display: flex;
            justify-content: center;
            overflow: auto; /* Permite hacer scroll si es necesario */
        }
        .container {
            max-width: 700px;
            padding: 20px;
            background: white;
            border-radius: 10px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
        }
        .header {
            text-align: center;
            margin-bottom: 20px;
        }
        .header img {
            width: 100%;
            border-radius: 10px 10px 0 0;
        }
        h2, h3 {
            text-align: center;
            color: #333;
            margin: 5px 0;
        }
        .form-group {
            margin-bottom: 15px;
        }
        label {
            font-weight: bold;
            display: block;
            margin-bottom: 5px;
        }
        input {
            width: 100%;
            padding: 8px;
            box-sizing: border-box;
            background-color: #e9ecef;
            border: 1px solid #ced4da;
            border-radius: 5px;
            font-size: 16px;
        }
        input:focus {
            outline: none;
            border-color: #80bdff;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/Pol%C3%ADtica_de_Venezuela.png/1920px-Pol%C3%ADtica_de_Venezuela.png" alt="Encabezado Venezuela">
        </div>
        <h2>REPÚBLICA BOLIVARIANA DE VENEZUELA</h2>
        <h3>CONSEJO NACIONAL ELECTORAL</h3>
        <h3>COMISIÓN DE REGISTRO CIVIL Y ELECTORAL</h3>
        <h3>ESTADO CARABOBO - MUNICIPIO LIBERTADOR</h3>
        <h3>REGISTRO CIVIL</h3>
        <h2>ACTA DE NACIMIENTO</h2>
        
        <div class="form-group">
            <label>Número de Acta</label>
            <input type="text" value="1274" readonly>
        </div>
        <div class="form-group">
            <label>Año de Registro</label>
            <input type="text" value="1977" readonly>
        </div>
        <div class="form-group">
            <label>Nombre del Niño</label>
            <input type="text" value="Miguel Ángel Urbaez Niño" readonly>
        </div>
        <div class="form-group">
            <label>Fecha de Nacimiento</label>
            <input type="text" value="4 de mayo de 1974 - 08:15 AM" readonly>
        </div>
        <div class="form-group">
            <label>Lugar de Nacimiento</label>
            <input type="text" value="Policlínica Gutiérrez, Estado Carabobo" readonly>
        </div>
        <div class="form-group">
            <label>Nombre de la Madre</label>
            <input type="text" value="Isabel Margarita Niño de Urbaez" readonly>
        </div>
        <div class="form-group">
            <label>Cédula de la Madre</label>
            <input type="text" value="V-2.754.457" readonly>
        </div>
        <div class="form-group">
            <label>Nombre del Padre</label>
            <input type="text" value="José Francisco Urbaez Molina" readonly>
        </div>
        <div class="form-group">
            <label>Edad del Padre</label>
            <input type="text" value="34 años" readonly>
        </div>
        <div class="form-group">
            <label>Profesión del Padre</label>
            <input type="text" value="Comerciante" readonly>
        </div>
        <div class="form-group">
            <label>Testigos</label>
            <input type="text" value="Angela Alvarez, Celin Asuaje" readonly>
        </div>
        <div class="form-group">
            <label>Fecha de Registro</label>
            <input type="text" value="1 de junio de 1977" readonly>
        </div>
        <div class="form-group">
            <label>Fecha de Copia Certificada</label>
            <input type="text" value="2 de septiembre de 1987" readonly>
        </div>
    </div>
</body>
</html>

Título:

Descripción:

Tendencia ahora