Compare commits

...

2 Commits

Author SHA1 Message Date
MickSlash 22c7aed03c #Added Background Image 2020-07-08 00:02:53 +02:00
MickSlash 0f60f4423a #Added Carousel Just for Presentation 2020-07-07 19:04:25 +02:00
1 changed files with 23 additions and 8 deletions

View File

@ -29,6 +29,10 @@
} }
body{ body{
color: white; color: white;
background-image: url("https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxH5rd9eDAjcFyv45SRYAFMIcKL_PArgVSL403ulRUWEndVKv5jpyKAw07dwJRtOr8eF431qaQcDkVtNqzxNHexvTwYevXxWlQu8cijryZpomi2Bq-uxSHkkAhNw");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
} }
#img-border{ #img-border{
border: 5px solid grey; border: 5px solid grey;
@ -79,7 +83,18 @@
height: auto; height: auto;
color: white; color: white;
text-align: center; text-align: center;
background-color: red; background-color: #DD1155;
}
.carousel{
width: 300px;
}
.carousel-item{
height: 500px;
width: 300px;
}
.carousel-item img{
height: 100%;
width: 300px;
} }
</style> </style>
</head> </head>
@ -101,8 +116,8 @@
<div class="card-header"> <div class="card-header">
<h3 class="text-center">FILM PREFERITI</h3> <h3 class="text-center">FILM PREFERITI</h3>
</div> </div>
<div class="card mb-3"> <div class="card mt-3 mb-3">
<div id="carouselfavorite" class="carousel slide" data-ride="carousel"> <div id="carouselfavorite" class="carousel slide mx-auto" data-ride="carousel">
<ol class="carousel-indicators"> <ol class="carousel-indicators">
<li data-target="#carouselfavorite" data-slide-to="0" class="active"></li> <li data-target="#carouselfavorite" data-slide-to="0" class="active"></li>
<li data-target="#carouselfavorite" data-slide-to="1"></li> <li data-target="#carouselfavorite" data-slide-to="1"></li>
@ -138,8 +153,8 @@
<div class="card-header"> <div class="card-header">
<h3 class="text-center">DA GUARDARE</h3> <h3 class="text-center">DA GUARDARE</h3>
</div> </div>
<div class="card mb-3"> <div class="card mt-3 mb-3">
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel"> <div id="carouselExampleCaptions" class="carousel slide mx-auto" data-ride="carousel">
<ol class="carousel-indicators"> <ol class="carousel-indicators">
<li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li> <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="1"></li> <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
@ -182,15 +197,15 @@
<tbody> <tbody>
<tr class="row no-gutters"> <tr class="row no-gutters">
<th class="pr-0 pl-1"><a target="_blank"><img src="https://lordchannel.com/wp-content/uploads/2020/06/eSkjK4kctyrWpFhxl35GPvSs6tI.jpg" class="img-fluid lastimagecomments" alt=""></a></th> <th class="pr-0 pl-1"><a target="_blank"><img src="https://lordchannel.com/wp-content/uploads/2020/06/eSkjK4kctyrWpFhxl35GPvSs6tI.jpg" class="img-fluid lastimagecomments" alt=""></a></th>
<td class="mt-2"><a target="_blank"><p class="pfont text-center">THE ITALIAN JOB</p></a><p class="text-muted text-center commentsmedia">Bellissimo! Lo guardavo sempre con mia sorella! :)</p></td> <td class="mt-2"><a target="_blank"><p class="pfont text-center">THE ITALIAN JOB</p></a><p class="text-center commentsmedia">Bellissimo! Lo guardavo sempre con mia sorella! :)</p></td>
</tr> </tr>
<tr class="row no-gutters"> <tr class="row no-gutters">
<th class="pr-0 pl-1"><a target="_blank"><img src="https://lordchannel.com/wp-content/uploads/2019/05/787b670fb5034be88bc2c62a756c37c3-salvatore-riina-la-mafia.jpg" class="img-fluid lastimagecomments" alt=""></a></th> <th class="pr-0 pl-1"><a target="_blank"><img src="https://lordchannel.com/wp-content/uploads/2019/05/787b670fb5034be88bc2c62a756c37c3-salvatore-riina-la-mafia.jpg" class="img-fluid lastimagecomments" alt=""></a></th>
<td class="mt-2"><a target="_blank"><p class="pfont text-center">IL CAPO DEI CAPI</p></a><p class="text-muted text-center commentsmedia">Bellissima serie TV! TOP</p></td> <td class="mt-2"><a target="_blank"><p class="pfont text-center">IL CAPO DEI CAPI</p></a><p class="text-center commentsmedia">Bellissima serie TV! TOP</p></td>
</tr> </tr>
<tr class="row no-gutters"> <tr class="row no-gutters">
<th class="pr-0 pl-1"><a target="_blank"><img src="https://lordchannel.com/wp-content/uploads/2020/05/iZf0KyrE25z1sage4SYFLCCrMi9-1365x2048.jpg" class="img-fluid lastimagecomments" alt=""></a></th> <th class="pr-0 pl-1"><a target="_blank"><img src="https://lordchannel.com/wp-content/uploads/2020/05/iZf0KyrE25z1sage4SYFLCCrMi9-1365x2048.jpg" class="img-fluid lastimagecomments" alt=""></a></th>
<td class="mt-2"><a target="_blank"><p class="pfont text-center">1917</p></a><p class="text-muted text-center commentsmedia">Film strepitoso! Consiglio a tutti di guardarlo! :)</p></td> <td class="mt-2"><a target="_blank"><p class="pfont text-center">1917</p></a><p class="text-center commentsmedia">Film strepitoso! Consiglio a tutti di guardarlo! :)</p></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>