Blog Components

HTML Table Tags
There is a table styled using CSS, with all styles applied via attributes. Update the styles directly within the <style> tag inside the embed. Once you’re done styling, copy the entire <style> block from the embed and paste it into the <head> of the target page. Finally, copy the full HTML starting from the .table-container element, including all its content.
Table
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Marketing Banners
Custom-made and styled marketing banners and elements are available for use. Each banner comes with pre-made classes, which you can use and further customize as needed.
Once your banner is styled, copy the full HTML directly from your browser’s Inspect tool. Start copying from the outer <div> with the class blog_inner-cta-component-1 and share the HTML with the client or marketing team.
📄 Example of a well-structured deliverable:
Google Docs Example
Important Notes:These elements are placed inside a Rich Text block, which means they inherit the default styles of the rich text. To avoid styling conflicts, custom classes must be used for buttons and optionally for paragraphs and bullet lists, depending on the design needs. Add any necessary overrides with !important to the global embed on the page. For example:
.blog-banner-button {
 color: var(--base-color-neutral--black) !important;
 text-decoration: none !important;
 font-weight: 400 !important;
}
.blog_inner-cta-component-1 p,
.blog_inner-cta-component-2 p,
.blog_inner-callout p {
 margin: 0 !important;
 padding: 0 !important;
}

Gated Content Banner Headline Stays Here

Subheading stay here

Tailored Packaging Solutions, Just for You

Tailored Packaging Solutions, Just for You

Our sales team is happy to discuss your design requirements, order quantities, and sustainability goals to create a packaging solution that fits your brand perfectly.

Tailored Packaging Solutions, Just for You

Tailored Packaging Solutions, Just for You

Our sales team is happy to discuss your sustainability goals to create a packaging solution that fits your brand perfectly.

Pharmapack

January 24~25, 2024
Packaging Innovation Awards Winner at Pharmapack Europe 2024
Pharmapack logo
Callouts
This is Important

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Tips and tricks

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

This is a Note

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.