Riipen News

Welcome to our work-based learning made simple blog

Riipen is a work-based learning platform helping educators, companies, and students find and collaborate on real industry projects to bridge the gap between higher education and employment.

Book a Demo

Explore our Blog

Content for:

For Learners

For Employers

For Colleges + Universities

Filter by:

No items found.

eBook: The Future of Work-Based Learning

Mutually-beneficial collaboration is at the heart of what we do.

Download the Ebook

Enter your email address to subscribe to the Riipen Report.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Some Form Elements

hs-form

form-columns-1

form-columns-2

hs-form is main form class.

form-columns-1 is class of wrapper with 1 column for inputs.

form-columns-2 is class of wrapper with 2 columns for inputs.

input and label

hs-input

Form label

Field Description / Help text

hs-field-desc

Form label

This is help text for the field

Field error message

hs-error-msgs inputs-list

hs-error-msg

Form label

Error message label

hs-error-msgs inputs-list is an HTML list element.

hs-error-msg is a text span inside HTML List Item element.

Text area Input

hs-input hs-fieldtype-textarea

Form label

hs-fieldtype-textarea is added as combo class.

Checkboxes

hs-form-booleancheckbox

hs-form-booleancheckbox-display

inputs-list

hs-input

Nature
Politics
Technology

Note: HubSpot uses basic HTML checkboxes, Webflow checkboxes works differently than the default HTML checkboxes, hence in order to style HubSpot checkboxes you need custom CSS.

Checkbox 3

you can use Webflow checkbox to style and then copy CSS from it.

Radio Buttons

inputs-list

hs-form-radio

hs-form-radio-display

inputs-list

hs-input

Success message

submitted-message

This is form success message

RecaptCHA