#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

View File

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