The following buttons have a hover transition action. There are two divs with relative positions. Div #1 has the photo background and a headline, and Div #2 has a duplicate of the headline. Div #2 is positioned relative to the top one, and has a -130px on the top. The gradient background image is located at the column level.

Graduate
Profiles

Graduate
Profiles

Work-Based
Learning

Work-Based
Learning

Student
Capstones

Student
Capstones

Mental Health
First Aid Trainings

Mental Health
First Aid Trainings

Request a 
Consultation

Request a 
Consultation


Background color transition on scroll

Section #1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Section #2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Section #3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Click expand divs

Why

Where

Who

What

How

When

Benefit Basic Premium Elite
Basic Features of the Online Survey Portal
Access to exclusive ToF Members Forum
10% Discount for AP-OD online courses
10% Discount when ordering 10 or more curriculum kits
Online Survey Portal accounts for certified facilitators
AP-OD Virtual Learning Accounts for certified facilitators
Access to the national network of AP-OD facilitators
Access to the exclusive National Facilitator Forum
Access to online learning community and resources
Specialized Training for Trainer-of-Facilitators (ToF) 1 Trainer 2 Trainers 4 trainers
One-on-one virtual consultation sessions 1 Session 2 Sessions 4 Sessions
Scholarships for AP-OD’s Virtual
Acquisition Institute to become certified facilitators
5 Scholarships 7 Scholarships 10 Scholarships
Organizational Comprehension &
Analysis of Pre/Post Survey Report (Virtual Meeting)
National AP-OD social media outreach for TOF
partner target communities
Annual Cost: $15,000 $30,000 $40,000