Añadir SEO
This commit is contained in:
parent
8dd706b0d2
commit
429cc7cbf1
GPG key ID:
8CEC888F3808979D
12 changed files with 373 additions and 24 deletions
142
web/acerca.html
Normal file
142
web/acerca.html
Normal file
|
|
@ -0,0 +1,142 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- Accesibilidad/SEO -->
|
||||
<meta name="robots" content="index, follow">
|
||||
<meta name="language" content="es">
|
||||
<link rel="icon" href="https://pnh.09072007.xyz/logo.png" type="image/png">
|
||||
<link rel="canonical" href="https://pnh.09072007.xyz/acerca.html">
|
||||
|
||||
<!-- Open Graph comunes -->
|
||||
<meta property="og:site_name" content="Partido Nacional Hispanista">
|
||||
<meta property="og:locale" content="es_ES">
|
||||
|
||||
<!-- Twitter -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:site" content="@PNHispanista">
|
||||
|
||||
<!-- (Opcional) Color del navegador móvil -->
|
||||
<meta name="theme-color" content="#A10F2B">
|
||||
|
||||
<!-- (Opcional) Datos estructurados de la organización -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Organization",
|
||||
"name": "Partido Nacional Hispanista",
|
||||
"url": "https://pnh.09072007.xyz/",
|
||||
"logo": "https://pnh.09072007.xyz/logo.png",
|
||||
"sameAs": [
|
||||
"https://instagram.com/PNHispanista",
|
||||
"https://twitter.com/PNHispanista"
|
||||
]
|
||||
}
|
||||
</script>
|
||||
|
||||
<title>Acerca del Partido Nacional Hispanista</title>
|
||||
<meta name="description" content="Origen, misión y visión del PNH: movimiento cultural, espiritual y político al servicio de la Hispanidad.">
|
||||
<meta name="keywords" content="Acerca de, quiénes somos, Partido Nacional Hispanista, misión, visión">
|
||||
<meta name="author" content="Partido Nacional Hispanista">
|
||||
|
||||
<meta property="og:title" content="Acerca del Partido Nacional Hispanista">
|
||||
<meta property="og:description" content="Quiénes somos, por qué existimos y qué defendemos.">
|
||||
<meta property="og:type" content="profile">
|
||||
<meta property="og:url" content="https://pnh.09072007.xyz/acerca.html">
|
||||
<meta property="og:image" content="https://pnh.09072007.xyz/logo.png">
|
||||
|
||||
<meta name="twitter:title" content="Acerca del Partido Nacional Hispanista">
|
||||
<meta name="twitter:description" content="Quiénes somos, por qué existimos y qué defendemos.">
|
||||
<meta name="twitter:image" content="https://pnh.09072007.xyz/logo.png">
|
||||
<link rel="canonical" href="https://pnh.09072007.xyz/acerca.html">
|
||||
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Encabezado con el logo y el menú de navegación -->
|
||||
<header>
|
||||
<!-- Logo del Partido Nacional Hispanista -->
|
||||
<div class="logo">
|
||||
<img src="logo.png" alt="Logo del Partido Nacional Hispanista">
|
||||
<h1>Acerca de nosotros</h1>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Inicio</a></li>
|
||||
<li><a href="acerca.html">Acerca de Nosotros</a></li>
|
||||
<li><a href="ideologia.html">Ideología</a></li>
|
||||
<li><a href="propuestas.html">Propuestas</a></li>
|
||||
<li><a href="eventos.html">Eventos</a></li>
|
||||
<li><a href="unete.html">Únete</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<!-- Sección de Inicio con Banner -->
|
||||
<section id="inicio" class="banner">
|
||||
<img src="banner.png" alt="Banner de Unidad del Partido Nacional Hispanista" class="banner-image">
|
||||
<div class="banner-text">
|
||||
<h2>Unidos por la Hispanidad, la Cultura y el Futuro</h2>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="acerca" class="content">
|
||||
<h2>Acerca de Nosotros</h2>
|
||||
|
||||
<div class="ideology-item">
|
||||
<h3>Un origen humilde, una visión elevada</h3>
|
||||
<p>
|
||||
El <strong>Partido Nacional Hispanista (PNH)</strong> no nació en un despacho lleno de asesores ni entre promesas huecas de campaña. Surgió en torno a una mesa —una de verdad, de madera, no de mármol institucional— donde un pequeño grupo de jóvenes con conciencia, ideales firmes y pasión histórica decidieron encender una antorcha en medio de la oscuridad ideológica que atraviesa el mundo hispano.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="ideology-item">
|
||||
<h3>Mucho más que política</h3>
|
||||
<p>
|
||||
El PNH es más que una organización política: es un <strong>movimiento cultural, espiritual y civilizatorio</strong> que recoge el legado de nuestros pueblos, la herencia católica y la visión de unidad continental. Apostamos por la construcción de una <strong>Federación Hispánica</strong>, basada en la justicia social, la soberanía nacional y el respeto por la identidad común que nos une desde el Río Bravo hasta la Patagonia, desde Cádiz hasta Manila.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="ideology-item">
|
||||
<h3>No buscamos cargos, buscamos causas</h3>
|
||||
<p>
|
||||
No nos mueve el poder, nos mueve el <em>deber</em>. En un tiempo donde impera la mentira, reivindicamos la verdad sin maquillaje: España está fragmentada, Hispanoamérica está sometida, y la Hispanidad entera merece algo mejor.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="ideology-item">
|
||||
<h3>Lo que defendemos</h3>
|
||||
<ul>
|
||||
<li>La unidad de los pueblos hispánicos mediante una estructura federal con respeto a la autonomía local.</li>
|
||||
<li>El regreso a los valores tradicionales: <em>Fe, Familia, Comunidad y Patria</em>.</li>
|
||||
<li>La defensa del catolicismo como raíz espiritual y cultural irrenunciable del mundo hispano.</li>
|
||||
<li>La soberanía tecnológica: software libre como norma y no como excepción.</li>
|
||||
<li>El uso de Bitcoin como herramienta de libertad monetaria frente al sistema bancario opresivo.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="ideology-item">
|
||||
<h3>Una generación que ha dicho basta</h3>
|
||||
<p>
|
||||
Somos una generación que ha dicho <strong>basta</strong>. Basta de mentiras, de abandono, de gobiernos que no representan a su pueblo. El PNH no es el futuro: <strong>es el presente que despierta</strong>. Y todo aquel que ame a su tierra, su fe y su lengua, tiene un lugar entre nuestras filas.
|
||||
</p>
|
||||
<p>
|
||||
Unidos por la Hispanidad. Comprometidos con la Verdad. Determinados a construir una nueva historia.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Pie de página -->
|
||||
<footer>
|
||||
<p>© 2025 Partido Nacional Hispanista | Síguenos en <a href="https://instagram.com/PNHispanista">Instagram</a> y <a href="https://twitter.com/PNHispanista">Twitter</a></p>
|
||||
<p>El código de esta web está disponible en <a href="http://gitlab.com/pnhispanista/web">Gitlab</a>.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
BIN
web/banner.png
Normal file
BIN
web/banner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
109
web/eventos.html
Normal file
109
web/eventos.html
Normal file
|
|
@ -0,0 +1,109 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- Accesibilidad/SEO -->
|
||||
<meta name="robots" content="index, follow">
|
||||
<meta name="language" content="es">
|
||||
<link rel="icon" href="https://pnh.09072007.xyz/logo.png" type="image/png">
|
||||
<link rel="canonical" href="https://pnh.09072007.xyz/eventos.html">
|
||||
|
||||
<!-- Open Graph comunes -->
|
||||
<meta property="og:site_name" content="Partido Nacional Hispanista">
|
||||
<meta property="og:locale" content="es_ES">
|
||||
|
||||
<!-- Twitter -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:site" content="@PNHispanista">
|
||||
|
||||
<!-- (Opcional) Color del navegador móvil -->
|
||||
<meta name="theme-color" content="#A10F2B">
|
||||
|
||||
<!-- (Opcional) Datos estructurados de la organización -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Organization",
|
||||
"name": "Partido Nacional Hispanista",
|
||||
"url": "https://pnh.09072007.xyz/",
|
||||
"logo": "https://pnh.09072007.xyz/logo.png",
|
||||
"sameAs": [
|
||||
"https://instagram.com/PNHispanista",
|
||||
"https://twitter.com/PNHispanista"
|
||||
]
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<title>Eventos y Actividades - Partido Nacional Hispanista</title>
|
||||
<meta name="description" content="Calendario de actos, conferencias y encuentros del PNH. Descubre cómo participar.">
|
||||
<meta name="keywords" content="Eventos, actividades, conferencias, PNH, Hispanidad">
|
||||
<meta name="author" content="Partido Nacional Hispanista">
|
||||
|
||||
<meta property="og:title" content="Eventos del Partido Nacional Hispanista">
|
||||
<meta property="og:description" content="Próximos actos y encuentros por la Hispanidad.">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://pnh.09072007.xyz/eventos.html">
|
||||
<meta property="og:image" content="https://pnh.09072007.xyz/logo.png">
|
||||
|
||||
<meta name="twitter:title" content="Eventos del Partido Nacional Hispanista">
|
||||
<meta name="twitter:description" content="Próximos actos y encuentros por la Hispanidad.">
|
||||
<meta name="twitter:image" content="https://pnh.09072007.xyz/logo.png">
|
||||
<link rel="canonical" href="https://pnh.09072007.xyz/eventos.html">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Encabezado con el logo y el menú de navegación -->
|
||||
<header>
|
||||
<!-- Logo del Partido Nacional Hispanista -->
|
||||
<div class="logo">
|
||||
<img src="logo.png" alt="Logo del Partido Nacional Hispanista">
|
||||
<h1>Eventos</h1>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Inicio</a></li>
|
||||
<li><a href="acerca.html">Acerca de Nosotros</a></li>
|
||||
<li><a href="ideologia.html">Ideología</a></li>
|
||||
<li><a href="propuestas.html">Propuestas</a></li>
|
||||
<li><a href="eventos.html">Eventos</a></li>
|
||||
<li><a href="unete.html">Únete</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<!-- Sección de Inicio con Banner -->
|
||||
<section id="inicio" class="banner">
|
||||
<img src="banner.png" alt="Banner de Unidad del Partido Nacional Hispanista" class="banner-image">
|
||||
<div class="banner-text">
|
||||
<h2>Unidos por la Hispanidad, la Cultura y el Futuro</h2>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Sección Eventos -->
|
||||
<section id="eventos" class="content">
|
||||
<p>Estamos trabajando activamente en la organización de nuestros primeros actos públicos y conferencias.</p>
|
||||
|
||||
<div class="evento">
|
||||
<h3>Aún no hay eventos programados</h3>
|
||||
<p>Por el momento, no hay eventos confirmados. Pero que no le engañe el silencio: estamos forjando algo grande.</p>
|
||||
<p>En breve anunciaremos nuestros primeros encuentros, ponencias ideológicas, y actos presenciales para dar voz al ideal hispánico que defendemos con convicción.</p>
|
||||
<p>Permanezca atento a esta sección o síganos en nuestras redes para no perderse ninguna convocatoria.</p>
|
||||
</div>
|
||||
|
||||
<p style="margin-top: 2rem;">¿Le gustaría organizar un evento del PNH en su ciudad? Escríbanos un <a href="mailto:eventos@pnh.09072007.xyz">email</a>.</p>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Pie de página -->
|
||||
<footer>
|
||||
<p>© 2025 Partido Nacional Hispanista | Síguenos en <a href="https://instagram.com/PNHispanista">Instagram</a> y <a href="https://twitter.com/PNHispanista">Twitter</a></p>
|
||||
<p>El código de esta web está disponible en <a href="http://gitlab.com/pnhispanista/web">Gitlab</a>.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
136
web/ideologia.html
Normal file
136
web/ideologia.html
Normal file
|
|
@ -0,0 +1,136 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- Accesibilidad/SEO -->
|
||||
<meta name="robots" content="index, follow">
|
||||
<meta name="language" content="es">
|
||||
<link rel="icon" href="https://pnh.09072007.xyz/logo.png" type="image/png">
|
||||
<link rel="canonical" href="https://pnh.09072007.xyz/ideologia.html">
|
||||
|
||||
<!-- Open Graph comunes -->
|
||||
<meta property="og:site_name" content="Partido Nacional Hispanista">
|
||||
<meta property="og:locale" content="es_ES">
|
||||
|
||||
<!-- Twitter -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:site" content="@PNHispanista">
|
||||
|
||||
<!-- (Opcional) Color del navegador móvil -->
|
||||
<meta name="theme-color" content="#A10F2B">
|
||||
|
||||
<!-- (Opcional) Datos estructurados de la organización -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Organization",
|
||||
"name": "Partido Nacional Hispanista",
|
||||
"url": "https://pnh.09072007.xyz/",
|
||||
"logo": "https://pnh.09072007.xyz/logo.png",
|
||||
"sameAs": [
|
||||
"https://instagram.com/PNHispanista",
|
||||
"https://twitter.com/PNHispanista"
|
||||
]
|
||||
}
|
||||
</script>
|
||||
|
||||
<title>Ideología del Partido Nacional Hispanista</title>
|
||||
<meta name="description" content="Fundamentos: Hispanidad orgánica, tradición católica, soberanía tecnológica y justicia social.">
|
||||
<meta name="keywords" content="Ideología, Hispanidad, tradición católica, soberanía, nacionalismo hispano">
|
||||
<meta name="author" content="Partido Nacional Hispanista">
|
||||
|
||||
<meta property="og:title" content="Ideología del Partido Nacional Hispanista">
|
||||
<meta property="og:description" content="Principios doctrinales para una Hispanidad unida y soberana.">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:url" content="https://pnh.09072007.xyz/ideologia.html">
|
||||
<meta property="og:image" content="https://pnh.09072007.xyz/logo.png">
|
||||
|
||||
<meta name="twitter:title" content="Ideología del Partido Nacional Hispanista">
|
||||
<meta name="twitter:description" content="Principios doctrinales para una Hispanidad unida y soberana.">
|
||||
<meta name="twitter:image" content="https://pnh.09072007.xyz/logo.png">
|
||||
<link rel="canonical" href="https://pnh.09072007.xyz/ideologia.html">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Encabezado con el logo y el menú de navegación -->
|
||||
<header>
|
||||
<div class="logo">
|
||||
<img src="logo.png" alt="Logo del Partido Nacional Hispanista">
|
||||
<h1>Ideología</h1>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Inicio</a></li>
|
||||
<li><a href="acerca.html">Acerca de Nosotros</a></li>
|
||||
<li><a href="ideologia.html">Ideología</a></li>
|
||||
<li><a href="propuestas.html">Propuestas</a></li>
|
||||
<li><a href="eventos.html">Eventos</a></li>
|
||||
<li><a href="unete.html">Únete</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<!-- Sección de Inicio con Banner -->
|
||||
<section id="inicio" class="banner">
|
||||
<img src="banner.png" alt="Banner de Unidad del Partido Nacional Hispanista" class="banner-image">
|
||||
<div class="banner-text">
|
||||
<h2>Unidos por la Hispanidad, la Cultura y el Futuro</h2>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="ideologia" class="content">
|
||||
|
||||
<article class="ideology-item">
|
||||
<h3>Unidad Orgánica de la Hispanidad</h3>
|
||||
<div>
|
||||
El Partido Nacional Hispanista proclama sin ambages que la hispanidad no es una ficción histórica ni un recuerdo colonial: es una comunidad viva, espiritual y cultural, llamada a reencontrarse bajo una estructura federal con voluntad política propia.
|
||||
Nuestra meta es restaurar la gran unidad entre las naciones hispanas, bajo el principio de subsidiariedad y respeto por las identidades regionales. Como un árbol cuyas ramas se extienden por el mundo pero cuyas raíces son comunes, así debe ser la Federación Hispánica: unida en el espíritu, diversa en su forma.
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="ideology-item">
|
||||
<h3>Catolicismo como Alma de la Nación</h3>
|
||||
<div>
|
||||
No concebimos una civilización sin alma, ni una patria sin fe. La religión católica es el fundamento moral, histórico y cultural de nuestros pueblos. Lejos de imponer una teocracia, defendemos una nación cuyos principios se anclen en la doctrina social de la Iglesia: justicia social, bien común, dignidad humana y caridad política.
|
||||
El catolicismo no es una imposición: es la savia de nuestra historia, y el cimiento invisible que permite a la sociedad crecer con orden, con propósito y con verdad.
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="ideology-item">
|
||||
<h3>Soberanía Tecnológica y Software Libre</h3>
|
||||
<div>
|
||||
En una era dominada por el espionaje digital y la dependencia tecnológica, levantar una patria soberana implica emanciparse del yugo de las multinacionales informáticas. Apostamos por el software libre como herramienta de independencia, transparencia y autodeterminación.
|
||||
Las instituciones del Estado deben funcionar con tecnologías auditables, sin puertas traseras ni servidumbres extranjeras. Solo así garantizaremos un verdadero control ciudadano y una libertad digital real.
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="ideology-item">
|
||||
<h3>Bitcoin y el Derecho a la Propiedad Monetaria</h3>
|
||||
<div>
|
||||
En un mundo donde la inflación es el impuesto de los poderosos sobre los pobres, proponemos una revolución financiera pacífica: convertir a Bitcoin en pilar de la economía.
|
||||
Su adopción progresiva como reserva estratégica y como respaldo de la moneda nacional permitiría a los pueblos hispanos recuperar el control sobre su riqueza. Bitcoin es una herramienta de dignidad económica frente al saqueo monetario de los bancos centrales y sus cómplices.
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="ideology-item">
|
||||
<h3>Una Política al Servicio del Pueblo</h3>
|
||||
<div>
|
||||
La política no debe servir a las élites ni a intereses internacionales: debe servir al pueblo, proteger su cultura, garantizar sus derechos y cultivar su alma.
|
||||
Aspiramos a una democracia orgánica, donde la representación no se base en marketing electoral, sino en deber, competencia y servicio a la comunidad.
|
||||
Rechazamos el partidismo vacío, la burocracia parasitaria y el caos liberal. Apostamos por una patria ordenada, justa y profundamente humana.
|
||||
</div>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Pie de página -->
|
||||
<footer>
|
||||
<p>© 2025 Partido Nacional Hispanista | Síguenos en <a href="https://instagram.com/PNHispanista">Instagram</a> y <a href="https://twitter.com/PNHispanista">Twitter</a></p>
|
||||
<p>El código de esta web está disponible en <a href="http://gitlab.com/pnhispanista/web">Gitlab</a>.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
129
web/index.html
Normal file
129
web/index.html
Normal file
|
|
@ -0,0 +1,129 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- Accesibilidad/SEO -->
|
||||
<meta name="robots" content="index, follow">
|
||||
<meta name="language" content="es">
|
||||
<link rel="icon" href="https://pnh.09072007.xyz/logo.png" type="image/png">
|
||||
<link rel="canonical" href="https://pnh.09072007.xyz">
|
||||
|
||||
<!-- Open Graph comunes -->
|
||||
<meta property="og:site_name" content="Partido Nacional Hispanista">
|
||||
<meta property="og:locale" content="es_ES">
|
||||
|
||||
<!-- Twitter -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:site" content="@PNHispanista">
|
||||
|
||||
<!-- (Opcional) Color del navegador móvil -->
|
||||
<meta name="theme-color" content="#A10F2B">
|
||||
|
||||
<!-- (Opcional) Datos estructurados de la organización -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Organization",
|
||||
"name": "Partido Nacional Hispanista",
|
||||
"url": "https://pnh.09072007.xyz/",
|
||||
"logo": "https://pnh.09072007.xyz/logo.png",
|
||||
"sameAs": [
|
||||
"https://instagram.com/PNHispanista",
|
||||
"https://twitter.com/PNHispanista"
|
||||
]
|
||||
}
|
||||
</script>
|
||||
|
||||
<title>Partido Nacional Hispanista - Unidad y Soberanía de la Hispanidad</title>
|
||||
<meta name="description" content="Movimiento político y cultural por la unidad de la Hispanidad. Tradición católica, soberanía tecnológica y justicia social.">
|
||||
<meta name="keywords" content="Partido Nacional Hispanista, Hispanidad, catolicismo, soberanía tecnológica, unidad hispana, política">
|
||||
<meta name="author" content="Partido Nacional Hispanista">
|
||||
|
||||
<meta property="og:title" content="Partido Nacional Hispanista">
|
||||
<meta property="og:description" content="Unidos por la Hispanidad, la Cultura y el Futuro.">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://pnh.09072007.xyz/">
|
||||
<meta property="og:image" content="https://pnh.09072007.xyz/banner.png">
|
||||
|
||||
<meta name="twitter:title" content="Partido Nacional Hispanista">
|
||||
<meta name="twitter:description" content="Unidos por la Hispanidad, la Cultura y el Futuro.">
|
||||
<meta name="twitter:image" content="https://pnh.09072007.xyz/banner.png">
|
||||
<link rel="canonical" href="https://pnh.09072007.xyz/">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<script src="https://tinylytics.app/embed/-36szPg-65n_eHyuCcfE.js" defer></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<!-- Encabezado con el logo y el menú de navegación -->
|
||||
<header>
|
||||
<!-- Logo del Partido Nacional Hispanista -->
|
||||
<div class="logo">
|
||||
<img src="logo.png" alt="Logo del Partido Nacional Hispanista">
|
||||
<h1>Partido Nacional Hispanista</h1>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Inicio</a></li>
|
||||
<li><a href="acerca.html">Acerca de Nosotros</a></li>
|
||||
<li><a href="ideologia.html">Ideología</a></li>
|
||||
<li><a href="propuestas.html">Propuestas</a></li>
|
||||
<li><a href="eventos.html">Eventos</a></li>
|
||||
<li><a href="unete.html">Únete</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<!-- Sección de Inicio con Banner -->
|
||||
<section id="inicio" class="banner">
|
||||
<img src="banner.png" alt="Banner de Unidad del Partido Nacional Hispanista" class="banner-image">
|
||||
<div class="banner-text">
|
||||
<h2>Unidos por la Hispanidad, la Cultura y el Futuro</h2>
|
||||
<a href="unete.html" class="button">Únete a Nosotros</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Sección de Visión y Valores -->
|
||||
<section id="vision-valores" class="content">
|
||||
<h2>Nuestra Visión</h2>
|
||||
<p>En el Partido Nacional Hispanista trabajamos para consolidar una Hispanidad unida, próspera y en defensa de nuestros valores tradicionales. Proponemos políticas que fomenten la integración de los países hispánicos, con un enfoque en la cultura, la justicia social y el respeto por nuestra identidad.</p>
|
||||
<p> </p>
|
||||
<a href="ideologia.html" class="button">Descubre Nuestra Ideología</a>
|
||||
</section>
|
||||
|
||||
<!-- Sección de Propuestas -->
|
||||
<section id="propuestas" class="content">
|
||||
<h2>Propuestas</h2>
|
||||
<p>Presentamos una serie de propuestas concretas para llevar a cabo la transformación que necesitamos en nuestra sociedad. Desde la promoción de la unidad hispánica hasta la adopción de políticas que fortalezcan la economía nacional.</p>
|
||||
<p> </p>
|
||||
<a href="propuestas.html" class="button">Ver Propuestas</a>
|
||||
</section>
|
||||
|
||||
<!-- Sección de Eventos Destacados -->
|
||||
<section id="eventos" class="content">
|
||||
<h2>Eventos y Actividades</h2>
|
||||
<p>Participa en nuestras próximas actividades y encuentros para discutir y colaborar en el fortalecimiento de nuestra visión. </p>
|
||||
<p> </p>
|
||||
<a href="eventos.html" class="button">Ver Próximos Eventos</a>
|
||||
</section>
|
||||
|
||||
<!-- Sección de Llamado a la Acción -->
|
||||
<section id="cta" class="cta">
|
||||
<h3>¿Estás listo para unirte al cambio?</h3>
|
||||
<p>Si te apasiona la causa, si crees en la Hispanidad y en los valores que defendemos, no dudes en formar parte de este movimiento histórico.</p>
|
||||
<p> </p>
|
||||
<a href="unete.html" class="button cta-button">Únete Ahora</a>
|
||||
</section>
|
||||
|
||||
<!-- Pie de página -->
|
||||
<footer>
|
||||
<p>© 2025 Partido Nacional Hispanista | Síguenos en <a href="https://instagram.com/PNHispanista">Instagram</a> y <a href="https://twitter.com/PNHispanista">Twitter</a></p>
|
||||
<p>El código de esta web está disponible en <a href="http://gitlab.com/pnhispanista/web">Gitlab</a>.</p>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
web/logo.png
Normal file
BIN
web/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
138
web/propuestas.html
Normal file
138
web/propuestas.html
Normal file
|
|
@ -0,0 +1,138 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- Accesibilidad/SEO -->
|
||||
<meta name="robots" content="index, follow">
|
||||
<meta name="language" content="es">
|
||||
<link rel="icon" href="https://pnh.09072007.xyz/logo.png" type="image/png">
|
||||
<link rel="canonical" href="https://pnh.09072007.xyz/propuestas.html">
|
||||
|
||||
<!-- Open Graph comunes -->
|
||||
<meta property="og:site_name" content="Partido Nacional Hispanista">
|
||||
<meta property="og:locale" content="es_ES">
|
||||
|
||||
<!-- Twitter -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:site" content="@PNHispanista">
|
||||
|
||||
<!-- (Opcional) Color del navegador móvil -->
|
||||
<meta name="theme-color" content="#A10F2B">
|
||||
|
||||
<!-- (Opcional) Datos estructurados de la organización -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Organization",
|
||||
"name": "Partido Nacional Hispanista",
|
||||
"url": "https://pnh.09072007.xyz/",
|
||||
"logo": "https://pnh.09072007.xyz/logo.png",
|
||||
"sameAs": [
|
||||
"https://instagram.com/PNHispanista",
|
||||
"https://twitter.com/PNHispanista"
|
||||
]
|
||||
}
|
||||
</script>
|
||||
|
||||
<title>Propuestas - Partido Nacional Hispanista</title>
|
||||
<meta name="description" content="Programa: educación en cultura hispánica, soberanía tecnológica, Bitcoin y unidad hispana.">
|
||||
<meta name="keywords" content="Propuestas, programa político, educación, software libre, Bitcoin, Hispanidad">
|
||||
<meta name="author" content="Partido Nacional Hispanista">
|
||||
|
||||
<meta property="og:title" content="Propuestas del Partido Nacional Hispanista">
|
||||
<meta property="og:description" content="Agenda política para una nación soberana y justa.">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:url" content="https://pnh.09072007.xyz/propuestas.html">
|
||||
<meta property="og:image" content="https://pnh.09072007.xyz/logo.png">
|
||||
|
||||
<meta name="twitter:title" content="Propuestas del Partido Nacional Hispanista">
|
||||
<meta name="twitter:description" content="Agenda política para una nación soberana y justa.">
|
||||
<meta name="twitter:image" content="https://pnh.09072007.xyz/logo.png">
|
||||
<link rel="canonical" href="https://pnh.09072007.xyz/propuestas.html">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<!-- Agregar iconos para cada sección (opcional) -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Encabezado con el logo y el menú de navegación -->
|
||||
<header>
|
||||
<div class="logo">
|
||||
<img src="logo.png" alt="Logo del Partido Nacional Hispanista">
|
||||
<h1>Nuestras Propuestas</h1>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Inicio</a></li>
|
||||
<li><a href="acerca.html">Acerca de Nosotros</a></li>
|
||||
<li><a href="ideologia.html">Ideología</a></li>
|
||||
<li><a href="propuestas.html">Propuestas</a></li>
|
||||
<li><a href="eventos.html">Eventos</a></li>
|
||||
<li><a href="unete.html">Únete</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<!-- Sección de Inicio con Banner -->
|
||||
<section id="inicio" class="banner">
|
||||
<img src="banner.png" alt="Banner de Unidad del Partido Nacional Hispanista" class="banner-image">
|
||||
<div class="banner-text">
|
||||
<h2>Unidos por la Hispanidad, la Cultura y el Futuro</h2>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Sección Propuestas -->
|
||||
<section id="propuestas" class="content">
|
||||
<div class="proposal-container">
|
||||
<div class="proposal">
|
||||
<i class="fas fa-globe-americas"></i>
|
||||
<h2>Unificación Hispana</h2>
|
||||
<p>Proponemos la unificación de todos los países hispanohablantes en una <strong>Monarquía Parlamentaria Federal</strong>, donde se respete la autonomía regional, pero siempre bajo una visión común de identidad cultural y unidad política.</p>
|
||||
</div>
|
||||
|
||||
<div class="proposal">
|
||||
<i class="fas fa-book"></i>
|
||||
<h2>Educación</h2>
|
||||
<p>Fomentar una educación en <strong>Cultura Hispánica</strong> que garantice la preservación y transmisión de nuestras raíces y valores, con especial énfasis en el respeto a la tradición y la lengua.</p>
|
||||
</div>
|
||||
|
||||
<div class="proposal">
|
||||
<i class="fas fa-laptop"></i>
|
||||
<h2>Software Libre</h2>
|
||||
<p>Impulsar el uso del <strong>Software Libre</strong> tanto en el sector público como privado, asegurando la libertad digital y el progreso tecnológico accesible para todos los ciudadanos, sin restricciones ni dependencias externas.</p>
|
||||
</div>
|
||||
|
||||
<div class="proposal">
|
||||
<i class="fab fa-btc"></i>
|
||||
<h2>Bitcoin y Economía Digital</h2>
|
||||
<p>Promover la <strong>adopción de Bitcoin</strong> como moneda oficial del estado, fomentando una economía basada en la independencia financiera y la estabilidad, lejos de las manipulaciones de los sistemas monetarios tradicionales.</p>
|
||||
</div>
|
||||
|
||||
<!-- Nuevas Propuestas -->
|
||||
<div class="proposal">
|
||||
<i class="fas fa-people-carry"></i>
|
||||
<h2>Justicia Social y Soberanía Nacional</h2>
|
||||
<p>Proponemos un sistema de justicia social que garantice la igualdad de oportunidades para todos, sin perder de vista la soberanía nacional y el bienestar de nuestra gente. La economía debe estar al servicio del pueblo y no al revés.</p>
|
||||
</div>
|
||||
|
||||
<div class="proposal">
|
||||
<i class="fas fa-shield-alt"></i>
|
||||
<h2>Defensa Nacional</h2>
|
||||
<p>Fortalecer nuestras fuerzas armadas para garantizar la defensa de la hispanidad, protegiendo nuestras fronteras, nuestra cultura y nuestra identidad ante las amenazas externas e internas.</p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pie de página -->
|
||||
<footer>
|
||||
<p>© 2025 Partido Nacional Hispanista | Síguenos en <a href="https://instagram.com/PNHispanista">Instagram</a> y <a href="https://twitter.com/PNHispanista">Twitter</a></p>
|
||||
<p>El código de esta web está disponible en <a href="http://gitlab.com/pnhispanista/web">Gitlab</a>.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
5
web/robots.txt
Normal file
5
web/robots.txt
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
User-agent: *
|
||||
Allow: /
|
||||
|
||||
Sitemap: https://pnh.09072007.xyz/sitemap.xml
|
||||
|
||||
48
web/sitemap.xml
Normal file
48
web/sitemap.xml
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
|
||||
<url>
|
||||
<loc>https://pnh.09072007.xyz/</loc>
|
||||
<lastmod>2025-08-21</lastmod>
|
||||
<priority>1.0</priority>
|
||||
<changefreq>weekly</changefreq>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://pnh.09072007.xyz/acerca.html</loc>
|
||||
<lastmod>2025-08-21</lastmod>
|
||||
<priority>0.7</priority>
|
||||
<changefreq>yearly</changefreq>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://pnh.09072007.xyz/ideologia.html</loc>
|
||||
<lastmod>2025-08-21</lastmod>
|
||||
<priority>0.8</priority>
|
||||
<changefreq>monthly</changefreq>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://pnh.09072007.xyz/propuestas.html</loc>
|
||||
<lastmod>2025-08-21</lastmod>
|
||||
<priority>0.8</priority>
|
||||
<changefreq>monthly</changefreq>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://pnh.09072007.xyz/eventos.html</loc>
|
||||
<lastmod>2025-08-21</lastmod>
|
||||
<priority>0.6</priority>
|
||||
<changefreq>weekly</changefreq>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://pnh.09072007.xyz/unete.html</loc>
|
||||
<lastmod>2025-08-21</lastmod>
|
||||
<priority>0.9</priority>
|
||||
<changefreq>monthly</changefreq>
|
||||
</url>
|
||||
|
||||
</urlset>
|
||||
|
||||
418
web/styles.css
Normal file
418
web/styles.css
Normal file
|
|
@ -0,0 +1,418 @@
|
|||
/* Estilos básicos de reset */
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Estilos generales */
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
color: #333;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
/* Encabezado y navegación */
|
||||
header {
|
||||
background-color: #A10F2B;
|
||||
color: #fff;
|
||||
padding: 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
header nav ul {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
header nav ul li {
|
||||
margin: 0 1rem;
|
||||
}
|
||||
|
||||
header nav ul li a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
|
||||
header nav ul li a:hover {
|
||||
color: #FFD700;
|
||||
}
|
||||
|
||||
/* Banner principal */
|
||||
.banner {
|
||||
color: #fff;
|
||||
padding: 2rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.evento {
|
||||
background-color: #fafafa;
|
||||
border-left: 4px solid #A10F2B;
|
||||
padding: 1rem;
|
||||
margin-top: 1.5rem;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.evento h3 {
|
||||
color: #A10F2B;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.evento p {
|
||||
margin: 0.3rem 0;
|
||||
}
|
||||
|
||||
/* Estilo para la sección "ÚNETE" */
|
||||
#unete {
|
||||
padding: 2rem 3rem;
|
||||
background-color: #f9f9f9;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#unete h2 {
|
||||
color: #A10F2B;
|
||||
font-size: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
#unete p {
|
||||
font-size: 1rem;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.form-container {
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 8px;
|
||||
padding: 1.5rem;
|
||||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.form-container h3 {
|
||||
color: #A10F2B;
|
||||
font-size: 1.6rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.form-wrapper {
|
||||
margin-top: 1.5rem;
|
||||
position: relative;
|
||||
height: 500px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
/* Estilo para la sección de contacto */
|
||||
#contacto {
|
||||
padding: 2rem 3rem;
|
||||
background-color: #fff;
|
||||
color: #333;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
#contacto h2 {
|
||||
color: #A10F2B;
|
||||
font-size: 1.8rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
#contacto p {
|
||||
font-size: 1rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Estilo para el botón de contacto */
|
||||
|
||||
.button {
|
||||
display: inline-block; /* Asegúrate de que el botón sea un bloque en línea */
|
||||
padding: 12px 25px;
|
||||
background-color: #0056b3;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
font-weight: bold;
|
||||
margin-top: 20px;
|
||||
margin-left: auto; /* Esto coloca el botón a la izquierda */
|
||||
margin-right: auto; /* Y lo alinea a la derecha, efectivamente centrando */
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background-color: #003d7a;
|
||||
}
|
||||
|
||||
.cta {
|
||||
background-color: #f7f7f7;
|
||||
padding: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cta-button {
|
||||
background-color: #e60000;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Contenedor de las propuestas */
|
||||
.proposal-container {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
gap: 20px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.proposal {
|
||||
background-color: #f4f4f4;
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.proposal h2 {
|
||||
color: #333;
|
||||
font-size: 1.5rem;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.proposal i {
|
||||
font-size: 3rem;
|
||||
color: #0056b3;
|
||||
}
|
||||
|
||||
.proposal p {
|
||||
color: #555;
|
||||
font-size: 1rem;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
/* Adaptación para pantallas pequeñas */
|
||||
@media (max-width: 768px) {
|
||||
.proposal-container {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.proposal-container {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* General layout of the Ideology section */
|
||||
#ideologia {
|
||||
background-color: #f4f1ec; /* Tono pergamino claro */
|
||||
padding: 3rem 2rem;
|
||||
color: #2e2e2e;
|
||||
border-top: 5px solid #8b0000;
|
||||
border-bottom: 5px solid #8b0000;
|
||||
}
|
||||
|
||||
/* Título principal */
|
||||
#ideologia h2 {
|
||||
text-align: center;
|
||||
font-size: 3rem;
|
||||
color: #4b0000;
|
||||
margin-bottom: 2rem;
|
||||
border-bottom: 2px solid #4b0000;
|
||||
display: inline-block;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
/* Cada bloque ideológico */
|
||||
.ideology-item {
|
||||
background-color: #ffffff;
|
||||
border-left: 6px solid #8b0000;
|
||||
padding: 2rem;
|
||||
margin-bottom: 2.5rem;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 12px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
/* Animación al pasar el ratón */
|
||||
.ideology-item:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
/* Título de cada ítem */
|
||||
.ideology-item h3 {
|
||||
font-size: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
color: #4b0000;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Línea decorativa debajo de los títulos */
|
||||
.ideology-item h3::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 60px;
|
||||
height: 3px;
|
||||
background-color: #8b0000;
|
||||
left: 0;
|
||||
bottom: -6px;
|
||||
}
|
||||
|
||||
/* Cuerpo del texto */
|
||||
.ideology-item div {
|
||||
font-size: 1.15rem;
|
||||
line-height: 1.8;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 768px) {
|
||||
#ideologia {
|
||||
padding: 2rem 1rem;
|
||||
}
|
||||
|
||||
.ideology-item {
|
||||
padding: 1.5rem;
|
||||
}
|
||||
|
||||
#ideologia h2 {
|
||||
font-size: 2.2rem;
|
||||
}
|
||||
|
||||
.ideology-item h3 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.ideology-item div {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.banner .button {
|
||||
display: inline-block;
|
||||
padding: 0.5rem 1.5rem;
|
||||
background-color: #FFD700;
|
||||
color: #333;
|
||||
margin-top: 1rem;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
|
||||
.banner .button:hover {
|
||||
background-color: #FF6347; /* Color ligeramente más oscuro al pasar el ratón */
|
||||
}
|
||||
|
||||
/* Secciones */
|
||||
.content {
|
||||
padding: 2rem;
|
||||
background-color: #fff;
|
||||
margin: 2rem auto;
|
||||
max-width: 800px;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Sombra más suave */
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #A10F2B;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.ideology-item {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.ideology-item h3 {
|
||||
color: #FFD700;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: disc;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
/* Formularios */
|
||||
form input, form textarea, form button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-bottom: 1rem;
|
||||
padding: 0.5rem;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
form button {
|
||||
background-color: #A10F2B;
|
||||
color: #fff;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
|
||||
form button:hover {
|
||||
background-color: #870d23;
|
||||
}
|
||||
|
||||
/* Pie de página */
|
||||
footer {
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
padding: 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: #FFD700;
|
||||
text-decoration: none;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
|
||||
footer a:hover {
|
||||
color: #FF6347;
|
||||
}
|
||||
|
||||
|
||||
/* Ajustes para dispositivos móviles */
|
||||
@media (max-width: 768px) {
|
||||
.banner {
|
||||
padding: 1rem; /* Reduce el padding en pantallas pequeñas */
|
||||
}
|
||||
|
||||
.banner .button {
|
||||
padding: 0.5rem 1rem; /* Botón más pequeño en pantallas móviles */
|
||||
}
|
||||
|
||||
.banner h2 {
|
||||
font-size: 1.5rem; /* Reduce el tamaño del texto en móviles */
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.banner {
|
||||
padding: 1rem; /* Reduce aún más el padding en pantallas muy pequeñas */
|
||||
}
|
||||
|
||||
.banner h2 {
|
||||
font-size: 1.2rem; /* Texto aún más pequeño en pantallas pequeñas */
|
||||
}
|
||||
|
||||
.banner .button {
|
||||
font-size: 0.9rem; /* Botón más pequeño en pantallas muy pequeñas */
|
||||
padding: 0.4rem 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
120
web/unete.html
Normal file
120
web/unete.html
Normal file
|
|
@ -0,0 +1,120 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- Accesibilidad/SEO -->
|
||||
<meta name="robots" content="index, follow">
|
||||
<meta name="language" content="es">
|
||||
<link rel="icon" href="https://pnh.09072007.xyz/logo.png" type="image/png">
|
||||
<link rel="canonical" href="https://pnh.09072007.xyz/unete.html">
|
||||
|
||||
<!-- Open Graph comunes -->
|
||||
<meta property="og:site_name" content="Partido Nacional Hispanista">
|
||||
<meta property="og:locale" content="es_ES">
|
||||
|
||||
<!-- Twitter -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:site" content="@PNHispanista">
|
||||
|
||||
<!-- (Opcional) Color del navegador móvil -->
|
||||
<meta name="theme-color" content="#A10F2B">
|
||||
|
||||
<!-- (Opcional) Datos estructurados de la organización -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Organization",
|
||||
"name": "Partido Nacional Hispanista",
|
||||
"url": "https://pnh.09072007.xyz/",
|
||||
"logo": "https://pnh.09072007.xyz/logo.png",
|
||||
"sameAs": [
|
||||
"https://instagram.com/PNHispanista",
|
||||
"https://twitter.com/PNHispanista"
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
|
||||
<title>Únete al Partido Nacional Hispanista</title>
|
||||
<meta name="description" content="Afíliate al PNH y forma parte activa de la construcción de la Federación Hispánica. Formulario de afiliación y contacto.">
|
||||
<meta name="keywords" content="Unirse, afiliarse, afiliación, Partido Nacional Hispanista, ÚNETE">
|
||||
<meta name="author" content="Partido Nacional Hispanista">
|
||||
|
||||
<meta property="og:title" content="Únete al Partido Nacional Hispanista">
|
||||
<meta property="og:description" content="Da el paso y afíliate. Formulario oficial del PNH.">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://pnh.09072007.xyz/unete.html">
|
||||
<meta property="og:image" content="https://pnh.09072007.xyz/banner.png">
|
||||
|
||||
<meta name="twitter:title" content="Únete al Partido Nacional Hispanista">
|
||||
<meta name="twitter:description" content="Da el paso y afíliate. Formulario oficial del PNH.">
|
||||
<meta name="twitter:image" content="https://pnh.09072007.xyz/banner.png">
|
||||
<link rel="canonical" href="https://pnh.09072007.xyz/unete.html">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<!-- Encabezado con el logo y el menú de navegación -->
|
||||
<header>
|
||||
<!-- Logo del Partido Nacional Hispanista -->
|
||||
<div class="logo">
|
||||
<img src="logo.png" alt="Logo del Partido Nacional Hispanista">
|
||||
<h1>ÚNETE</h1>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Inicio</a></li>
|
||||
<li><a href="acerca.html">Acerca de Nosotros</a></li>
|
||||
<li><a href="ideologia.html">Ideología</a></li>
|
||||
<li><a href="propuestas.html">Propuestas</a></li>
|
||||
<li><a href="eventos.html">Eventos</a></li>
|
||||
<li><a href="unete.html">Únete</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<!-- Sección de Inicio con Banner -->
|
||||
<section id="inicio" class="banner">
|
||||
<img src="banner.png" alt="Banner de Unidad del Partido Nacional Hispanista" class="banner-image">
|
||||
<div class="banner-text">
|
||||
<h2>Unidos por la Hispanidad, la Cultura y el Futuro</h2>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Sección Únete -->
|
||||
<section id="unete" class="content">
|
||||
<h2>Únete al Partido Nacional Hispanista</h2>
|
||||
<p>Si compartes nuestra visión por un futuro hispánico fuerte y unido, te invitamos a unirte a nosotros. Tu compromiso con el Partido Nacional Hispanista es un paso hacia la construcción de una patria más grande, más justa y más comprometida con los valores que defendemos.</p>
|
||||
|
||||
<div class="form-container">
|
||||
<h3>Formulario de Afiliación</h3>
|
||||
<p>Por favor, rellena el formulario con tus datos. Nos pondremos en contacto contigo para explicar los siguientes pasos y cómo formarás parte activa del cambio.</p>
|
||||
<!-- Formulario de Afiliación -->
|
||||
<div class="form-wrapper">
|
||||
<iframe
|
||||
src="https://app.formbricks.com/s/cm709l943000hl603kg1s09hw?embed=true"
|
||||
frameborder="0"
|
||||
style="width:100%; height:500px; border:1px solid #A10F2B; border-radius:8px;">
|
||||
</iframe>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Sección Contacto -->
|
||||
<section id="contacto" class="content">
|
||||
<h2>¿Tienes alguna pregunta?</h2>
|
||||
<p>Estamos para ayudarte. Si necesitas más información o tienes dudas, no dudes en escribirnos a <a href="mailto:contacto@pnh.09072007.xyz" class="button">contacto@pnh.09072007.xyz</a>.</p>
|
||||
</section>
|
||||
|
||||
<!-- Pie de página -->
|
||||
<footer>
|
||||
<p>© 2025 Partido Nacional Hispanista | Síguenos en <a href="https://instagram.com/PNHispanista">Instagram</a> y <a href="https://twitter.com/PNHispanista">Twitter</a></p>
|
||||
<p>El código de esta web está disponible en <a href="http://gitlab.com/pnhispanista/web">Gitlab</a>.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue