Skip to content

Álvaro Domingo Fuentes / UJAdin

Go to a project
Commit 903e7b66 by Álvaro Domingo Fuentes
Options

Vistas iniciales creadas

parent e008b2f1
Inline Side-by-side
Showing with 206 additions and 0 deletions
src/main/webapp/index.html 0 → 100644
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inicio - UJAdin</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="container">
<nav class="navbar">
<a href="index.html" class="logo">UJAdin</a>
<ul class="nav-links">
<li><a href="index.html">Inicio</a></li>
<li><a href="registro.html">Registrarse</a></li>
<li><a href="ofertas.html">Ofertas de Prácticas</a></li>
</ul>
</nav>
<div class="hero-section">
<h1>Conectando Talento con Oportunidades</h1>
<p>Encuentra la práctica perfecta para avanzar en tu carrera.</p>
</div>
</div>
</header>
<main>
<section class="container">
<!-- Contenido principal aquí -->
</section>
</main>
<footer>
<div class="container">
<p>&copy; 2024 UJAdin. Todos los derechos reservados.</p>
</div>
</footer>
</body>
</html>
src/main/webapp/ofertas.html 0 → 100644
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ofertas de Prácticas - UJAdin</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="container">
<nav class="navbar">
<a href="index.html" class="logo">UJAdin</a>
<ul class="nav-links">
<li><a href="index.html">Inicio</a></li>
<li><a href="registro.html">Registrarse</a></li>
<li><a href="ofertas.html">Ofertas de Prácticas</a></li>
</ul>
</nav>
</div>
</header>
<main>
<div class="container">
<section class="offers-section">
<h2>Ofertas de Prácticas</h2>
<div class="offer-card">
<h3>Oferta de Práctica 1</h3>
<p>Descripción breve de la oferta de práctica...</p>
<button class="btn">Solicitar</button>
</div>
</section>
</div>
</main>
<footer>
<div class="container">
<p>&copy; 2024 UJAdin. Todos los derechos reservados.</p>
</div>
</footer>
</body>
</html>
src/main/webapp/registro.html 0 → 100644
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Registro - UJAdin</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="container">
<nav class="navbar">
<a href="index.html" class="logo">UJAdin</a>
<ul class="nav-links">
<li><a href="index.html">Inicio</a></li>
<li><a href="registro.html">Registrarse</a></li>
<li><a href="ofertas.html">Ofertas de Prácticas</a></li>
</ul>
</nav>
</div>
</header>
<main>
<div class="container">
<section class="form-section">
<h2>Registro</h2>
<form action="submit_registration" method="post">
<div class="form-group">
<label for="nombre">Nombre:</label>
<input type="text" id="nombre" name="nombre" required>
</div>
<div class="form-group">
<label for="email">Correo electrónico:</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="password">Contraseña:</label>
<input type="password" id="password" name="password" required>
</div>
<div class="form-group">
<label for="tipo_usuario">Tipo de usuario:</label>
<select id="tipo_usuario" name="tipo_usuario">
<option value="alumno">Alumno</option>
<option value="empresa">Empresa/Facultad/Profesor</option>
</select>
</div>
<button type="submit" class="btn">Registrarse</button>
</form>
</section>
</div>
</main>
<footer>
<div class="container">
<p>&copy; 2024 UJAdin. Todos los derechos reservados.</p>
</div>
</footer>
</body>
</html>
src/main/webapp/style.css 0 → 100644
:root {
--primary-color: #d4af37;
--secondary-color: #ffffff;
--background-color: #000000;
--text-color: #ffffff;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: var(--text-color);
background-color: var(--background-color);
}
.container {
max-width: 1100px;
margin: auto;
padding: 0 20px;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
}
.logo {
color: var(--primary-color); /* Logo en dorado */
text-decoration: none;
font-weight: bold;
font-size: 24px;
}
.nav-links {
list-style: none;
}
.nav-links li {
display: inline;
margin-left: 20px;
}
.nav-links a {
color: var(--secondary-color);
text-decoration: none;
}
.hero-section h1, .hero-section p {
color: var(--secondary-color);
}
footer {
background-color: var(--primary-color);
color: var(--background-color);
text-align: center;
padding: 10px;
position: relative;
bottom: 0;
width: 100%;
}
footer p {
color: var(--background-color);
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment