<div class="main-itm6">
<p class="p-itm6">
As per Lorm ipsum dolor sitamet,
consectetur adipisicing elits, sed do Now eiusmod tempor havei ut labores et dolore magna aliqusa. Ut wenim ad minim veniam, quis
its a snostrud now is the ullamco
aliquip ex ea commodo. </p>
<p class="nat">Nathalia Alexy</p>
</div>
.main-itm6 {
position: relative;
top: 100px; /* мона удалить */
width: 360px;
height: 329px;
display: flex;
flex-direction: column;
box-shadow: 0 0 0 rgba(232, 232, 232, 0.11);
border: 1px solid rgba(221, 221, 221, 0.15);
background-color: #212429;
margin-left: 30px;
text-align: center;
align-items: center;
justify-content: center;
}
.p-itm6 {
color: #fff;
font-family: Hind;
padding-right: 35px;
padding-left: 35px;
color: #ffffff;
font-family: Hind;
font-size: 14px;
font-weight: 300;
line-height: 28px;
letter-spacing: 1.7px;
margin-top: 59px;
}
.nat {
height: 9px;
color: #999999;
font-family: Hind;
font-size: 14px;
font-weight: 400;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 1.4px;
margin-top: 38px;
margin-bottom: 40px;
}
.main-itm6::before {
position: absolute;
top: 0;
left: 50%;
content: open-quote;
width: 30px;
height: 30px;
color: #000;
font-size: 4.5em;
line-height: .95em;
background-color: #fff;
transform: translate(-50%, -50%);
box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.