Components
35
Accordion Buttons Image Callout Centered Content Collaboration Carousel Community Partners Carousel Community Partners Map Contact Callout Bar Contact Form Conversation Grid Donate Featured Image Content Featured Products Hero Home Hero Image Content Large Callout Bar Latest News Logo Carousel Meet The Team Cta Products Intro Related Articles Say Hey Sectors Intro Shop Hero Shop Listing Simple Product Calculator Single Testimonial Stats Highlight Tabbed Content Team Listing Thin Buttons Callout Thin Newsletter Callout Timeline Carousel Trio Testimonials Vertical Content Carousel Video Popup Wholesale Signup Form

Accordion

FAQs

Why should we partner with Hey Girls?

Not only do we provide award-winning sustainable period products and vending units for staff, visitors and patients, we also help raise awareness of period dignity throughout the NHS, the need for products being on hand for shift workers, the advantages of reusables for shift workers and having period products on hand to give to vulnerable patients when leaving hospital. We’re also big on period education The NHS has our full support for any projects you want to run. No order or idea is too big or too small.

Why have ‘girls’ in your name when not all people that menstruate identify as female?

Hey Girls was set up by Celia and her two daughters Bec and Kate after experiencing period poverty first hand themselves when Celia was a single mum. Celia used to always greet Kate and Bec by saying ‘hey girls!’ as a term of endearment. It was not intended to be exclusive.

We have been working behind the scenes to become more inclusive and have big plans to ensure we are supporting diversity and equality around period care and education.

We’ve changed our packaging to be more inclusive (removing images of girls from the boxes), widened the messaging to change to ‘people’ rather than ‘girls’ and ‘women’ from our resources and website.

We work very closely with The Diversity Trust and focus groups to create educational resources, lesson plans and campaigns to ensure LGBTQIA+, BME and disability communities are part of everything we do.

We also have extensive educational resources on www.myperiod.org.uk – a website designed to create awareness and education around periods, that has been designed as more of a gender neutral menstrual educational tool.

How do we incorporate reusables into our period dignity campaign?

We offer reusable pants, pads and period cups. When cared for, these can last between 5 and 10 years. Although a higher price point than the disposables, they are better for the environment and more sustainable for your staff. Imagine being able to hand your staff reusables and knowing they may not need to worry about buying disposable period products for 5-10 years? Magic.

Field
Field Type
Field Name
Instructions
Title
text
title
Source
select
source
Select if this accordion is manually set up or selected from the FAQs section.
Accordion Panes
repeater
accordion_panes
-- Title
text
title
-- Content
wysiwyg
content
FAQs
post_object
faqs

				
@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
@import "../../resources/scss/vendor/bootstrap/mixins/breakpoints";

.accordion-block {
    margin: 5rem auto;
    max-width: 56rem;
    
    @include media-breakpoint-down(md) {
        margin: 3rem 0;
    }
    > h2 {
        margin-bottom: 2.5rem;
    }
}

.accordion-item {
    border-top: 1px solid $body;

    &:last-child {
        margin: 0;
        border-bottom: 1px solid $body;
    }
    .accordion-title {
        display: flex;
        color: $body;
        padding: 1rem 1.625rem 1rem 0;
        align-items: center;
        justify-content: space-between;

        p {
            font-weight: 500;
            font-size: 1.25rem;
        }
        .close-icon {
            flex-shrink: 0;
            margin-left: 0.75rem;
            transition: all 0.3s ease-in-out;
            transform: rotate(180deg);
        }
        &:hover {
            color: $red;

            .close-icon {
                color: $red;
            }
        }
        &.open {
            .close-icon {
                transform: rotate(0deg);
            }
        }
    }
    .accordion-content {
        display: none;
        padding-bottom: 1rem;

        p {
            &:last-child {
                margin-bottom: 0;
            }
        }
    }
}
There are is no JavaScript file with this component.
There are is no readme file with this component.
The owner of this website has made a commitment to accessibility and inclusion, please report any problems that you encounter using the contact form on this website. This site uses the WP ADA Compliance Check plugin to enhance accessibility.