diff --git a/1/LMSGI/web-ceu/imgs/logo-footer.png b/1/LMSGI/web-ceu/imgs/logo-footer.png
new file mode 100644
index 0000000..9920930
Binary files /dev/null and b/1/LMSGI/web-ceu/imgs/logo-footer.png differ
diff --git a/1/LMSGI/web-ceu/index.html b/1/LMSGI/web-ceu/index.html
index 9c68187..95d9a8e 100644
--- a/1/LMSGI/web-ceu/index.html
+++ b/1/LMSGI/web-ceu/index.html
@@ -3,42 +3,292 @@
 	<head>
 		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 		<meta http-equiv="Content-Language" content="es" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		<title>Fundación San Pablo Andalucía CEU</title>
 		<link rel="icon" href="imgs/favicon-16x16.png" type="image/png" />
-		<link rel="stylesheet" href="style.css" type="text/css" />
+		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" type="text/css" />
+		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" ></script>
 	</head>
 	<body>
-		<header>
-			<a href="index.html" ><img src="imgs/logo.jpg" alt="Logo CEU" title="Logo CEU" class="logo" /></a>
+		<header class="container p-4">
+			<a href="index.html" >
+				<img src="imgs/logo.jpg"
+					width="40%"
+					class="float-start"
+					alt="Logo CEU"
+					title="Logo CEU" />
+			</a>
+			<div class="float-end" >
+				<p class="small" >954 48 80 00 / Correo / <b>CANAL</b> CEU</p>
+				<a href="#"
+				   class="btn btn-outline-secondary text-uppercase" >
+				   Automatrícula
+				</a>
+			</div>
 		</header>
-		<nav>
-			<ul>
-				<li><a href="#" >Conócenos</a></li>
-				<li><a href="#" >Estudios</a></li>
-				<li><a href="#" >Alumno</a></li>
-				<li><a href="#" >Internationalisation</a></li>
-				<li><a href="#" >Vida CEU</a></li>
-				<li><a href="#" >Actualidad</a></li>
-				<li><a href="#" >Investigación</a></li>
-				<li><a href="#" >Admisión</a></li>
-				<li><a href="#" >Campus Virtuales</a></li>
+		<nav class="container-fluid navbar navbar-expand bg-primary navbar-dark justify-content-center" >
+			<ul class="navbar-nav">
+				<li class="nav-item" >
+					<a class="nav-link" href="#" >Conócenos</a>
+				</li>
+				<li class="nav-item" >
+					<a class="nav-link" href="#" >Estudios</a>
+				</li>
+				<li class="nav-item" >
+					<a class="nav-link" href="#" >Alumno</a>
+				</li>
+				<li class="nav-item" >
+					<a class="nav-link" href="#" >Internationalisation</a>
+				</li>
+				<li class="nav-item" >
+					<a class="nav-link" href="#" >Vida CEU</a>
+				</li>
+				<li class="nav-item" >
+					<a class="nav-link" href="#" >Actualidad</a>
+				</li>
+				<li class="nav-item" >
+					<a class="nav-link" href="#" >Investigación</a>
+				</li>
+				<li class="nav-item" >
+					<a class="nav-link" href="#" >Admisión</a>
+				</li>
+				<li class="nav-item" >
+					<a class="nav-link" href="#" >Campus Virtuales</a>
+				</li>
 			</ul>
 		</nav>
-		<main>
-			<div class="info-card" >
-				<h2>Grados y Master</h2>
-				<h3>CEU Cardenal Spínola</h3>
+		<main class="container p-3" >
+			<div class="row" >
+				<div class="card col-4">
+					<div class="card-body" >
+						<h4 class="card-title text-uppercase" >Grados y Master</h4>
+						<p class="card-text" >CEU Cardenal Spínola</p>
+					</div>
+				</div>
+				<div class="card col-4" style="33%" >
+					<div class="card-body" >
+						<h4 class="card-title text-uppercase" >Posgrados</h4>
+						<p class="card-text" >Instituto de Posgrado</p>
+					</div>
+				</div>
+				<div class="card col-4" style="33%" >
+					<div class="card-body" >
+						<h4 class="card-title text-uppercase" >Formación Profesional</h4>
+						<p class="card-text" >Centro de Estudios Profesionales CEU</p>
+					</div>
+				</div>
 			</div>
