API tools faq
paste
Advertisement
Queentelor

Hover Boxes HTML

Queentelor
Apr 10th, 2024
141
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.82 KB | None | 0 0
raw download clone embed print report
  1. HOVER BOXES
  2.  
  3. /* One Small Box */
  4. <div class="boxcontainer"><div class="Box3"><h3>HEADER</h3>text</div></div>
  5.  
  6. /* Two Small Boxes */
  7. <div class="boxcontainer"><div class="Box3"><h3>HEADER</h3>text</div><div class="Box3"><h3>HEADER</h3>text</div></div>
  8.  
  9.  
  10. /* Three Small Boxes */
  11. <div class="boxcontainer"><div class="Box3"><h3>HEADER</h3>text</div><div class="Box3"><h3>HEADER</h3>text</div><div class="Box3"><h3>HEADER</h3>text</div></div>
  12.  
  13. /* Two Small Boxes and One Medium Box */
  14. <div class="boxcontainer"><div class="Box3"><h3>HEADER</h3>text</div><div class="Box2"><h3>HEADER</h3>text</div><div class="Box3"><h3>HEADER</h3>text</div></div>
  15.  
  16. /* One Medium Box */
  17. <div class="boxcontainer"><div class="Box2"><h3>HEADER</h3>text</div></div>
  18.  
  19. /* Two Medium Boxes */
  20. <div class="boxcontainer"><div class="Box2"><h3>HEADER</h3>text</div><div class="Box2"><h3>HEADER</h3>text</div></div>
  21.  
  22. /* One Large Box */
  23. <div class="boxcontainer"><div class="Box1"><h3>HEADER</h3>text</div></div>
  24.  
  25. /* Three Small Boxes, One Large Box underneath */
  26. <div class="boxcontainer"><div class="Box3"><h3>HEADER</h3>text</div><div class="Box3"><h3>HEADER</h3>text</div><div class="Box3"><h3>HEADER</h3>text</div></div><div class="boxcontainer"><div class="Box1"><h3>HEADER</h3>text</div></div>
  27.  
  28. /* Two Medium Boxes, One Large Box underneath */
  29. <div class="boxcontainer"><div class="Box2"><h3>HEADER</h3>text</div><div class="Box2"><h3>HEADER</h3>text</div></div>
  30. <div class="boxcontainer"><div class="Box1"><h3>HEADER</h3>text</div></div>
  31.  
  32. /* Two Small Boxes and One Medium Box, One Large Box underneath */
  33. <div class="boxcontainer"><div class="Box3"><h3>HEADER</h3>text</div><div class="Box2"><h3>HEADER</h3>text</div><div class="Box3"><h3>HEADER</h3>text</div></div><div class="boxcontainer"><div class="Box1"><h3>HEADER</h3>text</div></div>
  34.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!