Trio Testimonials
don’t just take our word for it…
Louise Martin Theyers, Inverness College
“We have been wanting to switch our period products to something more environmentally friendly for some time and Hey Girls are the perfect fit, not only offering 100% biodegradable or recyclable options but also providing an online resource, making it easy for our students to access these products for free.”
Andrew Coventry, Lyreco
“It’s been great partnering with Hey Girls to deliver period products to our business customers. Period poverty is a really important issue and we’re really excited to get behind it in support of Hey Girls and the great work they are doing.”
John Dickinson, Raytheon UK
“We’re delighted to be partnering with Hey Girls to provide free period products across all of our Raytheon UK sites and support our local charity partners. The work that Hey Girls do is fundamentally important to building a more equitable society and we’re extremely proud to play our small part in this journey.”
Wendy Avinou, Edinburgh Leisure
“We’re delighted to be partners with Hey Girls. We stock quality period products from Hey Girls in our venues to everyone who needs them. Edinburgh Leisure is a charity on a mission to help people lead healthier, happier, more active lives and anything we can do to eradicate people’s barriers to this.”
Aasiyah Patankar, Queen Margaret’s University
“There are lots of myths and taboos that surround periods and our partnership with Hey Girls aims to break these down. We love Hey Girls, not just for their eco-conscious period products, but also for their social good. They are the perfect partner for this project.”
@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
@import "../../resources/scss/vendor/bootstrap/mixins/breakpoints";
.trio-testimonials {
margin-top: 5rem;
margin-bottom: 5rem;
position: relative;
@include media-breakpoint-down(md) {
margin-top: 3rem;
margin-bottom: 3rem;
}
h2 {
max-width: 64rem;
margin: 0 auto 5.5rem auto;
@include media-breakpoint-down(md) {
margin-bottom: 3rem;
}
}
}
.trio-testimonials-wrap {
position: relative;
&.count-3 {
.testimonials-carousel-control {
display: none;
@media (max-width: 1022px){
display: block;
}
}
}
.testimonials-carousel-control {
position: absolute;
top: 50%;
display: inline-block;
@media (max-width: 1500px) {
margin: 0 0.5rem;
}
@include media-breakpoint-down(md) {
img {
width: 24px;
height: 24px;
}
}
}
.testimonials-carousel-prev {
transform: rotate(-90deg) translateX(50%);
left: -4rem;
&:hover {
transform: rotate(-90deg) translateX(50%) translateY(-0.25rem);
}
@media (max-width: 1700px) {
left: -2rem;
}
@media (max-width: 1500px) {
position: static;
transform: rotate(-90deg);
&:hover {
transform: rotate(-90deg) translateY(-0.25rem);
}
}
}
.testimonials-carousel-next {
transform: rotate(90deg) translateX(-50%);
right: -4rem;
&:hover {
transform: rotate(90deg) translateX(-50%) translateY(-0.25rem);
}
@media (max-width: 1700px) {
right: -2rem;
}
@media (max-width: 1500px) {
position: static;
transform: rotate(90deg);
&:hover {
transform: rotate(90deg) translateY(-0.25rem);
}
}
}
}
.testimonials-carousel {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 2.125rem;
position: relative;
@media (max-width: 1500px) {
margin-bottom: 0;
}
.trio-testimonial {
margin: 0 1.825rem 1rem 1.825rem;
@include media-breakpoint-down(md) {
margin-bottom: 2rem;
}
@include media-breakpoint-down(xs) {
margin: 0 1rem 2rem 1rem;
}
p {
color: $greyishbrown;
}
.testimonial-quote {
*:last-child {
margin-bottom: 0;
}
}
.title {
font-weight: normal;
margin-bottom: 1.5rem;
@include media-breakpoint-down(xs) {
margin-bottom: 1rem;
}
}
}
.trio-testimonial-img {
margin-bottom: 2.5rem;
@include media-breakpoint-down(xs) {
margin-bottom: 1rem;
}
img {
border-radius: 100%;
width: 12rem;
height: 12rem;
object-fit: cover;
border: 2px solid $red;
margin: 0 auto;
}
}
}jQuery(function($){
$('.js-testimonials-carousel').slick({
speed: 500,
autoplay: false,
centerMode: true,
slidesToScroll: 1,
slidesToShow: 3,
infinite: true,
arrows: false,
buttons: false,
pauseOnHover: false,
rows: 0,
centerPadding: '0px',
adaptiveHeight: true,
responsive: [
{
breakpoint: 1023,
settings: {
slidesToShow: 2,
}
},
{
breakpoint: 640,
settings: {
slidesToShow: 1,
}
}
]
});
$('.js-testimonials-carousel-next').click(function(e) {
e.preventDefault();
$(this).parents('.trio-testimonials').find('.js-testimonials-carousel').slick('slickNext');
});
$('.js-testimonials-carousel-prev').click(function(e) {
e.preventDefault();
$(this).parents('.trio-testimonials').find('.js-testimonials-carousel').slick('slickPrev');
});
});