-			<div class="info-card" >
-				<h2>Posgrados</h2>
-				<h3>Instituto de Posgrado</h3>
-			</div>
-			<div class="info-card" >
-				<h2>Formación Profesional</h2>
-				<h3>Centro de Estudios Profesionales CEU</h3>
+			<div class="row mx-auto text-center justify-content-center p-3 text-uppercase" >
+				<div class="col-2" >
+					<h4><a href="#" >Colegio</a></h4>
+				</div>
+				<div class="col-2" >
+					<h4><a href="#" >Vniversitas</a></h4>
+				</div>
+				<div class="col-2" >
+					<h4><a href="#" >Idiomas</a></h4>
+				</div>
+				<div class="col-2" >
+					<h4><a href="#" >Oposiciones</a></h4>
+				</div>
+				<div class="col-2" >
+					<h4><a href="#" >DECA</a></h4>
+				</div>
 			</div>
 		</main>
-		<footer>
+		<div class="container-fluid bg-light text-dark" >
+			<div class="container p-3" >
+				<div class="row" >
+					<div class="col-12" >
+						<h2 class="text-secondary">Actualidad <b>CEU Andalucía</b></h2>
+					</div>
+				</div>
+				<div class="row" >
+					<div class="col-12" >
+						<h3><b>Noticias</b></h3>
+					</div>
+					<div class="card col-3" >
+						<div class="card-body" >
+							<h5 class="card-title" >Mi Artículo</h5>
+						</div>
+					</div>
+					<div class="card col-3" >
+						<div class="card-body" >
+							<h5 class="card-title" >Mi Artículo</h5>
+						</div>
+					</div>
+					<div class="card col-3" >
+						<div class="card-body" >
+							<h5 class="card-title" >Mi Artículo</h5>
+						</div>
+					</div>
+					<div class="card col-3" >
+						<div class="card-body" >
+							<h5 class="card-title" >Mi Artículo</h5>
+						</div>
+					</div>
+					<div class="card col-3" >
+						<div class="card-body" >
+							<h5 class="card-title" >Mi Artículo</h5>
+						</div>
+					</div>
+				</div>
+				<div class="row pt-3" >
+					<div class="col-12" >
+						<h3><b>Blogs</b></h3>
+					</div>
+					<div class="card col-4" >
+						<div class="card-header" >
+							<h5 class="card-title" >El Título de Mi Blog</h5>
+						</div>
+						<div class="card-body" >
+							<p>Fulanito Pérez</p>
+						</div>
+					</div>
+					<div class="card col-4" >
+						<div class="card-header" >
+							<h5 class="card-title" >El Título de Mi Blog</h5>
+						</div>
+						<div class="card-body" >
+							<p>Fulanito Pérez</p>
+						</div>
+					</div>
+					<div class="card col-4" >
+						<div class="card-header" >
+							<h5 class="card-title" >El Título de Mi Blog</h5>
+						</div>
+						<div class="card-body" >
+							<p>Fulanito Pérez</p>
+						</div>
+					</div>
+					<div class="card col-4" >
+						<div class="card-header" >
+							<h5 class="card-title" >El Título de Mi Blog</h5>
+						</div>
+						<div class="card-body" >
+							<p>Fulanito Pérez</p>
+						</div>
+					</div>
+					<div class="card col-4" >
+						<div class="card-header" >
+							<h5 class="card-title" >El Título de Mi Blog</h5>
+						</div>
+						<div class="card-body" >
+							<p>Fulanito Pérez</p>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<footer class="container-fluid justify-content-center bg-dark text-white" >
+			<div class="container p-3" >
+				<img src="imgs/logo-footer.png"
+					 width="50%"
+					 class="mx-auto d-block"
+					 alt="Footer logo."
+					 title="Footer logo" />
+				<hr />
+				<div class="row small" >
+					<div class="col-6" >
+						<h4>Estudios</h4>
+						<div class="row" >
+							<div class="col-4" >
+								<ul>
+									<li class="text-secondary" >Grados y Máster Universitarios</li>
+									<ul>
+										<li>Educación</li>
+										<li>Derecho</li>
+										<li>Deporte</li>
+									</ul>
+								</ul>
+							</div>
+							<div class="col-4" >
+								<ul>
+									<li class="text-secondary" >Posgrados</li>
+									<ul>
+										<li>Educación</li>
+										<li>Empresa</li>
+										<li>Derecho</li>
+										<li>Deporte</li>
+										<li>Tech</li>
+										<li>Salud</li>
+										<li>Seguridad</li>
+									</ul>
+								</ul>
+							</div>
+							<div class="col-4" >
+								<ul>
+									<li class="text-secondary" >Ciclos Superiores</li>
+									<ul>
+										<li>Educación</li>
+										<li>Empresa</li>
+										<li>Deporte</li>
+										<li>Tech</li>
+										<li>Salud</li>
+										<li>A DISTANCIA</li>
+									</ul>
+								</ul>
+							</div>
+						</div>
+						<div class="row" >
+							<div class="col-4" >
+								<ul>
+									<li>Colegio</li>
+									<ul>
+										<li>Educación Infantil</li>
+										<li>Educación Primaria</li>
+										<li>ESO</li>
+										<li>Bachillerato CEU</li>
+										<li>Summer School</li>
+									</ul>
+								</ul>
+							</div>
+							<div class="col-4" >
+								<ul>
+									<li>Instituto de Idiomas</li>
+									<li>Instituto de Oposiciones</li>
+									<li>Vniversitas Senioribus</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+					<div class="col-3" >
+						<h4>Información y Servicios</h4>
+						<ul>
+							<li class="text-secondary" >Acceso</li>
+							<ul>
+								<li>Grados Universitarios</li>
+								<li>Máster Universitario</li>
+								<li>Ciclos Superiores</li>
+							</ul>
+							<li class="text-secondary" >Becas y Ayudas</li>
+							<ul>
+								<li>Grados Universitarios</li>
+								<li>Ciclos Superiores</li>
+							</ul>
+							<li>Secretaría</li>
+							<li>Investigación</li>
+							<li>Antiguos Alumnos</li>
+							<li>Calidad e Innovación</li>
+							<li>Servicio de Orientación</li>
+							<li>Internacional e Idiomas</li>
+							<li>Alojamiento</li>
+							<li>Financiación</li>
+						</ul>
+					</div>
+					<div class="col-3" >
+						<h4>Conócenos</h4>
+						<ul>
+							<li>¿Quiénes somos?</li>
+							<li>¿Dónde estamos?</li>
+							<li>Proyecto Educativo</li>
+							<li>Organigrama</li>
+							<li>Instalaciones</li>
+							<li>Sala de Prensa</li>
+						</ul>
+					</div>
+				</div>
+			</div>
 		</footer>
 	</body>
 </html>
diff --git a/1/LMSGI/web-ceu/style.css b/1/LMSGI/web-ceu/style.css
deleted file mode 100644
index d84bac9..0000000
--- a/1/LMSGI/web-ceu/style.css
+++ /dev/null
@@ -1,36 +0,0 @@
-header img.logo {
-	width: 50%;
-}
-
-nav > ul {
-	list-style-type: none;
-	padding: 0 auto;
-	margin: 0;
-	overflow: hidden;
-	border-radius: 5px;
-	background-color: #33f;
-}
-
-nav > ul > li {
-	float: left;
-	display: inline;
-	padding: 5px 8px;
-	transition: background-color 0.25s;
-}
-
-nav > ul > li:hover {
-	background-color: #55f;
-}
-
-nav > ul > li > a {
-	color: #fff;
-	text-decoration: none;
-	display: block;
-}
-
-div.info-card {
-	width: 30%;
-	text-align: center;
-	display: inline;
-	float: left;
-}
