Centralised Background Image
Add image as background to the section
To centralise the image - Advanced > Background - Left 50% & Top 50%
Add an image overlay color with opacity around 50-70% in order to read the text more easily
Can use any color for the image overlay color - depends on the color palette for the site
To centralise the image - Advanced > Background - Left 50% & Top 50%
Add an image overlay color with opacity around 50-70% in order to read the text more easily
Can use any color for the image overlay color - depends on the color palette for the site
Buttons
Link Wrapper
Added hover-transition class - timing duration - 0.3 secs & timing function - ease-in-out
Border radius - 8px - can be anything depending on how you want the button to look
Can use a link wrapper with a text element instead of a button
Border radius - 8px - can be anything depending on how you want the button to look
Can use a link wrapper with a text element instead of a button
Box Shadow & Border Radius
Can either have separate classes for box shadow & border radius or one containing both effects
Before & After Slider
Left
Right
Add javascript & css
Add the 2 classes
Add javascript to code block
Can either add a box shadow or border to the images
Add the 2 classes
Add javascript to code block
Can either add a box shadow or border to the images
Flipbox
Flipbox 1
Insert front description text here!
More Info
Click HereFlipbox 2
Insert front description text here!
More Info
Click HereFlipbox 3
Insert front description text here!
More Info
Click HereAdded the following classes
flipbox
flipbox__front
flipbox__back
flipbox
flipbox__front
flipbox__back
Hide the flipbox columns on mobile devices (less than 992px)
Display the below box columns with a CTA on mobile devices only - mobile devices (less than 992) - display flex & hide on all devices - display none
Display the below box columns with a CTA on mobile devices only - mobile devices (less than 992) - display flex & hide on all devices - display none
Catchy maps producing H2 header tag here
H3 heading to support the previous H2 heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod velit ac sapien tincidunt, porta consectetur elit aliquam. In pulvinar neque et laoreet interdum. Sed ornare neque mollis, ultrices dolor id, dignissim erat. Praesent vitae nisi ligula. Vestibulum tristique condimentum augue vitae consectetur. Morbi nec efficitur mi. Nullam eleifend lorem quis mattis vestibulum.
Nulla facilisi. Nam tristique tincidunt ante auctor blandit. Nam luctus, est ac aliquam elementum, orci tellus vestibulum ante, nec mattis felis turpis ultrices felis. Sed fermentum magna lorem, id feugiat nisl malesuada et. Ut ut velit sapien. Curabitur blandit fermentum nibh non bibendum. Vivamus sed cursus mi, eget laoreet eros. Etiam leo justo, auctor ut tellus ut, sollicitudin posuere lacus.
Nulla facilisi. Nam tristique tincidunt ante auctor blandit. Nam luctus, est ac aliquam elementum, orci tellus vestibulum ante, nec mattis felis turpis ultrices felis. Sed fermentum magna lorem, id feugiat nisl malesuada et. Ut ut velit sapien. Curabitur blandit fermentum nibh non bibendum. Vivamus sed cursus mi, eget laoreet eros. Etiam leo justo, auctor ut tellus ut, sollicitudin posuere lacus.