PromoPack – SALE & Black Friday Designs for Flatsome Theme
Boost Promotions, Black-Friday, Discounts & Offers with amazing SALE banners
Feature list
- 13 pre-made SALE banners included – More designs coming up
- Lifetime access to files, updates & member area
- Full integrated with Flatsome Theme
- Responsive layouts, tailored for all devices
- Symbols for commonly used elements and sections
- General use of Google Fonts
- Free stock photos by Unsplash
Banner designs
Hero 6
[row label="PromoPack: Hero 6" col_bg="#a36cd5"] [col span__sm="12"] [row_inner style="collapse" width="full-width" v_align="middle" h_align="center"] [col_inner span="7" span__sm="12"] [ux_banner height="400px" height__sm="250px" bg="https://www.flatsomedemos.com/promo-pack/wp-content/uploads/sites/22/2023/11/getty-images-DkLouad3_34-unsplash.jpg" bg_size="original" bg_color="rgba(255, 255, 255, 0)"] [/ux_banner] [/col_inner] [col_inner span="5" span__sm="10" padding="10% 10% 7% 10%" margin="0px 0px 0px -70px" margin__sm="-70px 0px 30px 0px" align="center" bg_color="rgb(255, 255, 255)" bg_radius="15" border="2px 2px 2px 2px" border_radius="15" border_color="rgb(0, 0, 0)" class="index-up"] [ux_text font_size="1.25" text_color="#a36bd5" class="tagline collapse"] <p>Black friday</p> [/ux_text] [gap height="5px"] [ux_text font_size="2.5" font_size__sm="2" font_size__md="2.2" class="headline collapse"] <p>70% OFF NOW</p> [/ux_text] [gap height="20px" height__sm="15px" height__md="10px"] [button text="✨ Shop Outlet" padding="10px 30px 13px 30px" expand="true"] [/col_inner] [/row_inner] [/col] [/row]
CTA 2
[row label="PromoPack: CTA 2"][col span__sm="12"][section bg="https://www.flatsomedemos.com/promo-pack/wp-content/uploads/sites/22/2023/11/rodion-kutsaiev-IMlem77lThM-unsplash.jpg" bg_size="original" bg_overlay="rgba(198, 170, 130, 0)" bg_overlay__sm="rgba(198, 170, 130, 0)" bg_overlay__md="rgba(198, 170, 130, 0)" bg_pos="0% 67%"][row_inner style="collapse" padding="0% 10% 0px 10%" padding__sm="0% 5% 0px 5%"][col_inner span="5" span__sm="12" span__md="5"][ux_text font_size="1.15" class="tagline collapse"]<p>WIN DEAL</p>[/ux_text][ux_text font_size="2" class="headline collapse"]<p>WIN YOUR BLACK FRIDAY WISHLIST</p>[/ux_text][gap height="5px"]<p>Worth $1000</p>[button text="Play & Win" icon="icon-angle-right"][/col_inner][/row_inner][/section][/col][/row]
CTA 1
[row label="PromoPack: CTA 1"] [col span__sm="12" bg_color="#59448c"] [row_inner style="collapse" v_align="middle"] [col_inner span="8" span__sm="12" padding="0px 0px 0px 0px" padding__sm="10% 10% 10% 10%" align="center" color="light"] [ux_text font_size="3" class="headline collapse"] <p>BLACK FRIDAY</p> [/ux_text] [ux_text text_color="#f7ff93" class="headline collapse"] <p>50% OFF EVERYTHING</p> [/ux_text] [/col_inner] [col_inner span="4" span__sm="12" align="center"] [ux_image_box style="overlay" img="https://www.flatsomedemos.com/promo-pack/wp-content/uploads/sites/22/2023/11/valeria-nikitina-necM65-zhTc-unsplash.jpg" image_height="200px" image_overlay="rgba(0, 0, 0, 0)" text_pos="middle"] [button text="Grab your deal" color="secondary" padding="10px 30px 13px 30px"] [/ux_image_box] [/col_inner] [/row_inner] [/col] [/row]
Banner 6
[row_inner label="PromoPack: Banner 6"] [col_inner span__sm="12" padding="20px 20px 20px 20px" bg_color="rgb(90, 61, 139)"] [row_inner_1 style="collapse"] [col_inner_1 span__sm="12" padding="30px 25px 25px 25px" align="center" bg_color="rgb(255, 255, 255)" bg_radius="10" color="light" class="col-round"] [ux_text font_size="1.3" text_color="rgb(90, 61, 139)" class="headline collapse"] <p>BLACK FRIDAY</p> [/ux_text] [gap height="10px"] [ux_text font_size="3" line_height="0.95" text_color="#5a3e8c" class="headline collapse"] <p>70% OFF</p> [/ux_text] [gap height="20px"] [button text="Shop now" color="alert" padding="10px 30px 13px 30px"] [ux_text text_color="#161616" class="collapse"] <p>Valid untill 23 nov </p> [/ux_text] [/col_inner_1] [/row_inner_1] [/col_inner] [/row_inner]
Banner 5
[row label="PromoPack: Banner 5" style="collapse"] [col span__sm="12" padding="10% 10% 10% 10%" align="center" bg_color="#f3f1fc"] [ux_text font_size="1" class="tagline"] <p>BLACK FRIDAY</p> [/ux_text] [ux_text font_size="2" class="h1 collapse"] <p>Last chance to buy with -50%</p> [/ux_text] [gap height="15px"] [button text="Shop sale" padding="10px 30px 13px 30px"] [gap height="60px"] [/col] [col span__sm="12" padding="0px 10% 0px 10%" margin="0px 0px 0px 0px" bg_color="rgb(221, 217, 240)"] [row_inner] [col_inner span__sm="12" margin="-100px 0px 0px 0px"] [ux_image id="https://www.flatsomedemos.com/promo-pack/wp-content/uploads/sites/22/2023/11/kisspng-responsive-web-design-wordpress-woocommerce-chair-armchair-5ab644cfa6b473.5422715115218946076828.png"] [/col_inner] [/row_inner] [/col] [/row]
Banner 4
[row label="PromoPack: Banner 4"] [col span__sm="12" padding="10% 10% 10% 10%" align="center" bg_color="#5b3a8d" color="light"] [divider width="100%" margin="20px" color="rgb(255, 255, 255)"] [ux_text font_size="3.5" line_height="0.95" class="headline collapse"] <p>BLACK <br />FRIDAY</p> [/ux_text] [gap height="10px"] [ux_text font_size="1.75" class="headline collapse"] <p>70% OFF</p> [/ux_text] [divider width="100%" margin="20px" color="rgb(255, 255, 255)"] [button text="Shop now" color="secondary" padding="10px 30px 13px 30px"] [/col] [/row]
Banner 3
[row_inner label="PromoPack: Banner 3" style="collapse"] [col_inner span__sm="12" align="center" bg_color="rgb(91, 58, 141)" color="light"] [ux_image_box style="shade" img="https://www.flatsomedemos.com/promo-pack/wp-content/uploads/sites/22/2023/11/curology-DGH1u80sZik-unsplash.jpg" image_height="80%" image_overlay="rgba(0, 0, 0, 0.081)" image_hover="zoom" link="#" text_padding="20px 20px 20px 20px"] [ux_text font_size="2" text_color="rgb(255,255,255)" class="headline collapse"] <p>BLACK FRIDAY</p> [/ux_text] [/ux_image_box] [gap] [ux_text class="collapse"] <p>Enjoy up to</p> [/ux_text] [ux_text font_size="2.65" class="headline collapse"] <p>70% <br />OFF</p> [/ux_text] [gap height="15px"] [button text="Shop now" color="secondary" padding="10px 30px 13px 30px" icon="icon-shopping-cart"] [gap] [/col_inner] [/row_inner]
Banner 2
[row_inner label="PromoPack: Banner 2" h_align="center"] [col_inner span__sm="12" span__md="8" align="center" bg_color="rgba(229, 223, 249, 0.453)"] [row_inner_1 style="collapse"] [col_inner_1 span__sm="12" bg_color="rgb(91, 58, 141)"] [gap height="125px" height__sm="125px" height__md="145px"] [/col_inner_1] [col_inner_1 span__sm="12" padding="0px 30px 30px 30px" margin="-65px 0px 10px 0px" margin__sm="-64px 0px 15px 0px" margin__md="-64px 0px 25px 0px" align="center"] [ux_image id="https://www.flatsomedemos.com/promo-pack/wp-content/uploads/sites/22/2023/11/flatsome-product-page-02-item-green.jpg" image_size="original" width="56" class="circle"] [gap height="10px"] [ux_text class="collapse"] <p>BLACK FRIDAY SALE</p> [/ux_text] [ux_text font_size="3" font_size__sm="1.4" class="headline collapse"] <p>50% OFF</p> [/ux_text] [gap height="3px"] [gap height="15px"] [button text="Shop Outlet 🎁" color="secondary" padding="10px 30px 13px 30px"] [/col_inner_1] [/row_inner_1] [/col_inner] [/row_inner]
Banner 1
[row_inner label="Long Banner 1" style="collapse"] [col_inner span__sm="12" align="center" bg_color="#f7ff93" class="col-round"] [ux_image_box style="overlay" img="https://www.flatsomedemos.com/promo-pack/wp-content/uploads/sites/22/2023/11/getty-images-dniHwZrgFW8-unsplash.jpg" image_height="220px" image_overlay="rgba(0, 0, 0, 0)" image_hover="zoom" link="#" text_pos="middle"] [row_inner_1 style="collapse"] [col_inner_1 span__sm="12" padding="15px 15px 15px 15px" bg_color="rgba(0, 0, 0, 0.186)" bg_radius="20" border="2px 2px 2px 2px" border_radius="20" border_color="rgb(255, 255, 255)"] [ux_text font_size="3.5" class="headline collapse"] <p>70%</p> [/ux_text] [ux_text font_size="1.25" class="headline collapse"] <p>DISCOUNT</p> [/ux_text] [/col_inner_1] [/row_inner_1] [/ux_image_box] [gap] [ux_text font_size="2.5" text_color="#161616" class="headline collapse"] <p>BLACK <br />FRIDAY</p> [/ux_text] [gap height="20px"] [button text="Go to shop →" padding="10px 30px 13px 30px"] [gap height="20px"] [/col_inner] [/row_inner]
Hero 5
[section label="PromoPack: Hero 5" bg="https://www.flatsomedemos.com/promo-pack/wp-content/uploads/sites/22/2023/11/getty-images-ryFbFYWh7DM-unsplash.jpg" bg_size="original" parallax="4" padding="80px" padding__sm="40px" padding__md="60px"] [gap] [row h_align="center"] [col span__sm="10" span__md="10" padding="5% 5% 5% 5%" padding__sm="10% 5% 10% 5%" align="center" bg_color="rgba(255, 255, 255, 0.622)" bg_radius="20" border="3px 3px 3px 3px" border_margin="-15px -15px -15px -15px" border_radius="20"] [gap] [gap height="20px" height__sm="10px"] [ux_text font_size="4" font_size__sm="2.5" line_height="0.75" line_height__sm="1" text_color="#5a408e" class="headline collapse"] <p>HOLIDAY SALE</p> [/ux_text] [gap height="10px"] [ux_text font_size="2" font_size__sm="1.75" line_height="0.75" line_height__sm="1" text_color="#5a408e"] <p>UP TO 50% OFF</p> [/ux_text] [button text="Shop now" color="secondary" padding="8px 30px 8px 30px"] [/col] [/row] [/section]
Hero 4
[section label="PromoPack: Hero 4" bg="https://www.flatsomedemos.com/promo-pack/wp-content/uploads/sites/22/2023/11/virginia-marinova-Hg6YxxpkJlg-unsplash.jpg" bg_size="original" parallax="7" dark="true" padding="120px" padding__sm="100px"] [row style="collapse" h_align="center"] [col span="4" span__sm="10" span__md="5" padding="50px 50px 30px 50px" align="center" bg_color="#5a3f8d"] [ux_text class="tagline"] <p>Limited time</p> [/ux_text] [ux_text font_size="4" class="headline collapse"] <p>50%<br />OFF</p> [/ux_text] [gap] [button text="Grab your deal" color="secondary" padding="10px 30px 13px 30px"] [/col] [/row] [/section]
Hero 3
[row label="Promopack: Hero 3" style="collapse" col_bg="#161616"] [col span__sm="12" bg_color="#5a3e8c"] [row_inner style="collapse" width="full-width" v_align="middle"] [col_inner span="4" span__sm="12" span__md="6" padding="5% 5% 5% 5%" align="center" color="light"] [ux_text class="tagline"] <p>Limited time</p> [/ux_text] [ux_text font_size="4" class="headline collapse"] <p>50%<br />OFF</p> [/ux_text] [gap] [button text="Grab your deal" color="secondary" padding="10px 30px 13px 30px"] [/col_inner] [col_inner span="8" span__sm="12" span__md="6"] [section bg="https://www.flatsomedemos.com/promo-pack/wp-content/uploads/sites/22/2023/11/amy-shamblen-cosmetic-xwM61TPMlYk-unsplash-scaled.jpg" bg_pos="0% 0%" height="500px"] [row_inner_1] [col_inner_1 span__sm="12" align="center"] [ux_text font_size="4" text_color="#5a3f8d" class="h1 collapse"] <p>SALE<br />SALE<br />SALE</p> [/ux_text] [/col_inner_1] [/row_inner_1] [/section] [/col_inner] [/row_inner] [/col] [/row]
Hero 2
[row label="PromoPack: Hero 2" style="collapse" v_align="equal"] [col span="6" span__sm="12" force_first="small" padding="20% 10% 20% 10%" align="center" bg_color="#161616" color="light"] [ux_text text_color="#f7ff93" class="tagline"] <p>Limited time</p> [/ux_text] [ux_text font_size="4" class="headline collapse"] <p>BLACK<br />FRIDAY</p> [/ux_text] [gap] [button text="Shop Now" color="secondary" padding="10px 30px 13px 30px"] [/col] [col span="6" span__sm="12" padding="20% 10% 20% 10%" align="center" bg_color="#f7ff93"] [ux_text class="tagline"] <p>NOW WITH</p> [/ux_text] [ux_text font_size="4" class="headline collapse"] <p>50%<br />OFF</p> [/ux_text] [gap] [button text="Shop Now" padding="10px 30px 13px 30px"] [/col] [/row]
Hero 1
[row label="PromoPack: Hero 1" h_align="center"] [col span__sm="12" padding="3% 5% 3% 5%" padding__sm="10% 3% 10% 3%" bg_color="rgb(249, 254, 159)" bg_radius="30" border="2px 2px 2px 2px" border_radius="30" border_color="rgb(0, 0, 0)"] [row_inner style="collapse" v_align="middle"] [col_inner span="7" span__sm="12" padding="0px 5% 0px 5%" align="center"] [gap height="15px"] [ux_image id="251" width="8" width__sm="15"] [ux_text font_size="3.15" font_size__sm="2.5" line_height="0.95" class="h1 collapse"] <p>BLACK FRIDAY</p> [/ux_text] [gap height="10px"] [ux_text font_size="1"] <p>Mega sale on all outdoor items!</p> [/ux_text] [button text="Shop now" padding="10px 30px 13px 30px"] [ux_text font_size="0.75"] <p>* valid untill 06 december </p> [/ux_text] [/col_inner] [col_inner span="5" span__sm="12" force_first="small" align="center"] [ux_image id="https://www.flatsomedemos.com/promo-pack/wp-content/uploads/sites/22/2023/11/promo-pack-backpack-banner-sebdelaweb.png" width="69"] [/col_inner] [/row_inner] [/col] [/row]
