Bootstrap snippet: vs voting system

designed to help people of all skill levels - designer or developer, huge nerd or early beginner.
copy and paste the code. Use it as a complete kit or use it to start something more complex.
tags: rating,voting,social,favorite



<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css"> <div class="container bootstrap snippet"> <div class="row"> <div class="well"> <h1 class="text-center text-primary"> <span class="glyphicon glyphicon-thumbs-up"></span> <b>Vote for your favorite social network</b> </h1> <div class="list-group"> <a href="#" class="list-group-item"> <div class="col-md-3"> <div class="media col-md-12 twitter"> <figure class="pull-left"> <i class="fa fa-twitter"></i> </figure> </div> <div class="media col-md-12"> <button type="button" class="btn btn-default btn-lg btn-block"> Vote</button> <div class="stars text-center text-warning"> <span class="glyphicon glyphicon-star"></span> <span class="glyphicon glyphicon-star"></span> <span class="glyphicon glyphicon-star"></span> <span class="glyphicon glyphicon-star"></span> <span class="glyphicon glyphicon-star-empty"></span> </div> </div> </div> <div class="col-md-6 text-center"> <h1 class="vs-title">Vs</h1> </div> <div class="col-md-3"> <div class="media col-md-12 facebook-like"> <figure class="pull-left"> <i class="fa fa-facebook"></i> </figure> </div> <div class="media col-md-12"> <button type="button" class="btn btn-default btn-lg btn-block"> Vote</button> <div class="stars text-center text-warning"> <span class="glyphicon glyphicon-star"></span> <span class="glyphicon glyphicon-star"></span> <span class="glyphicon glyphicon-star"></span> <span class="glyphicon glyphicon-star"></span> <span class="glyphicon glyphicon-star-empty"></span> </div> </div> </div> </a> </div> </div> </div> </div>
a.list-group-item { height:auto; min-height:220px; } a.list-group-item.active small { color:#fff; } a.list-group-item .vs-title { font-size: 110px; box-shadow: 0 1px 1px rgba(0,0,0,.5) } .fa { font-size: 200px;color:#FFFFFF;} .social a { text-decoration:none; } .twitter { background-color:#00acee; border-radius:4px;box-shadow: 0 5px 15px rgba(0,0,0,.5)} .facebook-like { background-color:#3b5998;border-radius:4px;margin-top:-3px;box-shadow: 0 5px 15px rgba(0,0,0,.5)}
Dey-Dey

vs voting system

Dey-Dey
  Jun 19th 2014, 10:49
2.5K Views