Add files via upload

This commit is contained in:
Fernando Méndez 2021-03-11 09:51:32 +01:00 committed by GitHub
parent bb9fad9192
commit e4e8d4075f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 47 additions and 6 deletions

View File

@ -21,7 +21,7 @@ h1, h2, h3, h4 {
color: #dadada;
padding: 15px;
text-align: left;
font-size: 15px;
font-size: 18px;
}
.header img {
width: 11px;
@ -118,6 +118,17 @@ table a{
width: 33.33%;
}
/* Left column */
.column.left {
width: 50%;
}
/* Right column */
.column.right {
float: right;
width: 50%;
}
/* Clear floats after the columns */
.row:after {
content: "";
@ -127,7 +138,7 @@ table a{
/* Responsive layout: makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 800px) {
.column.side, .column.middle {
.column.side, .column.middle, .column.left, .column.right{
width: 100%;
}
}
@ -173,6 +184,35 @@ table a{
}
/* Sketches */
.sketches{
text-align: center;
display: block;
line-height: 1.25em;
padding: 1em 1em;
overflow-x: auto;
background: #1f2c3d;
border-radius: 3px;
}
.sketches h1, h2, h3, h4 {
color: #d3ebff;
}
.sketches img{
width: 550px;
height: 550px;
}
.sketches .description {
color: #d3ebff;
}
/* Responsive layout */
@media (max-width: 1150px) {
.sketches img{
width: 100%;
height: 75%;
}
}
/* Form */
form {
margin: auto;

View File

@ -38,7 +38,8 @@
<div class="sketches">
<img src="../img/inicio.png" />
<div class="description">
<p>Pantalla de inicio.</p>
<h4>Pantalla de inicio.</h4>
<p>Pantalla de bienvenida al entrar en la web.</p>
</div>
</div>
</div>
@ -46,7 +47,7 @@
<div class="sketches">
<img src="../img/peliculas.png" />
<div class="description">
<p>Pantalla de inicio.</p>
<h4>Pantalla de inicio.</h4>
</div>
</div>
</div>
@ -56,7 +57,7 @@
<div class="sketches">
<img src="../img/cine.png" />
<div class="description">
<p>Pantalla de inicio.</p>
<h4>Pantalla de inicio.</h4>
</div>
</div>
</div>
@ -64,7 +65,7 @@
<div class="sketches">
<img src="../img/mapa_asientos.png" />
<div class="description">
<p>Pantalla de inicio.</p>
<h4>Pantalla de inicio.</h4>
</div>
</div>
</div>