Bootstrap snippet: something

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.



<div class="row bg-image-container"> <div class="col-md-3 three columns offset-by-two bg-avatar animated delay_2 fadeInLeft"></div> <div class="col-md-2 two columns hide-on-phones bg-dresser"></div> <div class="col-md-4 four columns hide-on-phones bg-closet"></div> </div> <div class="row"> <div class="twelve columns bottom-border"></div> </div>
body { font-family: "Helvetica", Helvetica, Arial, sans-serif; background-color: #55C0EE; z-index: 0; } .bg-image-container { position: relative; } .bg-avatar { z-index: -1; width: 140px; height: 288px; margin-top: 5px; background: url('http://globalcloset.education.nationalgeographic.com/images/wf/avatar.png') no-repeat; } .bg-dresser { z-index: -2; margin-top: 110px; width: 137px; height: 184px; background: url('http://globalcloset.education.nationalgeographic.com/images/wf/dresser.png') no-repeat; } .bg-closet { z-index: -2; position: absolute; right: 50px; bottom: 0; width: 278px; height: 394px; background: url('http://globalcloset.education.nationalgeographic.com/images/wf/closet.png') no-repeat; }
Dey-Dey

something

Dey-Dey
  May 13th, 18:28
28 Views