Skip to content

Instantly share code, notes, and snippets.

@CodeMyUI
Created October 31, 2019 00:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save CodeMyUI/c7c2b6290d527e9e05dd4f02c188bba8 to your computer and use it in GitHub Desktop.
Save CodeMyUI/c7c2b6290d527e9e05dd4f02c188bba8 to your computer and use it in GitHub Desktop.
BCH - about us page
This Pen is a fork of Joseph Gurney's Pen BCH - about us page.
https://codepen.io/Joseph_Gurney/details/rCLHz#forks
https://codepen.io/Joseph_Gurney/details/Ecpax
@import "compass/css3";
//colors
$white: #ffffff;
$de_york_approx: rgba(124,191,144,1);
$black_10: rgba(0,0,0,0.1);
$oxley_approx: #72a882;
$mine_shaft_approx: #333;
$mine_shaft_70_approx: rgba(51,51,51,0.7);
$storm_dust_80_approx: rgba(102,102,102,0.8);
$white_90: rgba(255,255,255,0.8);
//fonts
$font_0: Palatino Linotype;
$font_1: Book Antiqua;
$font_2: Palatino;
$font_3: serif;
$font_4: Arial;
$font_5: Helvetica;
$font_6: sans-serif;
@mixin img_attach {
background-repeat: no-repeat; background-position: center;
}
#wrap {
width: 960px;
}
.ch-opacity {
opacity: 1 !important;
}
.ch-white-text {
h3 {
color: #FFFFFF !important;
a {
color: #FFFFFF !important;
text-decoration: none !important;
}
}
p {
color: #FFFFFF !important;
padding: 1px 0 !important;
margin: 0 28px !important;
a {
color: #FFFFFF !important;
text-decoration: none !important;
text-transform: none !important;
font-weight: 400 !important;
font-size: 16px !important;
}
}
}
.ch-grid {
margin: 20px 0 0;
padding: 0;
list-style: none;
display: block;
text-align: center;
width: 100%;
&:after {
content: '';
display: table;
clear: both;
}
li {
width: 200px;
height: 200px;
display: inline-block;
margin: 10px;
}
}
.ch-item {
width: 100%;
height: 100%;
//Instead of the line below you could use @include border-radius($radius, $vertical-radius)
border-radius: 0%;
position: relative;
cursor: default;
//Instead of the line below you could use @include transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
transition: all 0.4s ease-in-out;
&:before {
content: '';
display: table;
}
&:hover {
//Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
box-shadow: inset 0 0 0 110px $white_90, 0 1px 2px $black_10;
.ch-info {
opacity: 1;
}
}
}
.ch-info {
position: absolute;
width: 100%;
height: 100%;
//Instead of the line below you could use @include border-radius($radius, $vertical-radius)
border-radius: 50%;
overflow: hidden;
opacity: 0;
//Instead of the line below you could use @include transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
transition: opacity 0.4s ease-in-out;
//Instead of the line below you could use @include backface-visibility($visibility)
backface-visibility: hidden;
h3 {
color: $mine_shaft_approx;
position: relative;
font-size: 20px;
margin: 0 4px;
padding: 70px 0 0;
height: 36px;
font-family: $font_0, $font_1, $font_2, $font_3;
}
p {
color: $mine_shaft_approx;
padding: 10px 4px;
margin: 0 30px;
font-size: 14px;
border-top: 1px solid $mine_shaft_approx;
font-family: $font_4, $font_5, $font_6;
a {
display: block;
color: $mine_shaft_70_approx;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
padding-top: 4px;
font-family: $font_4, $font_5, $font_6;
&:hover {
color: $storm_dust_80_approx;
}
}
}
}
.ch-opacitybg:hover {
//Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
box-shadow: inset 0 0 0 110px $de_york_approx, 0 1px 2px $black_10 !important;
}
.ch-info-linewhite p {
border-top-color: #FFFFFF !important;
}
.ch-img-1 {
background-image: url(https://www.bluechipholidays.co.uk/images/newsite/Silhouette.jpg);
@include img_attach{};
}
.ch-img-2 {
background-image: url(http://46.236.27.122:8080/media/catalogs/public/downloads/originals/users/andrea/2014/05/liam_gavin.jpg/liam_gavin.jpg);
@include img_attach{};
}
.ch-img-3 {
background-image: url(https://www.bluechipholidays.co.uk/images/newsite/Silhouette.jpg);
@include img_attach{};
}
.ch-img-4 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Alan-Taylor.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-5 {
background-image: url(https://www.bluechipholidays.co.uk/images/newsite/Silhouette.jpg);
@include img_attach{};
}
.ch-img-6 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Beth-Rogers.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-7 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Phil-Beattie.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-8 {
background-image: url(https://www.bluechipholidays.co.uk/images/newsite/Silhouette.jpg);
@include img_attach{};
}
.ch-img-9 {
background-image: url(https://www.bluechipholidays.co.uk/images/newsite/Silhouette.jpg);
@include img_attach{};
}
.ch-img-10 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Keziah-Lucking.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-11 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Michael-Turpin.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-12 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/James-Rogers.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-13 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Kate-Dixon.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-14 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Lindsay-Mccargow.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-15 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Rebecca-Bashford.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-16 {
background-image: url(http://46.236.27.122:8080/media/catalogs/public/downloads/originals/users/andrea/2014/05/Leanne_Jones.jpg/Leanne_Jones.jpg);
@include img_attach{};
}
.ch-img-17 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Lucy-Morris.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-18 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Jenny-Phipps.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-19 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Sarah-Brimicombe.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-20 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Susie-Walker.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-21 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Miranda-Endres.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-22 {
background-image: url(https://www.bluechipholidays.co.uk/images/newsite/Silhouette.jpg);
@include img_attach{};
}
.ch-img-23 {
background-image: url(https://www.bluechipholidays.co.uk/images/newsite/Silhouette.jpg);
@include img_attach{};
}
.ch-img-24 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Dawn-Bristow.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-25 {
background-image: url(http://46.236.27.122:8080/media/catalogs/public/downloads/originals/users/andrea/2014/05/lynn_huskisson.jpg/lynn_huskisson.jpg);
@include img_attach{};
}
.ch-img-26 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Sophie-Costain.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-27 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Leane-Manser.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-28 {
background-image: url(http://46.236.27.122:8080/media/catalogs/public/downloads/originals/users/andrea/2014/05/iain_geoghegan.jpg/iain_geoghegan.jpg);
@include img_attach{};
}
.ch-img-29 {
background-image: url(http://46.236.27.122:8080/media/catalogs/public/downloads/originals/users/andrea/2014/05/julie_cole.jpg/julie_cole.jpg);
@include img_attach{};
}
.ch-img-30 {
background-image: url(https://www.bluechipholidays.co.uk/images/newsite/Silhouette.jpg);
@include img_attach{};
}
.ch-img-31 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Amy-Kerry.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-32 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Stewart-Black.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-33 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Sam-Wrigglesworth.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-34 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Tom-Pearson.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-35 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Mark-Williams.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-36 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Margaret-Dando.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-37 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Gary-Jolliffe.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-38 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/John-Warner.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-39 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Joe-Sweeny.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-40 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Nicole-Roe.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-41 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Joseph-Gurney.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-42 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/James-Hardy.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-43 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Shane-Horsfall.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-44 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/James-Lund.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-45 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Kelly-Marsh.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-46 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Ewan-Davy.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-47 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Tori-Kirwan-Taylor.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-48 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Laura-Moss.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-49 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Clive-Haden.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-50 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Sean-Brandon.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-51 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Allan-Legg.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-52 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Peter-Clark.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-53 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Ruby-Wood.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-54 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Claire-Cane.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-55 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/Nigel-Parrett.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-56 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/James-Byrne.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-57 {
background-image: url(http://46.236.27.122:8080/emshare/views/modules/asset/downloads/preview/thumb/users/andrea/2014/03/John-Whitaker.jpg/thumb.jpg);
@include img_attach{};
}
.ch-img-58 {
background-image: url(https://www.bluechipholidays.co.uk/images/newsite/Silhouette.jpg);
@include img_attach{};
}
.ch-img-60 {
background-color: $oxley_approx;
}
<style media="screen" type="text/css"></style>
<h1>
Meet our team</h1>
<ul class="ch-grid">
<li>
<div class="ch-item ">
<div class="ch-info ch-img-1">
<h3>
Justina Gavin</h3>
<p>Company Secretary</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-2">
<div class="ch-info">
<h3>
Liam Gavin</h3>
<p>Chairman</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-3">
<div class="ch-info">
<h3>
Richard Carrick</h3>
<p>Non Executive Director</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-4">
<div class="ch-info">
<h3>
Alan Taylor</h3>
<p>Non Executive Director</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-5">
<div class="ch-info">
<h3>
Allan Lambert</h3>
<p>Managing Director</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-6">
<div class="ch-info">
<h3>
Beth Rogers</h3>
<p>HR Director</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-7">
<div class="ch-info">
<h3>
Phil Beattie</h3>
<p>Head of Operations</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-8">
<div class="ch-info">
<h3>
Luke McCaughan</h3>
<p>Owner Services Manager</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-9">
<div class="ch-info">
<h3>
Tara Leonard</h3>
<p>Owner Account Executive</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-10">
<div class="ch-info">
<h3>
Keziah Lucking</h3>
<p>Owner Account Executive</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-11">
<div class="ch-info">
<h3>
Michael Turpin</h3>
<p>Finance Executive</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-12">
<div class="ch-info">
<h3>
James Rogers</h3>
<p>Owner Account Executive</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-13">
<div class="ch-info">
<h3>
Kate Dixon</h3>
<p>Owner Account Executive</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-14">
<div class="ch-info">
<h3>
Lindsay McCargow</h3>
<p>Owner Account Executive</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-15">
<div class="ch-info">
<h3>
Rebecca Bashford</h3>
<p>Quality Program Manager</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-16">
<div class="ch-info">
<h3>
Leanne Jones</h3>
<p>Operations Administrator</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-17">
<div class="ch-info">
<h3>
Lucy Morris</h3>
<p>Contact Centre Manager</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-18">
<div class="ch-info">
<h3>
Jenny Phipps</h3>
<p>Contact Centre Supervisor</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-19">
<div class="ch-info">
<h3>
Sarah Brimicombe</h3>
<p>Customer Service Advisor</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-20">
<div class="ch-info">
<h3>
Susie Walker</h3>
<p>Customer Service Advisor</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-21">
<div class="ch-info">
<h3>
Miranda Endres</h3>
<p>Customer Service Advisor</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-22">
<div class="ch-info">
<h3>
Layla Bennett</h3>
<p>Customer Service Advisor</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-23">
<div class="ch-info">
<h3>
Nick French</h3>
<p>Customer Service Advisor</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-24">
<div class="ch-info">
<h3>
Dawn Bristow</h3>
<p>Bookings Advisor</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-25">
<div class="ch-info">
<h3>
Lynn Huskisson</h3>
<p>Bookings Advisor</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-26">
<div class="ch-info">
<h3>
Sophie Costain</h3>
<p>Bookings Advisor</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-27">
<div class="ch-info">
<h3>
Leane Manser</h3>
<p>Bookings Advisor</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-28">
<div class="ch-info">
<h3>
Iain Geoghegan</h3>
<p>Bookings Advisor</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-29">
<div class="ch-info">
<h3>
Julie Cole</h3>
<p>Bookings Advisor</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-30">
<div class="ch-info">
<h3>
Collen Byrne</h3>
<p>Bookings Advisor</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-31">
<div class="ch-info">
<h3>
Amy Lee Kerry</h3>
<p>Corporate Sales &amp; Service Advisor</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-32">
<div class="ch-info">
<h3>
Stewart Black</h3>
<p>Business Development Director</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-33">
<div class="ch-info">
<h3>
Sam Wrigglesworth</h3>
<p>Head of Product Development</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-34">
<div class="ch-info">
<h3>
Tom Pearson</h3>
<p>Business Development Coordinator</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-35">
<div class="ch-info">
<h3>
Mark Williams</h3>
<p>PDM North &amp; East Devon</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-36">
<div class="ch-info">
<h3>
Margaret Dando</h3>
<p>PDM North &amp; South Cornwall</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-37">
<div class="ch-info">
<h3>
Gary Joliffe</h3>
<p>PDM Torbay</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-38">
<div class="ch-info">
<h3>
John Warner</h3>
<p>PDM West Cornwall</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-39">
<div class="ch-info">
<h3>
Joe Sweeny</h3>
<p>PDM Dorset</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-40">
<div class="ch-info">
<h3>
Nicole Roe</h3>
<p>PDM South Hams</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-41">
<div class="ch-info">
<h3>
Joseph Gurney</h3>
<p>Design Manager</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-43">
<div class="ch-info">
<h3>
Shane Horsfall</h3>
<p>Senior eCommerce Campaign Manager</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-44">
<div class="ch-info">
<h3>
James Lund</h3>
<p>Portal &amp; Affiliates Campaign Manager</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-45">
<div class="ch-info">
<h3>
Kelly Marsh</h3>
<p>Online Content Campaign Manager</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-46">
<div class="ch-info">
<h3>
Ewan Davy</h3>
<p>PR Manager</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-47">
<div class="ch-info">
<h3>
Tori Kirwan-Taylor</h3>
<p>Brand &amp; Communications Manager</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-48">
<div class="ch-info">
<h3>
Laura Moss</h3>
<p>Brand &amp; Communications Campaign Executive</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-49">
<div class="ch-info">
<h3>
Clive Haden</h3>
<p>Business Innovation Director</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-50">
<div class="ch-info">
<h3>
Sean Brandon</h3>
<p>Business Analyst</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-51">
<div class="ch-info">
<h3>
Allen Legg</h3>
<p>Systems Analyst</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-52">
<div class="ch-info">
<h3>
Peter Clark</h3>
<p>Senior Developer</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-53">
<div class="ch-info">
<h3>
Ruby Wood</h3>
<p>Web Developer</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-54">
<div class="ch-info">
<h3>
Claire Cane</h3>
<p>Senior Campaign Manager</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-55">
<div class="ch-info">
<h3>
Nigel Parrett</h3>
<p>IT Systems Manager</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-56">
<div class="ch-info">
<h3>
James Byrne</h3>
<p>Junior IT Support Technician</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-57">
<div class="ch-info">
<h3>
John Whitaker</h3>
<p>Finance Director</p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-58">
<div class="ch-info">
<h3>
Jonathan Duffy</h3>
<p>Management Accountant</p>
</div>
</div>
</li>
<li>
<div class="ch-opacitybg ch-item ch-img-60">
<div class="ch-info-linewhite ch-opacity ch-info ch-white-text">
<h3>
<a href="#">Want to join us?</a></h3>
<p><a href="#">Current vacancies</a></p>
</div>
</div>
</li>
</ul>
<p>&nbsp;</p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment