Tabbed Content
the primary school pack includes:
- Teachers’ Guide Plans for 2.
- Activities and 4 Lessons for use with pupils aged 8+.
- Full Learning Spiral linked to Curriculum benchmarks in Scotland, England and Wales.
- Hints and Tips for Assemblies, Extra Curricular Activities, running a Period Poverty campaign and distributing period products in your school.
- We’ve created an educational animation for primary school students, take a look here.
the secondary school pack includes:
- Teachers’ Guide, including advice on integrating period education across your school.
- Plans for 5 Activities and 7 Lessons for use across the school.
- Full Learning Spiral linked to Curriculum benchmarks in Scotland, England and Wales.
- Hints and Tips for Assemblies, Extra Curricular Activities, running a Period Poverty campaign, and distributing period products in your school.
- We’ve created a primary and secondary school educational animation video as a useful tool to understand periods.
the youth group pack Includes:
- My Period Bingo Activity, including activity information and bingo cards.
- Period Product Testing Activity, including activity information and advice, suitable for all ages.
- Planning a Period Poverty Campaign Guide, detailing how to plan and run a campaign in your community.
- We’ve created a primary and secondary school educational animation video as a useful tool to understand periods.
train the trainer
Hey Girls runs free Train the Trainer sessions for schools that buy Hey Girls period products. Get in touch with your Local Authority to find out about training in your area or email education@heygirls.co.uk
Distributing period products in your setting…
Since March 2018, Hey Girls has been working closely with partner schools, colleges and universities to help distribute period products. We have seen some amazing examples of best practice. As free period products become more and more available, we thought it would be helpful to bring together recommendations into an easy Step-By-Step guide.
This guide is for anyone responsible for distributing period products. We hope it is helpful for decision-makers in schools, colleges, universities and Local Authorities across the UK. It is designed to share best practice in product distribution that is emerging in Scotland, and give you ideas for how providing free products could work in your setting. We want to support you to support your students.
Download the pack
helpful links to other organisations
We hope you will find the below external resources helpful…
Field
Field Type
Field Name
Instructions
Tabs
repeater
tabs
-- Tab Name
text
tab_name
-- Title
text
title
-- Content
wysiwyg
content
-- Foreground Image
image
foreground_image
-- Background Image
image
background_image
-- Buttons
repeater
buttons
---- Button
link
button
---- Button Style
select
button_style
---- Show Download Icon
true_false
download
@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
@import "../../resources/scss/vendor/bootstrap/mixins/breakpoints";
.tabbed-content-wrap {
margin: 5rem 0;
@include media-breakpoint-down(md) {
margin-top: 3rem;
margin-bottom: 3rem;
}
@include media-breakpoint-down(sm) {
.tab-images-col {
order: 2;
}
.tab-content {
order: 1;
}
}
header {
border-bottom: 1px solid #979797;
margin-bottom: 5rem;
@include media-breakpoint-down(sm) {
margin-bottom: 3rem;
}
@media (max-width: 767px) {
top: 3.5rem;
position: sticky;
z-index: 5;
background: #fff;
}
}
nav {
display: flex;
@include media-breakpoint-down(xs) {
overflow: scroll;
}
a {
display: block;
padding: 0.5rem 0;
margin-right: 4.5rem;
color: $body;
flex-shrink: 0;
position: relative;
font-size: 1rem;
@include media-breakpoint-down(md) {
margin-right: 3rem;
}
@include media-breakpoint-down(xs) {
font-size: 1rem;
}
&:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background-color: $red;
transition: height 0.3s ease-in-out;
}
&:hover {
color: $red;
&:after {
height: 3px;
}
}
&.active {
font-weight: bold;
&:after {
height: 3px;
}
}
}
}
}
.tab-element {
display: flex;
transition: opacity 0.3s ease-in-out;
&.filtered {
display: none;
}
&.fade-out {
opacity: 0;
}
.tab-content {
@include media-breakpoint-down(sm) {
margin-bottom: 2rem;
}
}
}
.tab-images {
padding-right: 15rem;
@include media-breakpoint-down(lg) {
padding-right: 12rem;
}
@include media-breakpoint-down(sm) {
padding-right: 8rem;
}
.foreground-image {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%) translateX(-1rem);
width: 22.5rem;
height: 22.5rem;
transition: all 0.7s ease-in-out;
transition-delay: 0.3s;
@include media-breakpoint-down(lg) {
width: 16rem;
height: 16rem;
}
@include media-breakpoint-down(sm) {
width: 12rem;
height: 12rem;
}
}
}jQuery(function($){
// accordion
$('.js-tab-trigger').click(function(e) {
e.preventDefault();
var tab = $(this).attr('data-tab');
$('.js-tab-trigger').removeClass('active');
$(this).addClass('active');
$('.js-tab-target').addClass('fade-out');
setTimeout(function() {
$('.js-tab-target').addClass('filtered');
$('.js-tab-target.' + tab).removeClass('filtered');
}, 300);
setTimeout(function() {
$('.js-tab-target.' + tab).removeClass('fade-out');
}, 600);
AOS.refresh();
});
if(window.location.hash) {
var hash = window.location.hash.substring(1); // removes the # character
$('.js-tab-trigger[data-hash="' + hash + '"]').click();
AOS.refresh();
setTimeout(function(){
$('html, body').animate({
scrollTop: $('.tabbed-content-wrap').offset().top - 200
});
}, 500);
}
});
Page Title
Page Type
Page URL
There are is no readme file with this component.