Get Intervention is a responsive single-page website designed to help connect individuals with intervention and support services. The platform focuses on providing care and support services for older adults, emphasizing the importance of social connections and professional assistance.
- HTML5
- CSS3
- JavaScript/jQuery
- Owl Carousel 2 (for testimonials)
- Responsive design (mobile-first approach)
- Interactive contact form with validation
- Video integration
- Testimonials carousel
- Tooltip information system
- Mobile-friendly navigation menu
- Custom form input animations
- Base styles (
styles.css) - Responsive styles (
responsive_styles.css) - Custom variables for consistent theming:
- Colors
- Typography
- Spacing
- Form validation
- Video player controls
- Carousel navigation
- Mobile menu toggle
- Input field animations
-
Hero Section
- Navigation menu
- Contact form
- Main call-to-action
-
About Section
- Service description
- Image gallery
- Success rate indicator
-
Testimonials Section
- Client testimonials
- Interactive carousel
- Navigation arrows
-
Services Section
- Service categories
- Interactive tooltips
- Detailed descriptions
-
Video Section
- Custom video player
- Key features list
- Brand integration
-
Footer Section
- Copyright information
- Legal links
- Site navigation
- Desktop: 1024px and above
- Tablet: 770px to 1024px
- Mobile: Below 769px
- Small Mobile: Below 569px
- Modern browsers (Chrome, Firefox, Safari, Edge)
- Custom scrollbar styling
- Fallbacks for older browsers
- Clone the repository
- Open
index.htmlin a web browser - No build process required - static HTML/CSS/JS
- jQuery 3.7.1
- Owl Carousel 2
- Montserrat font family
- Custom icon set
Changes: Section 1 - (Contact Us: submits without @ email and change Country text box currently set in Afghanistan by default) Review We Understand section (92% success rate hover movement, carousel movement should be continuous) We Can Organize Everything (text hover pop up: replace lorem ipsum text) Watch the Video - (video pop up)