HTML
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis sodales sapien, a ornare quam feugiat eu. In hac habitasse platea dictumst. Curabitur sed vehicula justo, eget mollis odio. Phasellus sagittis pulvinar lorem, non malesuada ligula scelerisque ut. Vestibulum iaculis nunc eu purus mattis tincidunt. Integer suscipit ipsum laoreet ex commodo egestas. In tellus nisi, rhoncus porttitor felis id, molestie placerat mi. In non dolor erat. Etiam scelerisque enim ac lectus cursus, et eleifend justo tempor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis sodales sapien, a ornare quam feugiat eu. In hac habitasse platea dictumst. Curabitur sed vehicula justo, eget mollis odio. Phasellus sagittis pulvinar lorem, non malesuada ligula scelerisque ut. Vestibulum iaculis nunc eu purus mattis tincidunt. Integer suscipit ipsum laoreet ex commodo egestas. In tellus nisi, rhoncus porttitor felis id, molestie placerat mi. In non dolor erat. Etiam scelerisque enim ac lectus cursus, et eleifend justo tempor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis sodales sapien, a ornare quam feugiat eu. In hac habitasse platea dictumst. Curabitur sed vehicula justo, eget mollis odio. Phasellus sagittis pulvinar lorem, non malesuada ligula scelerisque ut. Vestibulum iaculis nunc eu purus mattis tincidunt. Integer suscipit ipsum laoreet ex commodo egestas. In tellus nisi, rhoncus porttitor felis id, molestie placerat mi. In non dolor erat. Etiam scelerisque enim ac lectus cursus, et eleifend justo tempor.
CSS
.panel-group .panel{
border:0px none;
border-radius: 0px;
box-shadow: none;
}
.panel-default > .panel-heading{
padding: 0;
border-radius: 0px;
background-color: #00bcd4;
}
.panel-title > a{
display: block;
padding: 15px;
position: relative;
border-bottom: 2px solid #ff5722;
color:#fff;
}
.panel-title > a:hover,
.panel-title > a:focus{
text-decoration: none;
outline: none;
}
.panel-title > a:after,
.panel-title > a.collapsed:after{
content: "\f106";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color:#fff;
position: absolute;
right:15px;
top:5px;
font-size: 28px;
}
.panel-title > a.collapsed:after{
content: "\f107";
}
.panel-title > a.collapsed{
border-bottom: 1px solid #00bcd4;
}
.panel-title > a.collapsed:hover{
border-color:#e74a39;
}
.panel-body{
background: #fff;
color:#888;
font-size: 13px;
line-height: 20px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body{
border-top: 0px none;
}
