Sindbad~EG File Manager
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Silicon Valley Business Solutions | Trusted Business Support Services</title>
<meta name="description" content="Silicon Valley Business Solutions provides scalable, outsourced business support services across tech, e-commerce, healthcare, finance, and more. Boost productivity and growth with our tailored solutions." />
<meta name="keywords" content="business support services, outsourcing, technical support, customer service, back office, voice support, helpdesk, CRM management, Bangalore, India, Silicon Valley Business Solutions" />
<meta name="author" content="Silicon Valley Business Solutions" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.siliconvalleybizsol.com/" />
<meta property="og:title" content="Silicon Valley Business Solutions | Business Support Services Partner" />
<meta property="og:description" content="Outsource your customer support, technical helpdesk, back office, and voice services to a reliable partner in Bangalore, India." />
<meta property="og:image" content="https://www.siliconvalleybizsol.com/img/og-image.jpg" />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://www.siliconvalleybizsol.com/" />
<meta name="twitter:title" content="Silicon Valley Business Solutions | Your Trusted Support Partner" />
<meta name="twitter:description" content="We help global businesses grow faster by managing critical support operations. Explore our tailored business support services today." />
<meta name="twitter:image" content="https://www.siliconvalleybizsol.com/img/og-image.jpg" />
<!-- Canonical URL -->
<link rel="canonical" href="https://www.siliconvalleybizsol.com/" />
<!-- Favicon & Icons -->
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />
<!-- Schema.org Structured Data (JSON-LD) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Silicon Valley Business Solutions",
"url": "https://www.siliconvalleybizsol.com/",
"logo": "https://www.siliconvalleybizsol.com/img/logo.png",
"contactPoint": {
"@type": "ContactPoint",
"email": "ithelpdesk@siliconvalleybizsol.com",
"contactType": "Customer Service",
"areaServed": "Worldwide"
},
"address": {
"@type": "PostalAddress",
"addressLocality": "Bangalore",
"addressCountry": "India"
},
"sameAs": []
}
</script>
<!-- Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" />
<!-- FontAwesome 6 -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet" />
<!-- Owl Carousel CSS -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" rel="stylesheet" />
<!-- AOS Animation CSS -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
<style>
body {
font-family: 'Segoe UI', sans-serif;
background-color: #f5f7fa;
color: #1c1f23;
}
#mainNavbar {
background-color: transparent;
transition: background-color 0.4s ease, box-shadow 0.3s;
}
#mainNavbar.scrolled {
background-color: #111;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.nav-link {
color: white !important;
transition: color 0.3s ease;
}
.nav-link:hover {
color: #ccf2a4 !important;
}
.hero {
background: url('img/hero.png') no-repeat center center/cover;
min-height: 100vh;
position: relative;
display: flex;
align-items: center;
color: #fff;
}
.overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
}
.hero-content {
position: relative;
z-index: 2;
padding: 0 2rem;
max-width: 600px;
}
.hero-content h1 {
font-size: 5rem;
font-weight: 800;
line-height: 1.2;
}
.highlight {
color: #33ebff;
}
.btn-circle {
width: 48px;
height: 48px;
background-color: #33ebff;
color: #000;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
border: none;
transition: background 0.3s ease;
}
.bg-lime {
background-color: #33ebff !important;
}
.btn-lime {
background-color: #33ebff;
color: #000;
font-weight: 500;
border: none;
transition: all 0.3s ease;
}
.btn-lime:hover {
background-color: #a3e12f;
color: #000;
}
.btn-circle:hover {
background-color: #a3e12f;
}
.project-card {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.project-card .btn-circle {
opacity:0;
}
.project-card:hover .btn-circle {
opacity:1;
}
.project-card img {
width: 100%;
transition: transform 0.5s ease;
}
.project-card:hover img {
transform: scale(1.05);
}
.project-card .btn-circle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.testimonial-box {
background: linear-gradient(160deg, #d4ffbc, #ccf2a4);
transition: background 0.3s ease-in-out, color 0.3s;
}
.testimonial-box.active-testimonial {
background: #111;
color: #fff;
}
</style>
</head>
<body>
<!-- Navbar -->
<nav id="mainNavbar" class="navbar navbar-expand-lg navbar-dark py-3 fixed-top">
<div class="container">
<a class="navbar-brand fw-bold col-6 col-md-3" href="#">
<img src="img/logo.png" alt="Silicon Valley Business Solutions Logo" class="w-100" />
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Overview">Overview</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#industries">Industries Serve</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="hero position-relative" id="home">
<div class="overlay position-absolute top-0 start-0 w-100 h-100"></div>
<div class="container position-relative z-1">
<div class="row align-items-center min-vh-100">
<div class="col-md-6 text-white hero-content" data-aos="fade-up">
<h2 class="mb-3">
Empowering <span class="highlight">Global Growth</span> with Scalable Solutions
</h2>
<h1 class="display-1 fw-bold mb-4">Support</h1>
<a href="#services" class="btn-circle text-white">
<i class="fas fa-arrow-up-right-from-square"></i>
</a>
</div>
</div>
</div>
</section>
<section class="py-5 bg-white position-relative overflow-hidden" id="Overview">
<div class="container">
<!-- Header Row with Prefix and Step -->
<div class="row align-items-center justify-content-between mb-4">
<div class="col-lg-5 d-flex align-items-center gap-3">
<div class="rounded-pill bg-lime text-dark fw-bold px-3 py-1 small">01</div>
<div class="vr"></div>
<span class="badge bg-dark text-white px-3 py-2">Overview</span>
</div>
</div>
<!-- Title and Description -->
<div class="row mb-5">
<div class="col-lg-7">
<h2 class="fw-bold display-6">Empowering Global<br />Business Growth</h2>
<p class="text-muted mt-3">
At Silicon Valley Business Solutions, we provide end-to-end support services designed to help your business scale efficiently—across industries, time zones, and touchpoints.
</p>
</div>
</div>
<!-- 3 Counter/Highlight Boxes -->
<div class="row g-4 mb-4">
<div class="col-md-4">
<h3 class="fw-bold">24/7 Support</h3>
<p class="text-muted">Always-on global customer service teams</p>
</div>
<div class="col-md-4">
<h3 class="fw-bold">+10 Years</h3>
<p class="text-muted">Industry experience across key sectors</p>
</div>
<div class="col-md-4">
<h3 class="fw-bold">100+ Clients</h3>
<p class="text-muted">Trusted by startups & enterprises alike</p>
</div>
</div>
<!-- CTA Button -->
<a href="#services" class="btn btn-lime d-inline-flex align-items-center gap-2 px-4 py-2 rounded-pill">
Explore Our Services <i class="fas fa-arrow-up-right-from-square"></i>
</a>
</div>
<!-- Background Logo (Decorative) -->
<img src="https://www.svgrepo.com/show/499648/asterisk.svg"
class="position-absolute opacity-10"
style="left:-150px; bottom:-100px; width:300px; z-index:-1;"
alt="decorative background" />
</section>
<section class="portfolio-section py-5" id="services">
<div class="container" data-aos="fade-up">
<!-- Header Row -->
<div class="row align-items-center justify-content-between mb-4">
<div class="col-lg-5 d-flex align-items-center gap-3">
<div class="rounded-pill bg-lime text-dark fw-bold px-3 py-1 small">02</div>
<div class="vr"></div>
<span class="badge bg-dark text-white px-3 py-2">Our Services</span>
</div>
</div>
<!-- Title and Description -->
<div class="row mb-5">
<div class="col-lg-7">
<h2 class="fw-bold display-6">Smart Support<br />That Scales With You</h2>
<p class="text-muted mt-3">
Explore our full suite of customer support, technical assistance, and back-office services designed to help businesses grow smarter and faster.
</p>
</div>
</div>
<!-- Services Carousel -->
<div class="owl-carousel owl-theme">
<!-- Service Item 1 -->
<div class="item">
<div class="project-card">
<img src="img/chat.png" alt="Live Chat Support">
<a href="#" class="btn-circle"><i class="fas fa-arrow-up-right-from-square"></i></a>
</div>
<h5 class="mt-3 fw-bold">Live Chat</h5>
<span class="badge bg-light text-dark me-1">24/7 Support</span>
<span class="badge bg-light text-dark">Real-time Help</span>
</div>
<!-- Service Item 2 -->
<div class="item">
<div class="project-card">
<img src="img/email.png" alt="Email & Ticketing">
<a href="#" class="btn-circle"><i class="fas fa-arrow-up-right-from-square"></i></a>
</div>
<h5 class="mt-3 fw-bold">Email Support</h5>
<span class="badge bg-light text-dark me-1">Quick Replies</span>
<span class="badge bg-light text-dark">Ticket Management</span>
</div>
<!-- Service Item 3 -->
<div class="item">
<div class="project-card">
<img src="img/voice.png" alt="Voice Support">
<a href="#" class="btn-circle"><i class="fas fa-arrow-up-right-from-square"></i></a>
</div>
<h5 class="mt-3 fw-bold">Voice Support</h5>
<span class="badge bg-light text-dark me-1">Inbound/Outbound</span>
<span class="badge bg-light text-dark">Trained Agents</span>
</div>
<!-- Service Item 4 -->
<div class="item">
<div class="project-card">
<img src="img/tech.png" alt="Technical Helpdesk">
<a href="#" class="btn-circle"><i class="fas fa-arrow-up-right-from-square"></i></a>
</div>
<h5 class="mt-3 fw-bold">Tech Support</h5>
<span class="badge bg-light text-dark me-1">Level 1 & 2</span>
<span class="badge bg-light text-dark">Multi-Platform</span>
</div>
<!-- Service Item 5 -->
<div class="item">
<div class="project-card">
<img src="img/back-office.png" alt="Back Office Processing">
<a href="#" class="btn-circle"><i class="fas fa-arrow-up-right-from-square"></i></a>
</div>
<h5 class="mt-3 fw-bold">Back Office</h5>
<span class="badge bg-light text-dark me-1">Data Entry</span>
<span class="badge bg-light text-dark">Admin Tasks</span>
</div>
<!-- Service Item 6 -->
<div class="item">
<div class="project-card">
<img src="img/crm.png" alt="CRM Management">
<a href="#" class="btn-circle"><i class="fas fa-arrow-up-right-from-square"></i></a>
</div>
<h5 class="mt-3 fw-bold">CRM Support</h5>
<span class="badge bg-light text-dark me-1">Lifecycle Tracking</span>
<span class="badge bg-light text-dark">Top Platforms</span>
</div>
</div>
</div>
</section>
<!-- Industries We Serve Section -->
<section class="py-5 bg-dark text-white" id="industries">
<div class="container">
<!-- Header Row -->
<div class="row align-items-center justify-content-between mb-4">
<div class="col-lg-5 d-flex align-items-center gap-3">
<div class="rounded-pill bg-lime text-dark fw-bold px-3 py-1 small">03</div>
<div class="vr"></div>
<span class="badge bg-dark text-white px-3 py-2">Industries We Serve</span>
</div>
</div>
<!-- Title and Description -->
<div class="row mb-5">
<div class="col-lg-7">
<h2 class="fw-bold display-6">Tailored Solutions for Every Sector</h2>
<p class="text-white mt-3">
Our diverse industry expertise allows us to design support systems that align with your sector’s unique demands—boosting productivity and customer satisfaction.
</p>
</div>
</div>
<!-- Industries Detail Grid -->
<div class="row align-items-center" data-aos="fade-up">
<div class="col-md-5 mb-4 mb-md-0">
<img src="img/services.webp" alt="Industries We Serve" class="img-fluid rounded">
</div>
<div class="col-md-7">
<div class="border-top border-secondary py-3">
<h5 class="text-lime fw-bold mb-1">E-commerce & Retail</h5>
<p class="small text-white-50">Streamlined order management, live support, and product assistance that enhance customer experience.</p>
</div>
<div class="border-top border-secondary py-3">
<h5 class="fw-semibold text-white mb-1">Finance & Insurance</h5>
<p class="small text-white-50">Reliable back-office processing and secure customer support built for compliance-heavy environments.</p>
</div>
<div class="border-top border-secondary py-3">
<h5 class="fw-semibold text-white mb-1">Healthcare & Wellness</h5>
<p class="small text-white-50">HIPAA-aware communication support, appointment handling, and patient query resolution.</p>
</div>
<div class="border-top border-secondary py-3">
<h5 class="fw-semibold text-white mb-1">IT, SaaS & Startups</h5>
<p class="small text-white-50">Technical support, product onboarding, and platform troubleshooting tailored for fast-moving tech environments.</p>
</div>
<!-- NEW Industry Block -->
<div class="border-top border-secondary py-3">
<h5 class="fw-semibold text-white mb-1">Travel, Transport & Hospitality</h5>
<p class="small text-white-50">
Reservation handling, itinerary updates, customer query resolution, and multilingual guest support to keep operations smooth and travelers happy.
</p>
</div>
<a href="#contact" class="btn btn-lime mt-3 d-inline-flex align-items-center gap-2 px-4 py-2 rounded-pill">
Let’s Talk <i class="fas fa-arrow-up-right-from-square"></i>
</a>
</div>
</div>
</div>
</section>
<!-- Why Choose Us Section -->
<section class="py-5 bg-white" id="WhyChooseUs">
<div class="container">
<!-- Section Header -->
<div class="row align-items-center mb-4" data-aos="fade-up">
<div class="col-auto d-flex align-items-center gap-3">
<div class="rounded-pill bg-lime text-dark fw-bold px-3 py-1 small">04</div>
<div class="vr bg-dark"></div>
<span class="badge bg-dark text-white px-3 py-2">Why Choose Us</span>
</div>
</div>
<div class="row g-4 align-items-stretch" data-aos="fade-up">
<!-- Left Text Column -->
<div class="col-lg-4">
<h2 class="fw-bold">Trust. Speed. Expertise.</h2>
<p class="text-muted">
We deliver reliable and scalable support services backed by a skilled team and smart technology. Partner with us for smooth operations and lasting customer relationships.
</p>
</div>
<!-- Right Content Cards -->
<div class="col-lg-8">
<div class="row g-3">
<!-- Testimonial / Rating Card -->
<div class="col-md-4">
<div class="p-4 h-100 rounded-3" style="background: linear-gradient(160deg, #d4ffbc, #ccf2a4);">
<div class="mb-2 text-dark">
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star-half-alt text-warning"></i>
</div>
<p class="mb-3">Consistently exceeds expectations with fast response times.</p>
<h3 class="fw-bold mb-1">4.8/5</h3>
<p class="text-muted small mb-3">Customer Satisfaction</p>
<div class="d-flex align-items-center gap-2">
<img src="img/user.png" class="rounded-circle" width="40" height="40" alt="Client Photo">
<div>
<div class="fw-bold">Verified Client</div>
<small class="text-muted">Global Partner</small>
</div>
</div>
</div>
</div>
<!-- Team / Workforce Card -->
<div class="col-md-4">
<div class="bg-light h-100 rounded-3 overflow-hidden">
<img src="img/team.png" class="img-fluid w-100" style="height: 200px; object-fit: cover;" alt="Team Photo">
<div class="p-3">
<h4 class="fw-bold mb-0">50+</h4>
<p class="small text-muted">Support Professionals</p>
<div class="d-flex">
<img src="img/user.png" class="rounded-circle me-1" width="32" height="32" alt="">
<img src="img/user.png" class="rounded-circle me-1" width="32" height="32" alt="">
<img src="img/user.png" class="rounded-circle me-1" width="32" height="32" alt="">
</div>
</div>
</div>
</div>
<!-- Highlight Metric Card -->
<div class="col-md-4">
<div class="bg-white border h-100 rounded-3 p-4 text-center">
<h3 class="fw-bold">+100</h3>
<p class="text-muted">Satisfied Clients</p>
<hr>
<h5 class="fw-bold">Results</h5>
<p class="small text-muted">Driven by quality, efficiency, and trust.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonials Section -->
<section class="py-5 bg-light" id="testimonials">
<div class="container">
<!-- Section Header -->
<div class="row align-items-center mb-4" data-aos="fade-up">
<div class="col-auto d-flex align-items-center gap-3">
<div class="rounded-pill bg-lime text-dark fw-bold px-3 py-1 small">05</div>
<div class="vr bg-dark"></div>
<span class="badge bg-dark text-white px-3 py-2">Testimonials</span>
</div>
</div>
<!-- Title + Description -->
<div class="row mb-4" data-aos="fade-up">
<div class="col-lg-6">
<h2 class="fw-bold">What Our Clients Say</h2>
<p class="text-muted">Real feedback from partners who trust our services to deliver consistent and quality support.</p>
</div>
</div>
<!-- Carousel -->
<div class="owl-carousel owl-theme" data-aos="fade-up">
<!-- Testimonial Item -->
<div class="item">
<div class="testimonial-box p-4 h-100 rounded-3 text-dark">
<p class="small fw-semibold">"Reliable and efficient support every step of the way."</p>
<p class="fw-bold">Truly a seamless experience from start to finish.</p>
<div class="row align-items-center mt-3">
<div class="col-auto">
<img src="img/user.png" class="rounded-circle" width="40" height="40" alt="Client Photo">
</div>
<div class="col">
<div class="fw-bold">Client Name</div>
<small class="text-muted">Industry</small>
</div>
</div>
</div>
</div>
<!-- Repeat as needed -->
<div class="item">
<div class="testimonial-box p-4 h-100 rounded-3 text-dark">
<p class="small fw-semibold">"Professional team with exceptional communication."</p>
<p class="fw-bold">Highly recommend for global operations.</p>
<div class="row align-items-center mt-3">
<div class="col-auto">
<img src="img/user.png" class="rounded-circle" width="40" height="40" alt="Client Photo">
</div>
<div class="col">
<div class="fw-bold">Client Name</div>
<small class="text-muted">Sector</small>
</div>
</div>
</div>
</div>
<!-- Add more items as needed -->
<!-- ... -->
</div>
</div>
</section>
<!-- Contact Section -->
<section class="py-5 bg-white" id="contact">
<div class="container">
<!-- Section Header -->
<div class="row align-items-center mb-4" data-aos="fade-up">
<div class="col-auto d-flex align-items-center gap-3">
<div class="rounded-pill bg-lime text-dark fw-bold px-3 py-1 small">06</div>
<div class="vr bg-dark"></div>
<span class="badge bg-dark text-white px-3 py-2">Get In Touch</span>
</div>
</div>
<!-- Contact Info & Form -->
<div class="row gy-4 align-items-start" data-aos="fade-up">
<!-- Left Text -->
<div class="col-lg-4">
<p class="text-muted">
Have a project in mind or need more information? We're here to help. Fill out the form and our team will get back to you promptly.
</p>
</div>
<!-- Right Form -->
<div class="col-lg-8">
<form>
<div class="mb-5">
<input type="text" class="form-control border-0 border-bottom rounded-0" id="name" placeholder="Name" required>
</div>
<div class="mb-5">
<input type="email" class="form-control border-0 border-bottom rounded-0" id="email" placeholder="Email" required>
</div>
<div class="mb-5">
<textarea class="form-control border-0 border-bottom rounded-0" id="message" rows="3" placeholder="Tell us about your project" required></textarea>
</div>
<button type="submit" class="btn btn-lime w-100 d-flex justify-content-between align-items-center px-4 py-3 mt-4">
<span>Submit message</span>
<i class="fas fa-arrow-right"></i>
</button>
</form>
</div>
</div>
</div>
</section>
<!-- Footer Section -->
<footer class="bg-dark text-white pt-5">
<div class="container">
<div class="row g-4">
<!-- Left: Logo & Description -->
<div class="col-md-6">
<div class="mb-3">
<img src="img/logo.png" alt="Silicon Valley Business Solutions" class="img-fluid w-50 mb-2">
</div>
<p class="text-white small">
Your Trusted Partner in Business Support Services
</p>
</div>
<!-- Right: Contact Info & Social -->
<div class="col-md-6 text-md-end">
<p class="text-white small mb-2">
<i class="fas fa-map-marker-alt me-2"></i>
Bangalore, India
</p>
<p class="text-white small mb-2">
<i class="fas fa-envelope me-2"></i>
ithelpdesk@siliconvalleybizsol.com
</p>
<p class="text-white small mb-2">
<i class="fas fa-globe me-2"></i>
www.siliconvalleybizsol.com
</p>
<p class="text-white small mb-3">
<i class="fas fa-phone me-2"></i>
+91 98765 43210
</p>
<!-- Social Links -->
<div class="d-flex justify-content-md-end gap-2">
<a href="#" class="btn btn-outline-light rounded-circle p-2">
<i class="fab fa-facebook-f"></i>
</a>
<a href="#" class="btn btn-outline-light rounded-circle p-2">
<i class="fab fa-twitter"></i>
</a>
<a href="#" class="btn btn-outline-light rounded-circle p-2">
<i class="fab fa-linkedin-in"></i>
</a>
<a href="#" class="btn btn-outline-light rounded-circle p-2">
<i class="fab fa-instagram"></i>
</a>
</div>
</div>
</div>
<!-- Bottom Credits -->
<div class="row mt-4 pt-4 border-top border-secondary">
<div class="col text-center">
<p class="small text-white-50 mb-0">
© 2025 Silicon Valley Business Solutions. All rights reserved. Developed by
<a href="https://maanviinfo.com/" target="_blank" class="text-white text-decoration-underline">maanviinfo.com</a>
</p>
</div>
</div>
</div>
</footer>
<style>
.testimonial-box {
background: linear-gradient(160deg, #d4ffbc, #ccf2a4);
transition: background 0.3s ease-in-out, color 0.3s;
}
.testimonial-box.active-testimonial {
background: #111;
color: #fff;
}
</style>
<!-- Scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script>
$(document).ready(function () {
$('.owl-carousel').owlCarousel({
loop: true,
margin: 30,
nav: false,
dots: true,
responsive: {
0: { items: 1 },
768: { items: 2 },
992: { items: 3 }
}
});
});
</script>
<script>
AOS.init();
$(document).ready(function(){
$('.owl-carousel').owlCarousel({
loop:true,
margin:20,
center:true,
nav:false,
dots:true,
responsive:{
0:{ items:1 },
768:{ items:2 },
992:{ items:3 }
},
onTranslated: updateTestimonialStyles
});
function updateTestimonialStyles() {
$('.testimonial-box').removeClass('active-testimonial');
$('.owl-item.center .testimonial-box').addClass('active-testimonial');
}
});
</script>
<!-- AOS JS -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init({
once: true,
duration: 800,
offset: 120
});
</script>
<script>
window.addEventListener('scroll', function () {
const navbar = document.getElementById('mainNavbar');
if (window.scrollY > 50) {
navbar.classList.add('scrolled' );
} else {
navbar.classList.remove('scrolled' );
}
});
</script>
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists