PNHispanista/web-pnh
2
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

reestructuración total. V2.1

Browse source
This commit is contained in:
JurassikDev34 2025-04-19 17:22:38 +02:00
parent 21c072fdc1
commit ff3941cf72
7 changed files with 464 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

53
acerca.html
View file

@ -12,7 +12,7 @@
<!-- Logo del Partido Nacional Hispanista --> <!-- Logo del Partido Nacional Hispanista -->
<div class="logo"> <div class="logo">
<img src="logo.png" alt="Logo del Partido Nacional Hispanista"> <img src="logo.png" alt="Logo del Partido Nacional Hispanista">
<h1>Partido Nacional Hispanista</h1> <h1>Acerca de nosotros</h1>
</div> </div>
<nav> <nav>
<ul> <ul>
@ -34,27 +34,58 @@
</div> </div>
</section> </section>
<!--
<!-- Sección Acerca de Nosotros -->
<section id="acerca" class="content"> <section id="acerca" class="content">
<h2>Acerca de Nosotros</h2> <h2>Acerca de Nosotros</h2>
<p><strong>Misión:</strong> Promover la unidad, el desarrollo de los hispanos y la creación de una federación sólida de naciones hispánicas, basadas en la cultura y los valores hispanos.</p>
<p><strong>Visión:</strong> Crear una comunidad hispana solidaria, justa y próspera bajo una monarquía parlamentaria federal que impulse la adopción del software libre y la adopción de Bitcoin como moneda estable.</p> <div class="ideology-item">
<p><strong>Objetivos:</strong></p> <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> <ul>
<li>Reforzar los lazos entre los países de habla hispana.</li> <li>La unidad de los pueblos hispánicos mediante una estructura federal con respeto a la autonomía local.</li>
<li>Fomentar políticas que protejan el catolicismo y la cultura hispánica.</li> <li>El regreso a los valores tradicionales: <em>Fe, Familia, Comunidad y Patria</em>.</li>
<li>Impulsar la adopción del software libre y la criptomoneda Bitcoin.</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> </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> </section>
<!-- Pie de página --> <!-- Pie de página -->
<footer> <footer>
<p>&copy; 2024 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>&copy; 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> <p>El código de esta web está disponible en <a href="http://gitlab.com/pnhispanista/web">Gitlab</a>.</p>
</footer> </footer>
</body> </body>

22
eventos.html
View file

@ -12,7 +12,7 @@
<!-- Logo del Partido Nacional Hispanista --> <!-- Logo del Partido Nacional Hispanista -->
<div class="logo"> <div class="logo">
<img src="logo.png" alt="Logo del Partido Nacional Hispanista"> <img src="logo.png" alt="Logo del Partido Nacional Hispanista">
<h1>Partido Nacional Hispanista</h1> <h1>Eventos</h1>
</div> </div>
<nav> <nav>
<ul> <ul>
@ -35,17 +35,25 @@
</section> </section>
<!-- Sección Eventos --> <!-- Sección Eventos -->
<section id="eventos" class="content"> <section id="eventos" class="content">
<h2>Eventos</h2> <p>Estamos trabajando activamente en la organización de nuestros primeros actos públicos y conferencias.</p>
<p>Próximos eventos y reuniones...</p>
<p>Nada por ahora :) </p> <div class="evento">
</section> <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 --> <!-- Pie de página -->
<footer> <footer>
<p>&copy; 2024 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>&copy; 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> <p>El código de esta web está disponible en <a href="http://gitlab.com/pnhispanista/web">Gitlab</a>.</p>
</footer> </footer>
</body> </body>

66
ideologia.html
View file

