#Finished, need some adjustment
parent
aa33fe90cf
commit
2bea3378fc
160
Src/profilo.html
160
Src/profilo.html
|
@ -13,7 +13,7 @@
|
||||||
#mainbody{
|
#mainbody{
|
||||||
width: 50%;
|
width: 50%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
height: 100vh;
|
height: 100%;
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
background: hsla(205, 46%, 30%, 1);
|
background: hsla(205, 46%, 30%, 1);
|
||||||
background: linear-gradient(90deg, hsla(205, 46%, 30%, 1) 0%, hsla(260, 29%, 36%, 1) 100%);
|
background: linear-gradient(90deg, hsla(205, 46%, 30%, 1) 0%, hsla(260, 29%, 36%, 1) 100%);
|
||||||
|
@ -58,6 +58,8 @@
|
||||||
/* classe utilizzata per ridimensionare le immagini relative agli ultimi commenti scritti */
|
/* classe utilizzata per ridimensionare le immagini relative agli ultimi commenti scritti */
|
||||||
height: 150px!important;
|
height: 150px!important;
|
||||||
width: 100px!important;
|
width: 100px!important;
|
||||||
|
border: 1px solid whitesmoke;
|
||||||
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
.table td,.table th {
|
.table td,.table th {
|
||||||
border-top: none!important;
|
border-top: none!important;
|
||||||
|
@ -69,6 +71,16 @@
|
||||||
.commentsmedia{
|
.commentsmedia{
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
.table td,.table th {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
.isoffline{
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
background-color: red;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
@ -90,16 +102,130 @@
|
||||||
<h3 class="text-center">FILM PREFERITI</h3>
|
<h3 class="text-center">FILM PREFERITI</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="card mb-3">
|
<div class="card mb-3">
|
||||||
|
<div id="carouselfavorite" class="carousel slide" 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://lordchannel.com/wp-content/uploads/2019/05/787b670fb5034be88bc2c62a756c37c3-salvatore-riina-la-mafia.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://lordchannel.com/wp-content/uploads/2019/04/11b582fcb3bf0dc2ca398a7af9e2c2e488f61122_s2_n2.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://lordchannel.com/wp-content/uploads/2019/10/The-Boys-Streaming-HD-ITA.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>
|
||||||
<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 mb-3">
|
||||||
|
<div id="carouselExampleCaptions" class="carousel slide" 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://lordchannel.com/wp-content/uploads/2020/06/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://lordchannel.com/wp-content/uploads/2019/02/fBX1QMl4iZOKxuRuBOMnoHlmS4l.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://lordchannel.com/wp-content/uploads/2019/04/5bbaeaf602117.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>
|
||||||
<div class="col-lg-4">
|
<div class="col-lg-4 mr-0">
|
||||||
|
<div class="isoffline mb-3">
|
||||||
|
Profilo Offline
|
||||||
|
</div>
|
||||||
|
<div style="border: 0px;" class="card">
|
||||||
|
<h3 class="text-center">ULTIMI COMMENTI</h3>
|
||||||
|
<table class="table table-hover">
|
||||||
|
<tbody>
|
||||||
|
<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>
|
||||||
|
<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>
|
||||||
|
</tr>
|
||||||
|
<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>
|
||||||
|
<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>
|
||||||
|
</tr>
|
||||||
|
<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>
|
||||||
|
<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>
|
||||||
|
</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 class="col-lg-4">
|
||||||
<div class="card text-center">
|
<div class="card text-center">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h3>ULTIMI COMMENTI</h3>
|
<h3>ULTIMI COMMENTI</h3>
|
||||||
|
@ -110,10 +236,34 @@
|
||||||
<p class="text-muted commentsmedia">Ciao sono un commento...</p>
|
<p class="text-muted commentsmedia">Ciao sono un commento...</p>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
<tr class="row no-gutters">
|
||||||
|
<th><img src="https://lordchannel.com/wp-content/uploads/2020/04/8WUVHemHFH2ZIP6NWkwlHWsyrEL.jpg" class="img-fluid lastimagecomments" alt=""></a></th>
|
||||||
|
<td class="mt-2"><p class="pfont">BLOODSHOT</p>
|
||||||
|
<p class="text-muted commentsmedia">Ciao sono un commento...</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="row no-gutters">
|
||||||
|
<th><img src="https://artworks.thetvdb.com/banners/series/83268/posters/5e7c982099346.jpg" class="img-fluid lastimagecomments" alt=""></a></th>
|
||||||
|
<td class="mt-2"><p class="pfont">STAR WARS - THE CLONE WARS</p>
|
||||||
|
<p class="text-muted commentsmedia">Ciao sono un commento...</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="row no-gutters">
|
||||||
|
<th><img src="https://lordchannel.com/wp-content/uploads/2019/04/258107-11.jpg" class="img-fluid lastimagecomments" alt=""></a></th>
|
||||||
|
<td class="mt-2"><p class="pfont">THE FALL - CACCIA AL SERIAL KILLER</p>
|
||||||
|
<p class="text-muted commentsmedia">Ciao sono un commento...</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="row no-gutters">
|
||||||
|
<th><img src="https://lordchannel.com/wp-content/uploads/2019/04/m2Apya9JRxlcBSjgB1qlF3KmtPN.jpg" class="img-fluid lastimagecomments" alt=""></a></th>
|
||||||
|
<td class="mt-2"><p class="pfont">CODE GEASS</p>
|
||||||
|
<p class="text-muted commentsmedia">Ciao sono un commento...</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue