357 lines
22 KiB
HTML
357 lines
22 KiB
HTML
<!doctype html>
|
|
<html lang="it">
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
|
|
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
|
|
<link rel="stylesheet" type="text/css" href="http://kenwheeler.github.io/slick/slick/slick-theme.css"/>
|
|
<title>Profilo di ...</title>
|
|
<style>
|
|
#mainbody{
|
|
width: 55%;
|
|
margin: 0 auto;
|
|
height: 100%;
|
|
border: 1px solid black;
|
|
/* --gradient-background: rgba(34, 35, 48, 0.93); */
|
|
background: var(--gradient-background);
|
|
|
|
}
|
|
#mainbody.DefaultTheme{
|
|
--gradient-background: linear-gradient(90deg, hsla(205, 46%, 30%, 1) 0%, hsla(260, 29%, 36%, 1) 100%);
|
|
--gradient-cards-background: linear-gradient(90deg, hsla(347, 89%, 61%, 1) 0%, hsla(242, 42%, 40%, 1) 100%);
|
|
--card-comments-border-left: 5px solid #1B98E0;
|
|
/* background: -moz-linear-gradient(90deg, hsla(205, 46%, 30%, 1) 0%, hsla(260, 29%, 36%, 1) 100%);
|
|
background: -webkit-linear-gradient(90deg, hsla(205, 46%, 30%, 1) 0%, hsla(260, 29%, 36%, 1) 100%); */
|
|
}
|
|
#mainbody.NightMidnight{
|
|
--gradient-background: #0f0c29; /* fallback for old browsers */
|
|
--gradient-background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29); /* Chrome 10-25, Safari 5.1-6 */
|
|
--gradient-background: linear-gradient(to right, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
|
--card-comments-border-left: 5px solid #FFF8F0;
|
|
--gradient-cards-background: hsla(245, 39%, 28%, 1);
|
|
--gradient-cards-background: linear-gradient(225deg, hsla(245, 39%, 28%, 1) 0%, hsla(194, 100%, 66%, 1) 100%);
|
|
}
|
|
#mainbody.CrimsonElite{
|
|
--gradient-background: #642B73; /* fallback for old browsers */
|
|
--gradient-background: -webkit-linear-gradient(to right, #C6426E, #642B73); /* Chrome 10-25, Safari 5.1-6 */
|
|
--gradient-background: linear-gradient(to right, #C6426E, #642B73); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
|
|
|
}
|
|
#mainbody.DeathStar{
|
|
--gradient-background: #232526; /* fallback for old browsers */
|
|
--gradient-background: -webkit-linear-gradient(to right, #414345, #232526); /* Chrome 10-25, Safari 5.1-6 */
|
|
--gradient-background: linear-gradient(to right, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
|
--gradient-cards-background: #536976; /* fallback for old browsers */
|
|
--gradient-cards-background: linear-gradient(to right, #292E49, #536976); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
|
--card-comments-border-left: 5px solid #c31432;
|
|
}
|
|
#biografia{
|
|
padding: 20px 35px 35px;
|
|
}
|
|
.card-comments{
|
|
border-left: var(--card-comments-border-left);
|
|
background: var(--gradient-cards-background);
|
|
/* background: hsla(347, 89%, 61%, 1);
|
|
background: linear-gradient(90deg, hsla(347, 89%, 61%, 1) 0%, hsla(242, 42%, 40%, 1) 100%);
|
|
background: -moz-linear-gradient(90deg, hsla(347, 89%, 61%, 1) 0%, hsla(242, 42%, 40%, 1) 100%);
|
|
background: -webkit-linear-gradient(90deg, hsla(347, 89%, 61%, 1) 0%, hsla(242, 42%, 40%, 1) 100%);
|
|
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F44369", endColorstr="#3E3B92", GradientType=1 ); */
|
|
}
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
body{
|
|
color: white;
|
|
background-image: url("https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxH5rd9eDAjcFyv45SRYAFMIcKL_PArgVSL403ulRUWEndVKv6j52AAA07JABT4Lj3eF840KfKIGxEvYi0xYbTk_SlMOrTlDpV65Jz0ruW8NXxjRq-uxT3rHTGnQ");
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-color: black;
|
|
}
|
|
#img-border{
|
|
border: 3px solid grey;
|
|
}
|
|
.profileimg{
|
|
width: 260px;
|
|
height: 260px;
|
|
}
|
|
.card {
|
|
background: inherit!important;
|
|
}
|
|
@media (max-width: 768px) {
|
|
#mainbody{
|
|
width: auto;
|
|
height: 100%;
|
|
}
|
|
.spacename{
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
.lastimagecomments {
|
|
/* classe utilizzata per ridimensionare le immagini relative agli ultimi commenti scritti */
|
|
height: 150px!important;
|
|
width: 100px!important;
|
|
border: 1px solid whitesmoke;
|
|
border-radius: 5px;
|
|
}
|
|
.table td,.table th {
|
|
border-top: none!important;
|
|
}
|
|
.pfont{
|
|
font-size: 15px;
|
|
color: white;
|
|
}
|
|
.commentsmedia{
|
|
font-size: 12px;
|
|
}
|
|
.table td,.table th {
|
|
width: 50%;
|
|
}
|
|
.isoffline{
|
|
width: 100%;
|
|
height: auto;
|
|
color: white;
|
|
text-align: center;
|
|
background-color: #DD1155;
|
|
}
|
|
.personalprofile{
|
|
background-color: rgba( 0, 0, 0, 0.3 )!important;
|
|
}
|
|
.carousel{
|
|
width: 300px;
|
|
}
|
|
.carousel-item{
|
|
height: 500px;
|
|
width: 300px;
|
|
}
|
|
.carousel-item img{
|
|
height: 100%;
|
|
width: 300px;
|
|
}
|
|
.table-hover tbody tr:hover {
|
|
background: transparent;
|
|
}
|
|
.zoom{
|
|
transition: transform 0.5s;
|
|
}
|
|
.zoom:hover {
|
|
-ms-transform: scale(1.5); /* IE 9 */
|
|
-webkit-transform: scale(1.5); /* Safari 3-8 */
|
|
transform: scale(1.5);
|
|
}
|
|
@media (max-width: 1920px){
|
|
body {
|
|
background-size: auto;
|
|
}
|
|
}
|
|
@media (max-width: 1360px){
|
|
.profileimg {
|
|
height: auto!important;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="mainbody" class="DeathStar">
|
|
<div class="container">
|
|
<div class="row no-gutters mt-4">
|
|
<div class="col-lg-4 text-center my-auto">
|
|
<img id="img-border" src="https://avatarfiles.alphacoders.com/162/162492.png" class="img-fluid profileimg" alt="">
|
|
</div>
|
|
<div class="col-lg-8">
|
|
<h3 class="text-center spacename">NOME PROFILO</h3>
|
|
<br>
|
|
<form class="form-group text-center" id="form-theme">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="radio" name="Theme" id="exampleRadios1" value="DefaultTheme">
|
|
<label class="form-check-label" for="exampleRadios1">
|
|
Default Theme
|
|
</label>
|
|
</div>
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="radio" name="Theme" id="exampleRadios2" value="NightMidnight">
|
|
<label class="form-check-label" for="exampleRadios2">
|
|
Night Midnight
|
|
</label>
|
|
</div>
|
|
</form>
|
|
<br>
|
|
<p id="biografia">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet dolorum unde ea laborum eum iure beatae totam assumenda, quisquam architecto nemo, quod blanditiis asperiores magnam commodi exercitationem excepturi dolorem a!</p>
|
|
</div>
|
|
</div> <!-- FINE ROW -->
|
|
<div class="row no-gutters mt-3">
|
|
<div class="col-lg-8 pl-2 pr-3">
|
|
<div class="card-header card-comments">
|
|
<h3 class="text-center">FILM PREFERITI</h3>
|
|
</div>
|
|
<div class="card mb-3 personalprofile">
|
|
<div class="multiple-items">
|
|
<div><img src="https://image.tmdb.org/t/p/w1280/ftavpq2PJn5pyo5opJEmj8QleKD.jpg" class="img-fluid" alt="..."></div>
|
|
<div><img src="https://image.tmdb.org/t/p/w1280/imzvb941su6uhQ158GGurk7vF28.jpg" class="img-fluid" alt="..."></div>
|
|
<div><img src="https://image.tmdb.org/t/p/w1280/or06FN3Dka5tukK1e9sl16pB3iy.jpg" class="img-fluid" alt="..."></div>
|
|
<div><img src="https://image.tmdb.org/t/p/w1280/eSkjK4kctyrWpFhxl35GPvSs6tI.jpg" class="img-fluid" alt="..."></div>
|
|
<div><img src="https://image.tmdb.org/t/p/w1280/e1nWfnnCVqxS2LeTO3dwGyAsG2V.jpg" class="img-fluid" alt="..."></div>
|
|
<div><img src="https://image.tmdb.org/t/p/w1280/e0B6i48kxdRkMcK4tR4YNfXGWOc.jpg" class="img-fluid" alt="..."></div>
|
|
</div>
|
|
<!-- <div id="carouselfavorite" class="carousel slide mx-auto" data-ride="carousel">
|
|
<ol class="carousel-indicators">
|
|
<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="2"></li>
|
|
</ol>
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<img src="https://image.tmdb.org/t/p/w1280/eSkjK4kctyrWpFhxl35GPvSs6tI.jpg" class="d-block w-100" alt="...">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img src="https://image.tmdb.org/t/p/w1280/e1nWfnnCVqxS2LeTO3dwGyAsG2V.jpg" class="d-block w-100" alt="...">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img src="https://image.tmdb.org/t/p/w1280/e0B6i48kxdRkMcK4tR4YNfXGWOc.jpg" class="d-block w-100" alt="...">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="carousel-control-prev" href="#carouselfavorite" role="button" data-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
<a class="carousel-control-next" href="#carouselfavorite" role="button" data-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</div> -->
|
|
</div>
|
|
<div class="card-header card-comments">
|
|
<h3 class="text-center">DA GUARDARE</h3>
|
|
</div>
|
|
<div class="card mb-3 personalprofile">
|
|
<div class="multiple-items">
|
|
<div><img src="https://image.tmdb.org/t/p/w1280/ftavpq2PJn5pyo5opJEmj8QleKD.jpg" class="img-fluid" alt="..."></div>
|
|
<div><img src="https://image.tmdb.org/t/p/w1280/imzvb941su6uhQ158GGurk7vF28.jpg" class="img-fluid" alt="..."></div>
|
|
<div><img src="https://image.tmdb.org/t/p/w1280/or06FN3Dka5tukK1e9sl16pB3iy.jpg" class="img-fluid" alt="..."></div>
|
|
<div><img src="https://image.tmdb.org/t/p/w1280/eSkjK4kctyrWpFhxl35GPvSs6tI.jpg" class="img-fluid" alt="..."></div>
|
|
<div><img src="https://image.tmdb.org/t/p/w1280/e1nWfnnCVqxS2LeTO3dwGyAsG2V.jpg" class="img-fluid" alt="..."></div>
|
|
<div><img src="https://image.tmdb.org/t/p/w1280/e0B6i48kxdRkMcK4tR4YNfXGWOc.jpg" class="img-fluid" alt="..."></div>
|
|
</div>
|
|
<!-- <div id="carouselExampleCaptions" class="carousel slide mx-auto" data-ride="carousel">
|
|
<ol class="carousel-indicators">
|
|
<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="2"></li>
|
|
</ol>
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<img src="https://image.tmdb.org/t/p/w1280/ftavpq2PJn5pyo5opJEmj8QleKD.jpg" class="d-block w-100" alt="...">
|
|
<div class="carousel-caption d-none d-md-block"> </div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img src="https://image.tmdb.org/t/p/w1280/imzvb941su6uhQ158GGurk7vF28.jpg" class="d-block w-100" alt="...">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img src="https://image.tmdb.org/t/p/w1280/or06FN3Dka5tukK1e9sl16pB3iy.jpg" class="d-block w-100" alt="...">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
<a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 mr-0">
|
|
<div class="isoffline mb-3">
|
|
Profilo Offline
|
|
</div>
|
|
<div class="card personalprofile">
|
|
<div class="card-comments">
|
|
<h3 class="text-center">ULTIMI COMMENTI</h3>
|
|
</div>
|
|
<table class="table table-hover">
|
|
<tbody>
|
|
<tr class="row no-gutters zoom">
|
|
<th class="pr-0 pl-1"><a target="_blank"><img src="https://image.tmdb.org/t/p/w1280/e1nWfnnCVqxS2LeTO3dwGyAsG2V.jpg" class="img-fluid lastimagecomments" alt=""></a></th>
|
|
<td class="mt-2"><a target="_blank"><p class="pfont text-center">STAR WARS THE CLONE WARS</p></a><p class="text-center commentsmedia pfont">Bellissimo! Lo guardavo sempre con mia sorella! :)</p></td>
|
|
</tr>
|
|
<tr class="row no-gutters zoom">
|
|
<th class="pr-0 pl-1"><a target="_blank"><img src="https://image.tmdb.org/t/p/w1280/AfdZXqqlFsPUEfi6kWWWthxw7Nz.jpg" class="img-fluid lastimagecomments" alt=""></a></th>
|
|
<td class="mt-2"><a target="_blank"><p class="pfont text-center">THE SHIELD</p></a><p class="text-center commentsmedia pfont">Bellissima serie TV! TOP</p></td>
|
|
</tr>
|
|
<tr class="row no-gutters zoom">
|
|
<th class="pr-0 pl-1"><a target="_blank"><img src="https://image.tmdb.org/t/p/w1280/oB4H3x4jO6vn3v8wjRDXpo4d9yp.jpg" class="img-fluid lastimagecomments" alt=""></a></th>
|
|
<td class="mt-2"><a target="_blank"><p class="pfont text-center">ADAM KADMOND</p></a><p class="text-center commentsmedia pfont">Film strepitoso! Consiglio a tutti di guardarlo! :)</p></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!-- <hr>
|
|
<h3 id="popularposts">NUOVE USCITE</h3>
|
|
<table class="table table-hover">
|
|
<tbody><tr class="row">
|
|
<th class="pr-0 pl-1"><a title="Beyond: Two Souls" href="/games/beyond-two-souls" target="_blank"><img src="/media/Download-Beyond-Two-Souls-Crack.jpg" class="img-fluid lastupdate" alt="Beyond: Two Souls"></a></th>
|
|
<td class="mt-2 pb-0"><a title="Beyond: Two Souls" href="/games/beyond-two-souls" target="_blank"><p class="pfont mb-0">Beyond: Two Souls</p></a><p class="text-muted mb-0"><i class="fas fa-calendar-day"></i> 18/06/2020</p> </td>
|
|
</tr>
|
|
<tr class="row">
|
|
<th class="pr-0 pl-1"><a title="Detroit: Become Human" href="/games/detroit-become-human" target="_blank"><img src="/media/Download-Detroit-Become-Human-Crack.jpg" class="img-fluid lastupdate" alt="Detroit: Become Human"></a></th>
|
|
<td class="mt-2 pb-0"><a title="Detroit: Become Human" href="/games/detroit-become-human" target="_blank"><p class="pfont mb-0">Detroit: Become Human</p></a><p class="text-muted mb-0"><i class="fas fa-calendar-day"></i> 18/06/2020</p> </td>
|
|
</tr>
|
|
<tr class="row">
|
|
<th class="pr-0 pl-1"><a title="BIGFOOT + Multiplayer" href="/games/bigfoot-multiplayer" target="_blank"><img src="/media/bigfootheader.jpg" class="img-fluid lastupdate" alt="BIGFOOT + Multiplayer"></a></th>
|
|
<td class="mt-2 pb-0"><a title="BIGFOOT + Multiplayer" href="/games/bigfoot-multiplayer" target="_blank"><p class="pfont mb-0">BIGFOOT + Multiplayer</p></a><p class="text-muted mb-0"><i class="fas fa-calendar-day"></i> 30/05/2020</p> </td>
|
|
</tr>
|
|
<tr class="row">
|
|
<th class="pr-0 pl-1"><a title="ShellShock Live + Multiplayer" href="/games/shellshock-live-multiplayer" target="_blank"><img src="/media/Download-ShellShock-Live-Multiplayer-Crack.jpg" class="img-fluid lastupdate" alt="ShellShock Live + Multiplayer"></a></th>
|
|
<td class="mt-2 pb-0"><a title="ShellShock Live + Multiplayer" href="/games/shellshock-live-multiplayer" target="_blank"><p class="pfont mb-0">ShellShock Live + Multipl…</p></a><p class="text-muted mb-0"><i class="fas fa-calendar-day"></i> 22/05/2020</p> </td>
|
|
</tr>
|
|
<tr class="row">
|
|
<th class="pr-0 pl-1"><a title="The Wonderful 101: Remastered" href="/games/the-wonderful-101-remastered" target="_blank"><img src="/media/Download-The-Wonderful-101-Remastered-Crack.jpg" class="img-fluid lastupdate" alt="The Wonderful 101: Remastered"></a></th>
|
|
<td class="mt-2 pb-0"><a title="The Wonderful 101: Remastered" href="/games/the-wonderful-101-remastered" target="_blank"><p class="pfont mb-0">The Wonderful 101: Remast…</p></a><p class="text-muted mb-0"><i class="fas fa-calendar-day"></i> 19/05/2020</p> </td>
|
|
</tr>
|
|
<tr class="row">
|
|
<th class="pr-0 pl-1"><a title="State of Decay 2: Juggernaut Edition + Multiplayer" href="/games/state-of-decay-2-juggernaut-edition-multiplayer" target="_blank"><img src="/media/Download-State-of-Decay-2-Juggernaut-Edition-Multiplayer-Crack.jpg" class="img-fluid lastupdate" alt="State of Decay 2: Juggernaut Edition + Multiplayer"></a></th>
|
|
<td class="mt-2 pb-0"><a title="State of Decay 2: Juggernaut Edition + Multiplayer" href="/games/state-of-decay-2-juggernaut-edition-multiplayer" target="_blank"><p class="pfont mb-0">State of Decay 2: Juggern…</p></a><p class="text-muted mb-0"><i class="fas fa-calendar-day"></i> 13/05/2020</p> </td>
|
|
</tr>
|
|
</tbody></table>
|
|
<hr>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Optional JavaScript -->
|
|
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
|
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
|
|
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
|
|
<script src="./assets/js/changetheme.js"></script>
|
|
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function(){
|
|
$('.multiple-items').slick({
|
|
arrows:true,
|
|
infinite: true,
|
|
slidesToShow: 3,
|
|
slidesToScroll: 3
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |