#Added CSS for Profile Img
parent
2dc577bf29
commit
1896ea1fea
|
@ -16,13 +16,9 @@
|
|||
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 );
|
||||
}
|
||||
#biografia{
|
||||
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue