CSS Card in Bangla Language

Code :



<style>

#parent, #parent1,#parent2 {

width: 30%;

box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);

margin-left: 30px;

float:left;



}

img {



width: 100%;

}

#info {

padding: 10px 15px;

font-weight: bold;



}

#parent:hover {

box-shadow: 4px 8px 12px 4px rgba(0,0,0,0.2);

}

</style>





<div id="parent">

<img src="pic2.jpg"  />

    <div id="info">

    <p>Name: XYZ</p>

        <p>Designation: Web Developer</p>

    </div>



</div>

<div id="parent1">

<img src="pic2.jpg"  />

    <div id="info">

    <p>Name: XYZ</p>

        <p>Designation: Web Developer</p>

    </div>



</div>

<div id="parent2">

<img src="pic2.jpg"  />

    <div id="info">

    <p>Name: XYZ</p>

        <p>Designation: Web Developer</p>

    </div>



</div>