HTML
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in ornare elit, a sodales odio. Mauris pharetra tortor ut euismod aliquet. Nullam eu ultrices est. Quisque neque mauris, porttitor nec leo ac, commodo eleifend nisl. Etiam in nibh nec leo mattis ullamcorper. Maecenas nec tristique mauris. Suspendisse sit amet eros ante. Phasellus a finibus nisl. Donec tellus ligula, posuere et ullamcorper in, lacinia ac sapien. Maecenas finibus, leo at fringilla.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in ornare elit, a sodales odio. Mauris pharetra tortor ut euismod aliquet. Nullam eu ultrices est. Quisque neque mauris, porttitor nec leo ac, commodo eleifend nisl. Etiam in nibh nec leo mattis ullamcorper. Maecenas nec tristique mauris. Suspendisse sit amet eros ante. Phasellus a finibus nisl. Donec tellus ligula, posuere et ullamcorper in, lacinia ac sapien. Maecenas finibus, leo at fringilla.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in ornare elit, a sodales odio. Mauris pharetra tortor ut euismod aliquet. Nullam eu ultrices est. Quisque neque mauris, porttitor nec leo ac, commodo eleifend nisl. Etiam in nibh nec leo mattis ullamcorper. Maecenas nec tristique mauris. Suspendisse sit amet eros ante. Phasellus a finibus nisl. Donec tellus ligula, posuere et ullamcorper in, lacinia ac sapien. Maecenas finibus, leo at fringilla.
CSS
.panel-group .panel{
border-radius: 0px;
border: 0px none;
box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.133) inset;
}
.panel-body{
padding: 30px;
color: #999;
}
.panel-heading{
padding: 0;
}
.panel-title{
position: relative;
}
.panel-title > a{
display: block;
padding: 11px 35px;
background: #656565;
color:#fff;
background: #9c5bb7;
box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.133) inset;
}
.panel-title a.collapsed{
background: #34495e;
color:#fff;
box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.133) inset;
}
.panel-title > a:hover,
.panel-title > a:focus{
text-decoration: none;
outline: none;
}
.panel-title a:after{
content: "\f068";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
right:11px;
top:12px;
}
.panel-title a.collapsed:after{
content: "\f067";
}
