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

Actualizar paginal en general (v2.1)

Browse source
This commit is contained in:
JurassikDev34 2024-11-29 17:22:28 +01:00
parent bda19e4c6d
commit 5689278e14
No known key found for this signature in database
GPG key ID: 1981AEF94349B4A2
2 changed files with 65 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

44
index.html
View file

@ -36,17 +36,16 @@
</div>
</section>
<!-- Sección Acerca de Nosotros -->
<section id="acerca" class="content">
<h2>Acerca de Nosotros</h2>
<p><strong>Misión:</strong> Promover la unidad, el desarrollo de los hispanos</p>
<p><strong>Visión:</strong> Crear una comunidad hispana solidaria, justa, y próspera...</p>
<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 católicos.</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>
<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>
<li>Impulsar la adopción del software libre y la criptomoneda Bitcoin.</li>
</ul>
</section>
@ -55,19 +54,19 @@
<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>
<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 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>
<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 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>
<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>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>
<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>
@ -75,17 +74,11 @@
<section id="propuestas" class="content">
<h2>Nuestras Propuestas</h2>
<ul>
<li>Educación en Cultura Hispana y Valores Católicos</li>
<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 -->
<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>
<li>Educación en <strong>Cultura Hispana y Valores Católicos</strong>, asegurando que todos los ciudadanos compartan una base cultural común y respeto por nuestras raíces.</li>
<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>
<li>Impulso a la <strong>Adopción de Bitcoin</strong> como moneda oficial del estado, garantizando la estabilidad y la independencia económica.</li>
<!-- Aquí añadir más propuestas conforme se desarrollen -->
</ul>
</section>
@ -93,30 +86,25 @@
<section id="eventos" class="content">
<h2>Eventos</h2>
<p>Próximos eventos y reuniones...</p>
<p> Nada por ahora :) </p>
<p>Nada por ahora :) </p>
</section>
<!-- Sección Únete -->
<section id="unete" class="content">
<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>
<p>Para unirte, manda un <a href="mailto:unete@pnh.09072007.xyz" class="button">email</a> con algunos datos tuyos y el motivo por el cual te gustaría formar parte de nuestra causa.</p>
</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>
<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>
<!-- Pie de página -->
<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> El codigo de esta web esta 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>
</body>
</html>

53
styles.css
View file

@ -33,11 +33,15 @@ header nav ul li {
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 {
background: url('banner-image.jpg') no-repeat center center/cover;
color: #fff;
padding: 2rem;
text-align: center;
@ -51,16 +55,21 @@ header nav ul li a {
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: 1rem auto;
margin: 2rem auto;
max-width: 800px;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Sombra más suave */
}
h2 {
@ -69,7 +78,7 @@ h2 {
}
.ideology-item {
margin-bottom: 1rem;
margin-bottom: 1.5rem;
}
.ideology-item h3 {
@ -96,6 +105,7 @@ form button {
color: #fff;
border: none;
cursor: pointer;
transition: background-color 0.3s ease;
}
form button:hover {
@ -113,5 +123,40 @@ footer {
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;
}
}