Featured Expert
Dominic Ibbs
Principal Lawyer
Dominic Ibbs is a principal lawyer in our wills, trust and probate team. Specialism Dominic’s regular exposure to work involving trusts has allowed him to develop the expertise to advise...
Insights related to Dominic
25 August 2023
| 1 min read
7 August 2023
| 3 min read
Field
Field Type
Field Name
Instructions
Block Data
tab
Heading Type
select
heading_type
Heading Text
text
heading_text
Content
wysiwyg
content
Featured Expert
relationship
featured_expert
Buttons
repeater
buttons_list
-- Button
link
button
Block Meta
tab
ID
text
block_id
Block Classes
text
block_classes
Block Theme
select
block_theme
Background Colors
select
background_colors
Padding Top
select
padding_top
Padding Bottom
select
padding_bottom
Margin Top
select
margin_top
Margin Bottom
select
margin_bottom
@import "../../resources/scss/util/colours";
@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
.block-featured-expert {
padding-top: rem-calc(80);
padding-bottom: rem-calc(80);
.e-profile-block {
margin-top: rem-calc(32);
margin-bottom: 0;
}
.e-profile-block__image {
flex: 0 1 35%;
}
.e-card--split {
margin-bottom: rem-calc(20);
.e-card__tags {
margin-top: 0;
}
}
.heading {
@include fluid-type(24, 32);
}
&__articles {
margin-top: rem-calc(32);
.e-card {
border-bottom: 1px solid $lightBlue;
padding-bottom: rem-calc(30);
margin-bottom: rem-calc(30);
&:last-of-type {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
}
}
}
class FeaturedExpert {
constructor() {
this.blocks = document.querySelectorAll('.block-featured-expert');
this.init();
}
init() {
this.blocks.forEach((block) => {
});
}
}
new FeaturedExpert();
Page Title
Page Type
Page URL
Individual Notary Service
page
Animation / States
- As the user scrolls to this component each items will be lazyloaded & fade in one by one
- When hovering over the featured expert, their profile image will expand slowly
- When hovering over the included insights, the featured images will expand slowly
External Libraries
- Swiper
- ScrollTrigger (GSAP)
Notes (Design / Dev / SEO)
- If no team member is selected, a team member will be randomly selected and randomize on page load (team members will only be selected if they have a minimum of 2 published insights)