@ -9,10 +9,9 @@
<body> <body>
<!-- Encabezado con el logo y el menú de navegación --> <!-- Encabezado con el logo y el menú de navegación -->
<header> <header>
<!-- Logo del Partido Nacional Hispanista -->
<div class="logo"> <div class="logo">
<img src="logo.png" alt="Logo del Partido Nacional Hispanista"> <img src="logo.png" alt="Logo del Partido Nacional Hispanista">
<h1>Partido Nacional Hispanista</h1> <h1>Ideología</h1>
</div> </div>
<nav> <nav>
<ul> <ul>
@ -34,33 +33,54 @@
</div> </div>
</section> </section>
<!-- Sección Ideología -->
<section id="ideologia" class="content"> <section id="ideologia" class="content">
<h2>Ideología</h2>
<div class="ideology-item">
<h3>Unidad de los Pueblos Hispanos</h3>
<p>El principal reto de los países hispanos es la falta de unidad. Creemos que los países que comparten una historia común deben estar unidos para asegurar el desarrollo y la prosperidad de todos. Una federación sólida, respetando las autonomías regionales, es clave para lograr esta unidad.</p>
</div>
<div class="ideology-item">
<h3>Defensa del Catolicismo</h3>
<p>Defendemos la tradición católica como base de nuestra identidad y cultura. La unidad religiosa es fundamental para la cohesión social y la estabilidad de los pueblos hispanos. Respetamos la libertad individual, pero la fe católica debe seguir siendo el pilar que nos une.</p>
</div>
<div class="ideology-item">
<h3>Apoyo al Software Libre</h3>
<p>El software libre es esencial para proteger las libertades individuales y fomentar la innovación. Promovemos su adopción en instituciones públicas y privadas para garantizar que las herramientas tecnológicas estén al servicio de todos, sin restricciones ni censura.</p>
</div>
<div class="ideology-item">
<h3>Promoción de Bitcoin</h3>
<p>Bitcoin es la clave para la libertad económica y la estabilidad monetaria. Creemos que Bitcoin debe respaldar nuestra moneda oficial y las reservas nacionales, asegurando una economía sólida y resistente a la inflación, con el potencial de crecimiento a largo plazo.</p>
</div>
</section>
<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 --> <!-- Pie de página -->
<footer> <footer>
<p>&copy; 2024 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>&copy; 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> <p>El código de esta web está disponible en <a href="http://gitlab.com/pnhispanista/web">Gitlab</a>.</p>
</footer> </footer>
</body> </body>

38
index.html
View file

@ -28,20 +28,50 @@
<!-- Sección de Inicio con Banner --> <!-- Sección de Inicio con Banner -->
<section id="inicio" class="banner"> <section id="inicio" class="banner">
<img src="banner.png" alt="Banner de Unidad del Partido Nacional Hispanista" class="banner-image"> <img src="banner.png" alt="Banner de Unidad del Partido Nacional Hispanista" class="banner-image">
<div class="banner-text"> <div class="banner-text">
<h2>Unidos por la Hispanidad, la Cultura y el Futuro</h2> <h2>Unidos por la Hispanidad, la Cultura y el Futuro</h2>
<a href="propuestas.html" class="button">Conoce Nuestras Propuestas</a> <a href="unete.html" class="button">Únete a Nosotros</a>
</div> </div>
</section> </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 --> <!-- Pie de página -->
<footer> <footer>
<p>&copy; 2024 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>&copy; 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> <p>El código de esta web está disponible en <a href="http://gitlab.com/pnhispanista/web">Gitlab</a>.</p>
</footer> </footer>
</body> </body>
</html> </html>

62
propuestas.html
View file

@ -3,16 +3,17 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Partido Nacional Hispanista</title> <title>Propuestas - Partido Nacional Hispanista</title>
<link rel="stylesheet" href="styles.css"> <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> </head>
<body> <body>
<!-- Encabezado con el logo y el menú de navegación --> <!-- Encabezado con el logo y el menú de navegación -->
<header> <header>
<!-- Logo del Partido Nacional Hispanista -->
<div class="logo"> <div class="logo">
<img src="logo.png" alt="Logo del Partido Nacional Hispanista"> <img src="logo.png" alt="Logo del Partido Nacional Hispanista">
<h1>Partido Nacional Hispanista</h1> <h1>Nuestras Propuestas</h1>
</div> </div>
<nav> <nav>
<ul> <ul>
@ -34,27 +35,54 @@
</div> </div>
</section> </section>
<!-- Sección Propuestas --> <!-- Sección Propuestas -->
<section id="propuestas" class="content"> <section id="propuestas" class="content">
<h2>Nuestras Propuestas</h2> <div class="proposal-container">
<ul> <div class="proposal">
<li>Unificación de los países hispanohablantes en una <strong>Monarquía Parlamentaria Federal</strong> con un sistema que permita la autonomía de cada región, pero bajo una misma visión.</li> <i class="fas fa-globe-americas"></i>
<li>Educación en <strong>Cultura Hispana</strong>, asegurando que todos los ciudadanos compartan una base cultural común y respeto por nuestras raíces.</li> <h2>Unificación Hispana</h2>
<li>Promoción del <strong>Software Libre</strong> en instituciones públicas y privadas, garantizando que la tecnología respete las libertades individuales y facilite el progreso social y económico.</li> <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>
<li>Impulso a la <strong>Adopción de Bitcoin</strong> como moneda oficial del estado, garantizando la estabilidad y la independencia económica.</li> </div>
<!-- Aquí añadir más propuestas conforme se desarrollen -->
</ul> <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> </section>
<!-- Pie de página --> <!-- Pie de página -->
<footer> <footer>
<p>&copy; 2024 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>&copy; 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> <p>El código de esta web está disponible en <a href="http://gitlab.com/pnhispanista/web">Gitlab</a>.</p>
</footer> </footer>
</body> </body>
</html> </html>

256
styles.css
View file

@ -47,6 +47,260 @@ header nav ul li a:hover {
text-align: center; 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 { .banner .button {
display: inline-block; display: inline-block;
padding: 0.5rem 1.5rem; padding: 0.5rem 1.5rem;
@ -160,3 +414,5 @@ footer a:hover {
padding: 0.4rem 1rem; padding: 0.4rem 1rem;
} }
} }

35
unete.html
View file

@ -12,7 +12,7 @@
<!-- Logo del Partido Nacional Hispanista --> <!-- Logo del Partido Nacional Hispanista -->
<div class="logo"> <div class="logo">
<img src="logo.png" alt="Logo del Partido Nacional Hispanista"> <img src="logo.png" alt="Logo del Partido Nacional Hispanista">
<h1>Partido Nacional Hispanista</h1> <h1>ÚNETE</h1>
</div> </div>
<nav> <nav>
<ul> <ul>
@ -35,27 +35,34 @@
</section> </section>
<!-- Sección Únete --> <!-- Sección Únete -->
<section id="unete" class="content"> <section id="unete" class="content">
<h2>Únete al Partido</h2> <h2>Únete al Partido Nacional Hispanista</h2>
<div style="position: relative; height:80dvh; overflow:auto;"> <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 <iframe
src="https://app.formbricks.com/s/cm709l943000hl603kg1s09hw?embed=true" src="https://app.formbricks.com/s/cm709l943000hl603kg1s09hw?embed=true"
frameborder="0" style="position: absolute; left:0; top:0; width:100%; height:100%; border:0;"> frameborder="0"
style="width:100%; height:500px; border:1px solid #A10F2B; border-radius:8px;">
</iframe> </iframe>
</div> </div>
</section> </div>
</section>
<!-- Sección Contacto -->
<section id="contacto" class="content">
<h2>Contacto</h2>
<p>Si tienes alguna duda, no dudes en contactarnos vía <a href="mailto:contacto@pnh.09072007.xyz" class="button">email</a> con tus inquietudes.</p>
</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 --> <!-- Pie de página -->
<footer> <footer>
<p>&copy; 2024 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>&copy; 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> <p>El código de esta web está disponible en <a href="http://gitlab.com/pnhispanista/web">Gitlab</a>.</p>
</footer> </footer>
</body> </body>