Membership options Html Code Example

The Membership Options block organizes a fitness-oriented pricing presentation around three named choices: Health, Health Plus, and Other. A centered heading and supporting paragraph introduce the cards, which sit in a three-column row over a full-width fitness image. Each card contains a title, feature details, and an action. The first two invite visitors to inquire for rates, while the Other card uses Learn More. The plan details distinguish classes, locker access, guest passes, evaluations, laundry, and personal-training sessions within one reusable section.

Plan Cards Create Defined Extension Areas

The three membership cards already divide the section into clear content regions: Health, Health Plus, and Other each have their own title, feature list, and action area. That separation gives custom code a logical place to extend the block if a surrounding project later needs additional plan-specific behavior. For example, an external inquiry or comparison element could be associated with the first two cards, whose action label is “Inquire for rates,” while a supplemental information component could sit near the Other card’s “Learn More” action. These are extension possibilities around the existing content, not functionality already contained in the section.

The underlying relationships should remain visible if an HTML Element or another integration is introduced. Health presents unlimited classes, daily locker access, fitness evaluation, guest passes, and one personal-training session. Health Plus builds on that pattern with laundry service, overnight locker access, guest passes, and three sessions. Other groups Corporate, Neighborhood, Student, Guest Passes, and Spousal categories. Because the cards share one row over a fitness image, any custom component should fit within a bounded card region or adjacent content area rather than replacing the pricing arrangement. Nicepage documents the HTML Element as a way to add project-specific external code while keeping the section’s original content structure in place.

Customize with Nicepage

Open this ready-made template in the HTML Code Generator and customize it visually in the Nicepage editor. Replace demo content, edit page sections, and adapt the design to your project without rebuilding the template from scratch.

Download

Edit Template Offline

1. Download and Install the Nicepage application for Windows and Mac. Or WordPress and Joomla plugins from the download page
2. Create a new page or select existing
3. Click Add new block, search for id 2648666 and click enter

Edit Template Online

Run Online Builder to edit this template on our hosting

Create Awesome Websites

WordPress

Windows App

Joomla

Mac OS App

HTML5

Online

Free Nicepage Builder

15,000+ Templates

Easy Drag-n-Drop

No Coding

Mobile-Friendly

Keywords

Extend This Page With Custom HTML Code

Insert Code With the HTML Element

Use the HTML Element to add custom code directly to a Block in the Nicepage editor. Enter the required markup in the Code field when the page needs content or functionality that is not available through the standard page elements.

Place the HTML Element in the Layout

Treat the HTML Element as part of the visual page composition. Adjust its position, width, height, alignment, and margins to place the custom content where it belongs alongside text, images, buttons, and other elements. This makes it possible to combine visually edited sections with project-specific code without separating the custom element from the rest of the layout.

Add HTML, CSS, JavaScript, and External Components

The HTML Element supports HTML, CSS, and JavaScript, allowing you to extend the page with custom markup and interactive functionality. It can also be used to embed custom code and third-party components, such as social feeds, advertising code, widgets, or other external functionality required by the project.

This workflow makes the template useful for projects that need a visual page editor together with custom HTML code, JavaScript, embedded components, and functionality beyond the standard page elements.