<style>
.banner-top, .banner-bottom{
border: 2px solid red;
border-radius: 30px;
}
.banner-top{
border-bottom: none;
}
.banner-bottom{
border-top: none;
}
.banner-center{
margin: 0 -30px;
}
</style>
<div class="banner">
<div class="banner-top">
CONTENT TOP
</div>
<div class="banner-center">
<img src="..." alt="">
</div>
<div class="banner-bottom">
CONTENT BOTTOM
</div>
</div>
$('#buttonID').click(function(){
$('#modalID').modal('show');
});