Advanced Search

Module pattern HTML

/ Published in: HTML
Save to your folder(s)
Authour: Mike Rumble (@rumble)

Expand | Embed | Plain Text

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.