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

#Added CSS for Profile Img

Test
MickSlash 2020-07-07 14:15:43 +02:00
parent 2dc577bf29
commit 1896ea1fea
1 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
Src/profilo.html
View File

@ -16,14 +16,10 @@
height: 100vh;
border: 1px solid black;
background: hsla(205, 46%, 30%, 1);
background: linear-gradient(90deg, hsla(205, 46%, 30%, 1) 0%, hsla(260, 29%, 36%, 1) 100%);
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%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#295270", endColorstr="#524175", GradientType=1 );
background: linear-gradient(90deg, hsla(205, 46%, 30%, 1) 0%, hsla(260, 29%, 36%, 1) 100%);
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%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#295270", endColorstr="#524175", GradientType=1 );
}
#biografia{
padding: 20px 35px;
@ -37,6 +33,10 @@ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#295270", en
#img-border{
border: 5px solid grey;
}
.img-fluid{
width: 260px;
height: 260px;
}
.card {
background: inherit!important;
}
@ -45,6 +45,9 @@ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#295270", en
width: auto;
height: 100%;
}
.spacename{
margin-top: 10px;
}
}
</style>
</head>
@ -56,7 +59,7 @@ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#295270", en
<img id="img-border" src="https://avatarfiles.alphacoders.com/162/162492.png" class="img-fluid" alt="">
</div>
<div class="col-lg-8">
<h3 class="text-center">NOME PROFILO</h3>
<h3 class="text-center spacename">NOME PROFILO</h3>
<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>
@ -77,7 +80,7 @@ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#295270", en
</div>
</div>
<div class="col-lg-4">
<div class="card">
<div class="card text-center">
<h1>HELLO</h1>
</div>
</div>