KevBurnsJr

<div class="bananular">
<div class="mod0 mod">
    <p>Ring Ring Ring Ring Ring Ring Ring</p>
    <h2>Banana phone!</h2>
    <div class='overlap'><div></div></div>
</div>
 
<div class="mod1 mod">
    <p>Ring Ring Ring Ring Ring Ring Ring</p>
    <h2>Banana phoooooooone!</h2>
    <div class='overlap'><div></div></div>
</div>
 
<div class="mod2b mod">
    <p>I've got this </p>
    <h2>Feeeeeling!</h2>
    <div class='overlap'><div></div></div>
</div>
 
<div class="mod2c mod">
    <p>so</p>
    <h2>Appeeealing!</h2>
    <div class='overlap'><div></div></div>
</div>
 
<div class="mod2 mod">
    <p>Ive got this feeling, so appealing, for us to get together and sing.</p>
    <h2>Sing!</h2>
    <div class='overlap'><div></div></div>
</div>
 
<div class="mod3 mod">
    <p>Ring Ring Ring Ring Ring Ring Ring</p>
    <h2>Banana phone!</h2>
    <div class='overlap'><div></div></div>
</div>
 
<div class="mod4 mod">
    <p>Ding Dong Ding Dong Ding Dong Ding</p>
    <h2>Donana phone!</h2>
    <div class='overlap'><div></div></div>
</div>
 
<div class="mod5 mod">
    <p>It grows in bunches, Ive got my hunches, Its the best! Beats the rest!</p>
    <div class='feature'><h2>Cellular</h2><div class='overlap'><div></div></div></div>
    <div class='feature'><h2>Modular</h2><div class='overlap'><div></div></div></div>
    <div class='feature'><h2>Interactivodular</h2><div class='overlap'><div></div></div></div>
</div>
 
<div class="mod6 mod">
    <p>Ring Ring Ring Ring Ring Ring Ring</p>
    <h2>Banana phone!</h2>
    <div class='overlap'><div></div></div>
</div>
 
<div class="mod7 mod">
    <p>Ping Pong Ping Pong Ping Pong Ping</p>
    <h2>Panana phone!</h2>
    <div class='overlap'><div></div></div>
</div>
 
<div class="mod8 mod">
    <p>Its no baloney, it aint a phony, My cellular</p>
    <h2>Bananular phone!</h2>
    <div class='overlap'><div></div></div>
</div>
 
</div>
<style>
.bananular .overlap { 
    position: absolute; 
    height: 0; width: 405px; 
    border-top:   10px solid #777;
    border-left:  10px solid transparent; 
    border-right: 10px solid transparent; 
}
.bananular .overlap div { 
    height: 10px; 
    margin-top: -10px; 
    background: #fff; 
}
 
.bananular { width: 425px; margin: 10px auto; background: transparent; }
.bananular h2 { padding: 30px 0; background: #ccc; font-size: 48px; text-align: center; color: #000; font-weight: bold; }
.bananular p, .bananular ul { margin: 0 10px; padding: 10px 20px; background: #fff; font-size: 12px; color: #999; }
.bananular .mod { clear: left; }
.bananular .mod1 .overlap { position: static; font-size: 36px; }
.bananular .mod1 .overlap div { display: none; }
.bananular .mod1 h2 { font-size: 32px; }
.bananular .mod2 h2 { background: #FF007F; font-size:100px; }
.bananular .mod2 .overlap { border-top-color: #78003C; }
.bananular .mod2b h2 { background: #FFAA00; }
.bananular .mod2b .overlap { border-top-color: #6E4900; }
.bananular .mod2c h2 { background: #00AAFF; }
.bananular .mod2c .overlap { border-top-color: #005F8E; }
.bananular .mod3 h2 { background: #FFFF4C; }
.bananular .mod3 .overlap { border-top-color: #929300; }
.bananular .mod3 .overlap div { height: 7px; margin-top: -7px; }
.bananular .mod4 { margin: 0 10px; background: #fff; }
.bananular .mod4 p { margin: 0; }
.bananular .mod4 h2 { padding: 10px 0; font-size: 32px; background: #ddd; margin: 0 20px; }
.bananular .mod4 .overlap { width: 0; border-left-width: 355px; border-right-width: 10px; border-top: 2px solid #333; margin: 0 0 0 20px; }
.bananular .mod5 { background: #fff; margin: 0 10px; float: left; padding-bottom: 10px; width: 405px; }
.bananular .mod5 p { margin: 0; }
.bananular .mod5 .feature { float: left; margin: 0 0 0 19px; }
.bananular .mod5 .feature h2 { width: 110px; font-size: 12px; padding: 10px 0; background: #ddd; }
.bananular .mod5 .feature .overlap { width: 90px; font-size: 12px; border-left-width: 55px; border-right-width: 55px; border-top: 2px solid #333; width: 0; }
.bananular .mod6 h2 { border-top: 2px solid #ddd; border-bottom: 2px solid #bbb }
.bananular .mod7 h2 { border: 4px solid #fff; }
.bananular .mod8 { margin-left: -20px; width: 465px; }
.bananular .mod8 p { margin: 0 30px; }
.bananular .mod8 .overlap { border-width: 30px; border-top-width: 10px; }
.bananular .mod8 .overlap div { height: 10px; margin-top: -10px; }
</style>