Module pattern HTML


/ Published in: HTML
Save to your folder(s)

Authour: Mike Rumble (@rumble)


Copy this code and paste it in your HTML
  1. <div class="overlay">
  2. <div class="overlay-fg"><!--Content here --></div>
  3. <div class="overlay-bg">
  4. <div class="overlay-hd">
  5. <div class="overlay-hd-r"></div>
  6. <div class="overlay-hd-l"></div>
  7. <div class="overlay-hd-c">
  8. <div></div>
  9. </div>
  10. </div>
  11. <div class="overlay-bd">
  12. <div class="overlay-bd-r"></div>
  13. <div class="overlay-bd-l"></div>
  14. <div class="overlay-bd-c">
  15. <div></div>
  16. </div>
  17. </div>
  18. <div class="overlay-ft">
  19. <div class="overlay-ft-r"></div>
  20. <div class="overlay-ft-l"></div>
  21. <div class="overlay-ft-c">
  22. <div></div>
  23. </div>
  24. </div>
  25. </div>
  26. </div>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.