Lee Banner

Display banners type (custom hover effect, custom animation, delay time display, position for text).

Banner Grid with Slider
[berybanner height="480px" align="right" move_x="20%" valign="middle" effect_text="fadeInRight" img_src="11645" link="#" is_ajax="yes"]</p> <h3>SAMSUNG</h3> <ul style="list-style: none; color: #666; font-size: 150%; margin-bottom: 20px;"> <li>3D Touch. 12MP photos.</li> <li>4k Video.</li> <li>One powerful phone</li> </ul> <p><button class="primary-color" style="margin-top: 0;">Shop Now</button>[/berybanner]
[berybanner height="480px" move_x="10%" valign="middle" effect_text="fadeInLeft" img_src="11646" link="#" is_ajax="yes"]</p> <h3>iPhone 6S</h3> <ul style="list-style: none; color: #666; font-size: 150%; margin-bottom: 20px;"> <li>3D Touch. 12MP photos.</li> <li>4k Video.</li> <li>One powerful phone</li> </ul> <p><button class="primary-color" style="margin-top: 0;">Shop Now</button>[/berybanner]
[berybanner height="230px" align="right" move_x="10%" valign="middle" effect_text="fadeInRight" hover="zoom" img_src="11638" link="#" is_ajax="yes"]</p> <div><strong style="font-size: 20px;">SAMSUNG</strong></div> <div style="margin: 5px 0 15px 0;"><strong style="font-size: 28px;">Glalaxy Note 5</strong></div> <div><em>Do You note?</em></div> <p>[/berybanner]
[berybanner height="230px" effect_text="fadeInLeft" hover="zoom" img_src="11643" link="#" is_ajax="yes"]</p> <p style="font-size: 30px; margin-bottom: 0; line-height: 1; font-family: Lato; font-weight: 100;">Macbook</p> <p style="font-size: 20px; font-family: Lato; font-weight: 100;">Light. Years ahead.</p> <p>[/berybanner]
Banner Zoom Effect
[berybanner height="160px" align="right" move_x="8%" text-align="text-right" effect_text="fadeInRight" hover="zoom" img_src="11692" is_ajax="yes"]</p> <h3 style="font-weight: 300; font-family: Lato !important; font-size: 180%; margin: 6px 0;">Compare Mac models.</h3> <p style="font-weight: 300; font-size: 120%;"><span style="color: #888;">Find the best Mac for you!</span></p> <p>[/berybanner]
[berybanner height="160px" align="right" move_x="10%" valign="middle" text-align="text-right" effect_text="fadeInRight" hover="zoom" img_src="11693" is_ajax="yes"]</p> <h3 style="font-weight: 300; font-family: Lato !important; font-size: 180%; margin: 6px 0;">Sale up to <span style="color: #ff0000;">20%</span> off</h3> <p style="font-weight: 300; font-size: 120%;"><span style="color: #888;">on all tablets you buy.</span></p> <p>[/berybanner]
Banner Slider Fullwidth
[berybanner height="499px" align="right" move_x="40%" valign="middle" effect_text="fadeInLeft" hover="zoom" img_src="11642" link="#" is_ajax="yes"]</p> <p style="font-size: 20px; line-height: 1; margin-bottom: 15px; font-family: Lato !important; color: #666;">APPLESTORE</p> <p style="font-size: 60px; line-height: 1; margin-bottom: 15px; font-family: Lato !important;">iPhone 7</p> <p style="font-size: 30px; line-height: 1; margin-bottom: 15px; font-family: Lato !important; color: #666;">Change Everything Again</p> <div><button class="primary-color">SHOP NOW</button></div> <p>[/berybanner]
[berybanner height="499px" align="right" move_x="25%" valign="middle" text-align="text-center" effect_text="fadeInRight" img_src="11640" link="#" is_ajax="yes"]</p> <p style="font-size: 35px; margin-bottom: 15px; line-height: 1; font-weight: 300;">new Accessories</p> <p style="font-size: 30px; margin-bottom: 15px; line-height: 1; font-family: Lato !important;">For iPhone</p> <div><button class="primary-color">SHOP NOW</button></div> <p>[/berybanner]
Banner Zoom In, Zoom Out, Fade Effect
[berybanner height="230px" effect_text="fadeInLeft" hover="zoom" img_src="11643" link="#" is_ajax="yes"]</p> <p style="font-size: 30px; margin-bottom: 0; line-height: 1; font-family: Lato; font-weight: 300;">Macbook</p> <p style="font-size: 20px; font-family: Lato; font-weight: 300;"><span class="primary-color">Light. Years ahead.</span></p> <p>[/berybanner]
[berybanner height="230px" align="right" move_x="10%" valign="middle" effect_text="fadeInRight" hover="reduction" img_src="11719" link="#" is_ajax="yes"]</p> <div><strong style="font-size: 20px;">SAMSUNG</strong></div> <div style="margin: 5px 0 15px 0;"><strong style="font-size: 28px;">Glalaxy Note 5</strong></div> <div><span class="primary-color"><em>Do You note?</em></span></div> <p>[/berybanner]
[berybanner height="230px" align="right" move_x="25%" effect_text="fadeInRight" hover="fade" img_src="11710" link="#" is_ajax="yes"]<strong style="font-size: 20px; font-family: Lato;">iPhone 6S</strong></p> <p><span class="primary-color">Choose your color?</span>[/berybanner]