https://github.com/satish980/get-intervention
https://github.com/satish980/get-intervention
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/satish980/get-intervention
- Owner: Satish980
- Created: 2024-12-04T17:06:12.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-12-19T17:14:36.000Z (5 months ago)
- Last Synced: 2025-02-03T22:42:26.303Z (4 months ago)
- Language: CSS
- Homepage: https://satish980.github.io/get-intervention/
- Size: 40.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Get Intervention
## About
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.
## Technologies Used
### Frontend
- HTML5
- CSS3
- JavaScript/jQuery
- Owl Carousel 2 (for testimonials)
### Key Features
- 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
## Project Structure
### CSS Architecture
- Base styles (`styles.css`)
- Responsive styles (`responsive_styles.css`)
- Custom variables for consistent theming:
- Colors
- Typography
- Spacing
### JavaScript Functionality
- Form validation
- Video player controls
- Carousel navigation
- Mobile menu toggle
- Input field animations
## Page Sections
1. Hero Section
- Navigation menu
- Contact form
- Main call-to-action
2. About Section
- Service description
- Image gallery
- Success rate indicator
3. Testimonials Section
- Client testimonials
- Interactive carousel
- Navigation arrows
4. Services Section
- Service categories
- Interactive tooltips
- Detailed descriptions
5. Video Section
- Custom video player
- Key features list
- Brand integration
6. Footer Section
- Copyright information
- Legal links
- Site navigation
## Responsive Breakpoints
- Desktop: 1024px and above
- Tablet: 770px to 1024px
- Mobile: Below 769px
- Small Mobile: Below 569px
## Browser Support
- Modern browsers (Chrome, Firefox, Safari, Edge)
- Custom scrollbar styling
- Fallbacks for older browsers
## Getting Started
1. Clone the repository
2. Open `index.html` in a web browser
3. No build process required - static HTML/CSS/JS
## Dependencies
- 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)