h4ckx0r/LMSGI-2024-25
1
0
Fork 0
mirror of https://gitlab.com/tutorial-java-rafa-munoz/tutorial-java-2024-25/LMSGI-2024-25.git synced 2025-11-09 18:03:06 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(ch 3): added

Browse Source
This commit is contained in:
Rafa Muñoz
2024-10-28 13:59:54 +01:00
parent 7ae2986c97
commit f189ff2f1c
117 changed files with 4307 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
Unidad_03_HTML/HTML/Juego_de_tronos/css/index.css Normal file
View File

@@ -0,0 +1,42 @@
#divPrincipal {
width: 90%;
margin: 0 auto;
}
#banner {
margin-left: auto;
margin-right: auto;
width: 90%;
text-align: center;
}
html, body {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
.contenedorTarjetas {
margin-top: 30px;
width: 100%;
padding: 0px;
}
.tarjeta {
border: 1px solid #000000;
display: inline-block;
}
.tarjetaUnTercio {
width: 33%;
}
.tarjetaUnCuarto {
width: 24%;
}
.imagenAnchoCompleto {
width: 100%;
}

13
Unidad_03_HTML/HTML/Juego_de_tronos/daenerys.html Normal file
View File

@@ -0,0 +1,13 @@
<html>
<head>
<link href="css/index.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="divPrincipal">
<div id="banner">
<img height="1000px" src="images/banner.jpg"/>
</div>
<img class="imagenAnchoCompleto" src="images/daenerys.jpg"/>
</div>
</body>
</html>

BIN
Unidad_03_HTML/HTML/Juego_de_tronos/images/banner.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
Unidad_03_HTML/HTML/Juego_de_tronos/images/daenerys.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 180 KiB

61
Unidad_03_HTML/HTML/Juego_de_tronos/index.html Normal file
View File

@@ -0,0 +1,61 @@
<html>
<head>
<link href="css/index.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="divPrincipal">
<div id="banner">
<img src="images/banner.jpg"/>
</div>
<div class="contenedorTarjetas">
<div class="tarjeta tarjetaUnTercio"><a href="daenerys.html">
<img class="imagenAnchoCompleto" src="images/daenerys.jpg"/></a>
</div>
<div class="tarjeta tarjetaUnTercio">
<img class="imagenAnchoCompleto" src="images/daenerys.jpg"/>
</div>
<div class="tarjeta tarjetaUnTercio">
<img class="imagenAnchoCompleto" src="images/daenerys.jpg"/>
</div>
<div class="tarjeta tarjetaUnTercio">
<img class="imagenAnchoCompleto" src="images/daenerys.jpg"/>
</div>
<div class="tarjeta tarjetaUnTercio">
<img class="imagenAnchoCompleto" src="images/daenerys.jpg"/>
</div>
<div class="tarjeta tarjetaUnTercio">
<img class="imagenAnchoCompleto" src="images/daenerys.jpg"/>
</div>
</div>
<div class="contenedorTarjetas">
<div class="tarjeta tarjetaUnCuarto">
<img class="imagenAnchoCompleto" src="images/daenerys.jpg"/>
</div>
<div class="tarjeta tarjetaUnCuarto">
<img class="imagenAnchoCompleto" src="images/daenerys.jpg"/>
</div>
<div class="tarjeta tarjetaUnCuarto">
<img class="imagenAnchoCompleto" src="images/daenerys.jpg"/>
</div>
<div class="tarjeta tarjetaUnCuarto">
<img class="imagenAnchoCompleto" src="images/daenerys.jpg"/>
</div>
<div class="tarjeta tarjetaUnCuarto">
<img class="imagenAnchoCompleto" src="images/daenerys.jpg"/>
</div>
<div class="tarjeta tarjetaUnCuarto">
<img class="imagenAnchoCompleto" src="images/daenerys.jpg"/>
</div>
<div class="tarjeta tarjetaUnCuarto">
<img class="imagenAnchoCompleto" src="images/daenerys.jpg"/>
</div>
<div class="tarjeta tarjetaUnCuarto">
<img class="imagenAnchoCompleto" src="images/daenerys.jpg"/>
</div>
</div>
</div>
</body>
</html>