Case Study

Durham College x Pino Realty Group - Website Design With Learners Zoe and Emily

The Company

Alex Pino works in the Real Estate industry but has also been a photographer for 35 years. Over the years, he has built an extensive portfolio.

The Institution

At Durham College, Zoe and Emily are both contemporary web design learners who were looking for a field placement in their 4th semester.

The Challenge

Alex wanted to showcase his photography portfolio on a personal website and have an e-commerce function to have the ability to sell his photos. He was looking for web developers who could design and implement his requested features.

The Outcome

"I am very happy with the end product and have had great feedback from third parties as they found the site appealing, simple and well-structured. Due to Covid-19, the e-commerce portion of the site was not possible to activate as there are restrictions for goods and services to freely operate. The site has the capacity so we need to turn it on when we go back to a new normal." Alex Pino, Pino Realtor Group

January 25, 2023
|
Resources
|
Share
Download
Your asset will automatically download.
Didn’t get it?
Download Now
Jump ahead:

Enter your email address to subscribe to The Riipen Report.
Subscribe
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
Field Description / Help text
hs-field-desc
This is help text for the field
Field error message
hs-error-msgs inputs-list
hs-error-msg
  • 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
hs-fieldtype-textarea is added as combo class.
Checkboxes
hs-form-booleancheckbox
hs-form-booleancheckbox-display
inputs-list
hs-input
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.
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
RecaptCHA
hs-recaptcha
Submit button
hs_submit
hs-button
Oops! Something went wrong while submitting the form.