MickSlash
/
SomethingThatDoesntSuck
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: MickSlash:3bbb7c669071b95a19bc4bacd9e745f39b5cb711
Branches Tags
MickSlash:Test
MickSlash:master
...
compare: MickSlash:c3894ebfce5b9cad6ee71c39ed4c378f771775a7
Branches Tags
MickSlash:Test
MickSlash:master

2 Commits
3bbb7c6690 ... c3894ebfce

Author SHA1 Message Date
Lucio Vignotto c3894ebfce #Added CSS Class PersonalProfile 2020-07-08 19:28:49 +02:00
Lucio Vignotto 897baef035 #Fix image 2020-07-08 19:15:59 +02:00
1 changed files with 28 additions and 18 deletions
Show Stats Expand all files Collapse all files

46
Src/profilo.html
View File

@ -24,6 +24,13 @@
#biografia{ #biografia{
padding: 20px 35px; padding: 20px 35px;
} }
.card-comments{
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; box-sizing: border-box;
} }
@ -86,6 +93,9 @@
text-align: center; text-align: center;
background-color: #DD1155; background-color: #DD1155;
} }
.personalprofile{
background-color: rgba( 0, 0, 0, 0.3 )!important;
}
.carousel{ .carousel{
width: 300px; width: 300px;
} }
@ -105,7 +115,7 @@
</style> </style>
</head> </head>
<body> <body>
<div class="my-3" id="mainbody"> <div id="mainbody">
<div class="container"> <div class="container">
<div class="row no-gutters mt-4"> <div class="row no-gutters mt-4">
<div class="col-lg-4 text-center my-auto"> <div class="col-lg-4 text-center my-auto">
@ -119,10 +129,10 @@
</div> <!-- FINE ROW --> </div> <!-- FINE ROW -->
<div class="row no-gutters mt-3"> <div class="row no-gutters mt-3">
<div class="col-lg-8 px-3"> <div class="col-lg-8 px-3">
<div class="card-header"> <div class="card-header card-comments">
<h3 class="text-center">FILM PREFERITI</h3> <h3 class="text-center">FILM PREFERITI</h3>
</div> </div>
<div class="card mt-3 mb-3"> <div class="card mb-3 personalprofile">
<div id="carouselfavorite" class="carousel slide mx-auto" 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>
@ -131,17 +141,17 @@
</ol> </ol>
<div class="carousel-inner"> <div class="carousel-inner">
<div class="carousel-item active"> <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="..."> <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 class="carousel-caption d-none d-md-block">
</div> </div>
</div> </div>
<div class="carousel-item"> <div class="carousel-item">
<img src="https://lordchannel.com/wp-content/uploads/2019/04/11b582fcb3bf0dc2ca398a7af9e2c2e488f61122_s2_n2.jpg" class="d-block w-100" alt="..."> <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 class="carousel-caption d-none d-md-block">
</div> </div>
</div> </div>
<div class="carousel-item"> <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="..."> <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 class="carousel-caption d-none d-md-block">
</div> </div>
</div> </div>
@ -156,10 +166,10 @@
</a> </a>
</div> </div>
</div> </div>
<div class="card-header"> <div class="card-header card-comments">
<h3 class="text-center">DA GUARDARE</h3> <h3 class="text-center">DA GUARDARE</h3>
</div> </div>
<div class="card mt-3 mb-3"> <div class="card mb-3 personalprofile">
<div id="carouselExampleCaptions" class="carousel slide mx-auto" 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>
@ -168,16 +178,16 @@
</ol> </ol>
<div class="carousel-inner"> <div class="carousel-inner">
<div class="carousel-item active"> <div class="carousel-item active">
<img src="https://lordchannel.com/wp-content/uploads/2020/06/eSkjK4kctyrWpFhxl35GPvSs6tI.jpg" class="d-block w-100" alt="..."> <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 class="carousel-caption d-none d-md-block"> </div>
</div> </div>
<div class="carousel-item"> <div class="carousel-item">
<img src="https://lordchannel.com/wp-content/uploads/2019/02/fBX1QMl4iZOKxuRuBOMnoHlmS4l.jpg" class="d-block w-100" alt="..."> <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 class="carousel-caption d-none d-md-block">
</div> </div>
</div> </div>
<div class="carousel-item"> <div class="carousel-item">
<img src="https://lordchannel.com/wp-content/uploads/2019/04/5bbaeaf602117.jpg" class="d-block w-100" alt="..."> <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 class="carousel-caption d-none d-md-block">
</div> </div>
</div> </div>
@ -197,21 +207,21 @@
<div class="isoffline mb-3"> <div class="isoffline mb-3">
Profilo Offline Profilo Offline
</div> </div>
<div style="border: 0px;" class="card"> <div class="card">
<h3 class="text-center">ULTIMI COMMENTI</h3> <h3 class="text-center">ULTIMI COMMENTI</h3>
<table class="table table-hover"> <table class="table table-hover">
<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://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">THE ITALIAN JOB</p></a><p class="text-center commentsmedia">Bellissimo! Lo guardavo sempre con mia sorella! :)</p></td> <td class="mt-2"><a target="_blank"><p class="pfont text-center">STAR WARS THE CLONE WARS</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://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">IL CAPO DEI CAPI</p></a><p class="text-center commentsmedia">Bellissima serie TV! TOP</p></td> <td class="mt-2"><a target="_blank"><p class="pfont text-center">THE SHIELD</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://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">1917</p></a><p class="text-center commentsmedia">Film strepitoso! Consiglio a tutti di guardarlo! :)</p></td> <td class="mt-2"><a target="_blank"><p class="pfont text-center">ADAM KADMOND</p></a><p class="text-center commentsmedia">Film strepitoso! Consiglio a tutti di guardarlo! :)</p></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>