Compare commits

..

No commits in common. "8dd706b0d2a64abb110d17584b312f4467ddf000" and "cbea75e0a5d0dc4ddec3c0fedbbff1e2f1eace58" have entirely different histories.

8 changed files with 83 additions and 740 deletions

View file

@ -1,93 +0,0 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Partido Nacional Hispanista</title>
<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>&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>
</footer>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 37 KiB

Before After
Before After

View file

@ -1,61 +0,0 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Partido Nacional Hispanista</title>
<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>&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>
</footer>
</body>
</html>

View file

@ -1,88 +0,0 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Partido Nacional Hispanista</title>
<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>&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>
</footer>
</body>
</html>

View file

@ -5,8 +5,6 @@
<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>Partido Nacional Hispanista</title>
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<script src="https://tinylytics.app/embed/-36szPg-65n_eHyuCcfE.js" defer></script>
</head> </head>
<body> <body>
<!-- Encabezado con el logo y el menú de navegación --> <!-- Encabezado con el logo y el menú de navegación -->
@ -18,12 +16,13 @@
</div> </div>
<nav> <nav>
<ul> <ul>
<li><a href="index.html">Inicio</a></li> <li><a href="#inicio">Inicio</a></li>
<li><a href="acerca.html">Acerca de Nosotros</a></li> <li><a href="#acerca">Acerca de Nosotros</a></li>
<li><a href="ideologia.html">Ideología</a></li> <li><a href="#ideologia">Ideología</a></li>
<li><a href="propuestas.html">Propuestas</a></li> <li><a href="#propuestas">Propuestas</a></li>
<li><a href="eventos.html">Eventos</a></li> <li><a href="#eventos">Eventos</a></li>
<li><a href="unete.html">Únete</a></li> <li><a href="#unete">Únete</a></li>
<li><a href="#contacto">Contacto</a></li>
</ul> </ul>
</nav> </nav>
</header> </header>
@ -33,47 +32,92 @@
<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="unete.html" class="button">Únete a Nosotros</a> <a href="#propuestas" class="button">Conoce Nuestras Propuestas</a>
</div> </div>
</section> </section>
<!-- Sección de Visión y Valores -->
<section id="vision-valores" class="content"> <!-- Sección Acerca de Nosotros -->
<h2>Nuestra Visión</h2> <section id="acerca" class="content">
<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> <h2>Acerca de Nosotros</h2>
<p> </p> <p><strong>Misión:</strong> Promover la unidad, el desarrollo de los hispanos</p>
<a href="ideologia.html" class="button">Descubre Nuestra Ideología</a> <p><strong>Visión:</strong> Crear una comunidad hispana solidaria, justa, y próspera...</p>
<p><strong>Objetivos:</strong></p>
<ul>
<li>Reforzar los lazos entre los países de habla hispana.</li>
<li>Fomentar políticas que protejan el catolicismo y la cultura hispánica.</li>
<li>Impulsar la adopción del software libre y el uso de Bitcoin y otras criptomonedas.</li>
</ul>
</section> </section>
<!-- Sección de Propuestas --> <!-- Sección Ideología -->
<section id="ideologia" class="content">
<h2>Ideología</h2>
<div class="ideology-item">
<h3>Unidad de los Pueblos Hispanos</h3>
<p> El principal problema de todos los paises hispanos actualmente es la poco unidad que tenemos incluso dentro del propio país, por ello, creemos que la unidad de aquellos que compartimos toda nuestra historia desde hace más de 500 años es la clave del desarrollo </p>
</div>
<div class="ideology-item">
<h3>Defensa del Catolicismo</h3>
<p>Defendemos la tradición católica como base de nuestra cultura puesto que esta fue la que hizo de nosotros un gran imperio hace algunos años. Puesto que, aunque defendemos la libertad individual para todo, incluida la religion, la unidad religiosa es uno de los puntos más importantes para la ya mencionada unidad social. </p>
</div>
<div class="ideology-item">
<h3>Apoyo al Software Libre</h3>
<p>El software es cada dia más importante en la vida de todo el mundo por ello promovemos el software libre, ya que este defiende las libertades y derechos individuales que creemos mejores </p>
</div>
<div class="ideology-item">
<h3>Promoción de Bitcoin</h3>
<p>Impulsamos el uso de Bitcoin para la libertad economica. Las criptomonedas, a largo plazo, aseguran una moneda estable y que solamente puede continuar en aumento en su valor</p>
</div>
</section>
<!-- Sección Propuestas -->
<section id="propuestas" class="content"> <section id="propuestas" class="content">
<h2>Propuestas</h2> <h2>Nuestras 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> <ul>
<p> </p> <li>Educación en Cultura Hispana y Valores Católicos</li>
<a href="propuestas.html" class="button">Ver Propuestas</a> <li>Fomento del Software Libre en Instituciones Públicas</li>
<li>Impulso a la Adopción de Bitcoin como moneda oficial del estado</li>
<!-- AQUI HAY QUE AñADIR TODAS LAS DEMAS -->
<!-- AQUI HAY QUE AñADIR TODAS LAS DEMAS -->
<!-- AQUI HAY QUE AñADIR TODAS LAS DEMAS -->
<!-- AQUI HAY QUE AñADIR TODAS LAS DEMAS -->
</ul>
</section> </section>
<!-- Sección de Eventos Destacados --> <!-- Sección Eventos -->
<section id="eventos" class="content"> <section id="eventos" class="content">
<h2>Eventos y Actividades</h2> <h2>Eventos</h2>
<p>Participa en nuestras próximas actividades y encuentros para discutir y colaborar en el fortalecimiento de nuestra visión. </p> <p>Próximos eventos y reuniones...</p>
<p> </p> <p> Nada por ahora :) </p>
<a href="eventos.html" class="button">Ver Próximos Eventos</a>
</section> </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> <!-- Sección Únete -->
<p> </p> <section id="unete" class="content">
<a href="unete.html" class="button cta-button">Únete Ahora</a> <h2>Únete al Partido</h2>
<p> Para unirte mandanos un <a href="mailto:unete@pnh.09072007.xyz" class="button">email</a> con algunos datos tuyos y el por qué te gustaria formar parte de esto</p>
</section> </section>
<!-- Sección Contacto -->
<section id="contacto" class="content">
<h2>Contacto</h2>
<p> Si tienes alguna duda, no dudes en contactarnos via <a href="mailto:contacto@pnh.09072007.xyz" class="button">email</a> con tus dudas, valga la retundancia </p>
</section>
<!-- Pie de página --> <!-- Pie de página -->
<footer> <footer>
<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>&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>El código de esta web está disponible en <a href="http://gitlab.com/pnhispanista/web">Gitlab</a>.</p> <p> El codigo de esta web esta disponible en nuestro <a href="http://git.09072007.xyz/PNHispanista/web"> git</a>. (Disculpen la falta de HTTPS pero funcionamos con Cloudflare y al activar HTTPS no nos permite usar SSH con git. El enlace es seguro.) </p>
</footer>
</footer>
</body> </body>
</html> </html>

View file

@ -1,88 +0,0 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Propuestas - Partido Nacional Hispanista</title>
<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>&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>
</footer>
</body>
</html>

View file

@ -33,274 +33,16 @@ header nav ul li {
header nav ul li a { header nav ul li a {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
transition: color 0.3s ease;
}
header nav ul li a:hover {
color: #FFD700;
} }
/* Banner principal */ /* Banner principal */
.banner { .banner {
background: url('banner-image.jpg') no-repeat center center/cover;
color: #fff; color: #fff;
padding: 2rem; padding: 2rem;
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;
@ -309,21 +51,16 @@ iframe {
margin-top: 1rem; margin-top: 1rem;
text-decoration: none; text-decoration: none;
border-radius: 5px; 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 */ /* Secciones */
.content { .content {
padding: 2rem; padding: 2rem;
background-color: #fff; background-color: #fff;
margin: 2rem auto; margin: 1rem auto;
max-width: 800px; max-width: 800px;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Sombra más suave */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
} }
h2 { h2 {
@ -332,7 +69,7 @@ h2 {
} }
.ideology-item { .ideology-item {
margin-bottom: 1.5rem; margin-bottom: 1rem;
} }
.ideology-item h3 { .ideology-item h3 {
@ -359,7 +96,6 @@ form button {
color: #fff; color: #fff;
border: none; border: none;
cursor: pointer; cursor: pointer;
transition: background-color 0.3s ease;
} }
form button:hover { form button:hover {
@ -377,42 +113,5 @@ footer {
footer a { footer a {
color: #FFD700; color: #FFD700;
text-decoration: none; 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;
}
}

View file

@ -1,70 +0,0 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Partido Nacional Hispanista</title>
<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>Ú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>&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>
</footer>
</body>
</html>