"Market"
Bootstrap 3.3.0 Snippet by Amjido

<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="market"> <div class="row" style="with:90%;padding-left:10px;padding-right:10px;"> <div class="col-md-8" style="margin-top:10px;"> <div class="panel panel-default"> <div class="panel-body"> <h1><i class="fa fa-object-group"></i>Filtre</h1> <div style="border-bottom:1px solid black;"></div> <br/><br/> <div class="row"> <div class="col-md-8"> <div class="row"> <div class="col-md-4"> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title"><i class="fa fa-money"></i>  Le prix</h3> </div> <div class="panel-body"> <div class="form-group"> <label class=" control-label">Choisir une option :</label> <br/> <div class="radio"> <label> <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked=""> Gratuit </label> </div> <div class="radio"> <label> <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"> Payant </label> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="form-group"> <label class="control-label" for="focusedInput">Rechercher :</label> <input class="form-control" id="focusedInput" type="text" placeholder="Votre recherche"> </div> </div> </div> </div> </div> </div> <div class="col-md-4" style="padding-top:10px;"> <div class="panel panel-success"> <div class="panel-heading"> <h3 class="panel-title">Les plus téléchargés</h3> </div> <div class="panel-body"> <div class="alert alert-info" role="alert"><strong>1.</strong> <a>Lorem Ipsum</a></div> <div class="alert alert-danger" role="alert"><strong>2.</strong> <a>Lorem Ipsum</a></div> <div class="alert alert-warning" role="alert"><strong>3.</strong> <a>Lorem Ipsum</a></div> </div> </div> </div> </div> </div>
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"; body{ background-image:url('http://www.tafisher.co.uk/images/images/bg-textured/wg_blurred_backgrounds_13.jpg'); } .market{ width:80%; background-color:white; border:1px solid white; border-radius:5px; min-height:100px; margin-right:auto; margin-left:auto; margin-top:30px; margin-bottom:30px; box-shadow:5px 5px grey; }

Related: See More


Questions / Comments: