First Commit
This commit is contained in:
JurassikDev34
parent
379015a9f9
commit
a98f34dc9b
5 changed files with 249 additions and 1 deletions
2
LICENSE
2
LICENSE
|
|
@ -1,6 +1,6 @@
|
||||||
MIT License
|
MIT License
|
||||||
|
|
||||||
Copyright (c) 2024 PNHispanista
|
Copyright (c) 2024 jurassikdev34
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
|
|
||||||
BIN
banner.jpg
Normal file
BIN
banner.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
131
index.html
Normal file
131
index.html
Normal file
|
|
@ -0,0 +1,131 @@
|
||||||
|
<!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>Partido Nacional Hispanista</h1>
|
||||||
|
</div>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#inicio">Inicio</a></li>
|
||||||
|
<li><a href="#acerca">Acerca de Nosotros</a></li>
|
||||||
|
<li><a href="#ideologia">Ideología</a></li>
|
||||||
|
<li><a href="#propuestas">Propuestas</a></li>
|
||||||
|
<li><a href="#noticias">Noticias</a></li>
|
||||||
|
<li><a href="#eventos">Eventos</a></li>
|
||||||
|
<li><a href="#unete">Únete</a></li>
|
||||||
|
<li><a href="#contacto">Contacto</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Sección de Inicio con Banner -->
|
||||||
|
<section id="inicio" class="banner">
|
||||||
|
<img src="banner.jpg" 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="#propuestas" class="button">Conoce Nuestras Propuestas</a>
|
||||||
|
</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>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>
|
||||||
|
|
||||||
|
<!-- 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">
|
||||||
|
<h2>Nuestras Propuestas</h2>
|
||||||
|
<p>Detalles sobre las propuestas del partido...</p>
|
||||||
|
<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 -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Sección Eventos -->
|
||||||
|
<section id="eventos" class="content">
|
||||||
|
<h2>Eventos</h2>
|
||||||
|
<p>Próximos eventos y reuniones...</p>
|
||||||
|
<p> Nada por ahora :p </p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Sección Únete -->
|
||||||
|
<section id="unete" class="content">
|
||||||
|
<h2>Únete al Partido</h2>
|
||||||
|
<form>
|
||||||
|
<input type="text" name="nombre" placeholder="Nombre">
|
||||||
|
<input type="email" name="email" placeholder="Correo Electrónico">
|
||||||
|
<textarea name="mensaje" placeholder="Mensaje o Intereses"></textarea>
|
||||||
|
<button type="submit">Enviar</button>
|
||||||
|
</form>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Sección Contacto -->
|
||||||
|
<section id="contacto" class="content">
|
||||||
|
<h2>Contacto</h2>
|
||||||
|
<form>
|
||||||
|
<input type="text" name="nombre" placeholder="Nombre">
|
||||||
|
<input type="email" name="email" placeholder="Correo Electrónico">
|
||||||
|
<textarea name="mensaje" placeholder="Tu Mensaje"></textarea>
|
||||||
|
<button type="submit">Enviar</button>
|
||||||
|
</form>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Pie de página -->
|
||||||
|
<footer>
|
||||||
|
<p>© 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 nuestro <a href="https://git.09072007.xyz/PNHispanista/web"> git</a> </p>
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
BIN
logo.png
Normal file
BIN
logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
117
styles.css
Normal file
117
styles.css
Normal file
|
|
@ -0,0 +1,117 @@
|
||||||
|
/* 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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Banner principal */
|
||||||
|
.banner {
|
||||||
|
background: url('banner-image.jpg') no-repeat center center/cover;
|
||||||
|
color: #fff;
|
||||||
|
padding: 2rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.banner .button {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0.5rem 1.5rem;
|
||||||
|
background-color: #FFD700;
|
||||||
|
color: #333;
|
||||||
|
margin-top: 1rem;
|
||||||
|
text-decoration: none;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Secciones */
|
||||||
|
.content {
|
||||||
|
padding: 2rem;
|
||||||
|
background-color: #fff;
|
||||||
|
margin: 1rem auto;
|
||||||
|
max-width: 800px;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
color: #A10F2B;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ideology-item {
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue