"Pastel Panels with Shadows"
Bootstrap 3.3.0 Snippet by parhelion

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-sm-4"> <div class="panel panel-pink"> <div class="panel-heading">Panel Pink</div> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam porta varius enim, ut lacinia nisl bibendum ut. Donec viverra sodales. </div> </div> </div> <div class="col-sm-4"> <div class="panel panel-blue"> <div class="panel-heading">Panel Blue</div> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam porta varius enim, ut lacinia nisl bibendum ut. Donec viverra sodales.</div> </div> </div> <div class="col-sm-4"> <div class="panel panel-yellow"> <div class="panel-heading">Panel Green</div> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam porta varius enim, ut lacinia nisl bibendum ut. Donec viverra sodales.</div> </div> </div> </div> </div>
.container { margin-top: 10px; } .panel.panel-pink { border-radius: 0px; box-shadow: 0px 0px 10px #888; border-color: #EF5160; } .panel.panel-pink .panel-heading { border-radius: 0px; color: #FFF; background-color: #EF5160; } .panel.panel-pink .panel-body { background-color: #F2F2F2; color: #4D4D4D; } .panel.panel-blue { border-radius: 0px; box-shadow: 0px 0px 10px #888; border-color: #266590; } .panel.panel-blue .panel-heading { border-radius: 0px; color: #FFF; background-color: #266590; } .panel.panel-blue .panel-body { background-color: #F2F2F2; color: #4D4D4D; } .panel.panel-yellow { border-radius: 0px; box-shadow: 0px 0px 10px #888; border-color: #EFA13D; } .panel.panel-yellow .panel-heading { border-radius: 0px; color: #FFF; background-color: #EFA13D; } .panel.panel-yellow .panel-body { background-color: #F2F2F2; color: #4D4D4D; }

Related: See More


Questions / Comments: