Skip to content

Source code for the landingspage of the "Schooltrui VSZ" project.

Notifications You must be signed in to change notification settings

Peachey-Schoorl/schooltrui-vsz

Repository files navigation

Schooltrui VSZ Landingspage

This repository contains the source code for the landingspage of the "Schooltrui VSZ" project.

Development

The page is plain HTML.

Besides plain CSS, Bulma is used for styling.

The Bulma Carousel/Slider component is used to display the hero images.

The actual conversion page (where the sweater can be bought) is hosted on Stripe.

To gather user interest, a Google Form is used.

Color Scheme

The main colors used for the hoodie are:

  • #0F0F44 Darkblue
  • #AFAFAF Lightgrey
  • #FFFFFF White

Page Elements

The page contains the following elements:

  • Header (for the project title)
  • Hero
    • Image (for the hoodie)
    • Price
    • Size selector (for the hoodie size)
    • Color selector
    • Action Button ("Buy Now")
  • Content for more information and contact details
  • Footer (for social media links and email)