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
2 October 2024
| 7 min read
18 July 2024
| 4 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)