<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MoveMyVehicle.in - Largest Network of Trusted Car & Bike Movers in India</title>
<!-- Font Awesome for Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
/* ========== RESET & BASE STYLES ========== */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
body {
background-color: #ffffff;
color: #1e293b;
line-height: 1.5;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* ========== HEADER & LOGO ========== */
.header {
background: white;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
padding: 12px 0;
position: sticky;
top: 0;
z-index: 100;
border-bottom: 1px solid #f0f0f0;
}
.header .container {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
/* Logo Container - No Image Needed */
.logo {
display: flex;
align-items: center;
gap: 12px;
}
.logo-icon {
width: 54px;
height: 54px;
background: linear-gradient(145deg, #1E3A8A, #2563EB);
border-radius: 18px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
transform: rotate(5deg);
box-shadow: 0 8px 16px rgba(37,99,235,0.3);
}
.logo-icon .fa-car {
color: white;
font-size: 26px;
position: absolute;
transform: rotate(-5deg) translateX(-5px);
filter: drop-shadow(0 3px 3px rgba(0,0,0,0.2));
}
.logo-icon .fa-motorcycle {
color: #FBBF24;
font-size: 28px;
position: absolute;
transform: rotate(5deg) translateX(8px) translateY(5px);
filter: drop-shadow(0 3px 3px rgba(0,0,0,0.2));
}
.logo-text h1 {
font-size: 26px;
font-weight: 700;
color: #0F2B62;
letter-spacing: -0.5px;
}
.logo-tagline {
font-size: 12px;
background: #FBBF24;
color: #0F2B62;
padding: 2px 12px;
border-radius: 20px;
font-weight: 500;
display: inline-block;
margin-top: 2px;
}
/* Navigation */
.nav-menu {
display: flex;
gap: 32px;
align-items: center;
}
.nav-menu a {
text-decoration: none;
color: #334155;
font-size: 15px;
font-weight: 500;
}
.nav-menu a:hover {
color: #2563eb;
}
.btn-outline {
border: 1px solid #d0d5dd;
padding: 8px 20px;
border-radius: 30px;
background: white;
font-weight: 500;
cursor: pointer;
font-size: 14px;
}
.btn-primary {
background: #2563eb;
color: white;
padding: 10px 24px;
border-radius: 30px;
font-weight: 600;
border: none;
cursor: pointer;
font-size: 14px;
transition: background 0.2s;
}
.btn-primary:hover {
background: #1d4ed8;
}
/* ========== HERO SECTION ========== */
.hero {
padding: 60px 0 40px;
background: linear-gradient(145deg, #ffffff, #f8fafc);
}
.hero .container {
display: flex;
align-items: center;
gap: 50px;
flex-wrap: wrap;
}
.hero-content {
flex: 1 1 400px;
}
.hero-content h1 {
font-size: 42px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 20px;
color: #0b1f4a;
}
.hero-content .highlight {
color: #2563eb;
}
.trust-badge {
display: flex;
align-items: center;
gap: 10px;
background: #e6f0ff;
padding: 8px 18px;
border-radius: 40px;
width: fit-content;
margin: 20px 0;
font-weight: 500;
}
.hero-stats {
display: flex;
gap: 40px;
margin: 30px 0;
flex-wrap: wrap;
}
.hero-stats div p {
font-size: 26px;
font-weight: 700;
color: #0f2b62;
}
.hero-stats div span {
color: #475569;
font-size: 14px;
}
.hero-image {
flex: 1 1 300px;
background: #dbeafe;
border-radius: 20px;
padding: 40px;
text-align: center;
}
.hero-image i {
font-size: 100px;
color: #1e3a8a;
margin: 0 5px;
}
.hero-image p {
font-size: 20px;
font-weight: 600;
margin-top: 20px;
}
/* ========== TRUST BAR ========== */
.trust-bar {
background: white;
padding: 20px 0;
border-top: 1px solid #e5e7eb;
border-bottom: 1px solid #e5e7eb;
}
.trust-flex {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
gap: 20px;
}
.trust-item {
display: flex;
align-items: center;
gap: 10px;
font-weight: 500;
}
.trust-item i {
color: #2563eb;
font-size: 24px;
}
/* ========== SECTION TITLES ========== */
.section-title {
font-size: 36px;
font-weight: 700;
text-align: center;
margin: 60px 0 20px;
color: #0b1f4a;
}
.section-subtitle {
text-align: center;
color: #475569;
margin-bottom: 40px;
font-size: 18px;
}
/* ========== COMPANY STATS ========== */
.stats-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin: 40px 0;
text-align: center;
}
.impact-number {
font-size: 36px;
font-weight: 700;
color: #0f2b62;
}
/* ========== PROCESS STEPS ========== */
.process-steps {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
margin: 40px 0;
}
.step {
text-align: center;
padding: 20px;
}
.step-number {
width: 50px;
height: 50px;
background: #2563eb;
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 700;
margin: 0 auto 20px;
}
.step h4 {
font-size: 20px;
margin-bottom: 10px;
}
.step p {
color: #475569;
}
/* ========== WHY US GRID ========== */
.why-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin: 40px 0;
}
.why-card {
background: #f8fafc;
padding: 30px;
border-radius: 16px;
text-align: center;
}
.why-card i {
font-size: 40px;
color: #2563eb;
margin-bottom: 20px;
}
.why-card h3 {
font-size: 20px;
margin-bottom: 10px;
}
.why-card p {
color: #475569;
}
/* ========== SERVICES GRID ========== */
.services-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
margin: 40px 0;
}
.service-card {
background: white;
border: 1px solid #e5e7eb;
border-radius: 16px;
padding: 30px;
text-align: center;
transition: box-shadow 0.3s;
}
.service-card:hover {
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.service-card i {
font-size: 40px;
color: #2563eb;
margin-bottom: 20px;
}
.service-card h3 {
font-size: 22px;
margin-bottom: 15px;
}
.service-card p {
color: #475569;
}
/* ========== CITIES GRID ========== */
.cities-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin: 40px 0;
}
.city-card {
background: #f8fafc;
padding: 30px;
border-radius: 12px;
text-align: center;
font-weight: 600;
font-size: 18px;
}
.city-card i {
color: #2563eb;
margin-right: 8px;
}
.all-india {
text-align: center;
margin: 30px 0;
padding: 20px;
background: #e6f0ff;
border-radius: 60px;
font-weight: 600;
}
/* ========== TESTIMONIALS ========== */
.testimonials-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
margin: 40px 0;
}
.testimonial-card {
background: #f8fafc;
padding: 30px;
border-radius: 16px;
}
.testimonial-card .stars {
color: #fbbf24;
margin: 15px 0;
}
.customer-name {
font-weight: 600;
margin-top: 15px;
}
.customer-route {
font-size: 12px;
color: #2563eb;
margin-top: 5px;
}
/* ========== IMPACT NUMBERS ========== */
.impact-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
margin: 40px 0;
text-align: center;
}
/* ========== FAQ ========== */
.faq-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
margin: 40px 0;
}
.faq-item {
background: #f8fafc;
padding: 25px;
border-radius: 12px;
}
.faq-item h4 {
margin-bottom: 10px;
font-size: 18px;
}
/* ========== CTA SECTION ========== */
.cta-section {
background: #0f2b62;
color: white;
padding: 60px;
border-radius: 20px;
text-align: center;
margin: 60px 0;
}
.cta-section h2 {
font-size: 36px;
margin-bottom: 15px;
}
.cta-section p {
margin-bottom: 30px;
font-size: 18px;
}
.cta-section .btn-primary {
background: #fbbf24;
color: #0f2b62;
font-size: 18px;
padding: 15px 40px;
}
/* ========== FOOTER ========== */
.footer {
background: #0a142f;
color: #94a3b8;
padding: 60px 0 30px;
margin-top: 60px;
}
.footer .container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;
}
.footer-col h4 {
color: white;
margin-bottom: 20px;
}
.footer-col p {
margin: 10px 0;
}
.footer-col i {
width: 20px;
color: #fbbf24;
}
.copyright {
text-align: center;
padding-top: 40px;
margin-top: 40px;
border-top: 1px solid #1f2f60;
}
/* ========== RESPONSIVE DESIGN ========== */
@media (max-width: 1024px) {
.process-steps,
.why-grid,
.services-grid,
.cities-grid,
.testimonials-grid,
.impact-grid,
.faq-grid,
.footer .container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.hero .container {
flex-direction: column;
}
.process-steps,
.why-grid,
.services-grid,
.cities-grid,
.testimonials-grid,
.impact-grid,
.faq-grid,
.footer .container {
grid-template-columns: 1fr;
}
.nav-menu {
display: none;
}
.hero-content h1 {
font-size: 32px;
}
}
</style>
</head>
<body>
<!-- HEADER SECTION -->
<header class="header">
<div class="container">
<!-- Logo - No Image File Needed -->
<div class="logo">
<div class="logo-icon">
<i class="fas fa-car"></i>
<i class="fas fa-motorcycle"></i>
</div>
<div class="logo-text">
<h1>MoveMyVehicle.in</h1>
<span class="logo-tagline">cars & bikes only</span>
</div>
</div>
<!-- Navigation Menu -->
<div class="nav-menu">
<a href="#">Home</a>
<a href="#">Services</a>
<a href="#">How It Works</a>
<a href="#">Cities</a>
<button class="btn-outline">Login</button>
<button class="btn-primary">Get Quote</button>
</div>
</div>
</header>
<!-- HERO SECTION -->
<section class="hero">
<div class="container">
<div class="hero-content">
<div class="trust-badge">
<i class="fas fa-check-circle" style="color:#2563eb;"></i> Trusted by 18,000+ Customers
</div>
<h1>Largest Network of Trusted <span class="highlight">Car & Bike Movers</span> in India</h1>
<div class="hero-stats">
<div>
<p>100%</p>
<span>Verified Movers</span>
</div>
<div>
<p>Best</p>
<span>Price</span>
</div>
<div>
<p>24/7</p>
<span>Support</span>
</div>
</div>
<button class="btn-primary" style="padding: 14px 32px; font-size: 16px;">Get Free Quotes</button>
</div>
<div class="hero-image">
<i class="fas fa-truck"></i>
<i class="fas fa-car" style="font-size: 80px; margin: 0 10px;"></i>
<i class="fas fa-motorcycle" style="font-size: 80px;"></i>
<p>Door-to-Door Vehicle Transport</p>
</div>
</div>
</section>
<!-- TRUST BAR -->
<div class="trust-bar">
<div class="container trust-flex">
<div class="trust-item"><i class="fas fa-check-circle"></i> 100% Verified Partners</div>
<div class="trust-item"><i class="fas fa-rupee-sign"></i> Best Price Guarantee</div>
<div class="trust-item"><i class="fas fa-clock"></i> Quick Response Time</div>
<div class="trust-item"><i class="fas fa-headset"></i> 24/7 Customer Support</div>
</div>
</div>
<!-- COMPANY STATS -->
<div class="container">
<div class="stats-grid">
<div>
<div class="impact-number">150+</div>
<p>Partners</p>
</div>
<div>
<div class="impact-number">98%</div>
<p>Satisfaction</p>
</div>
<div>
<div class="impact-number">25+</div>
<p>Cities</p>
</div>
<div>
<div class="impact-number">100%</div>
<p>Verified Partners</p>
</div>
</div>
</div>
<!-- PROCESS STEPS -->
<div class="container">
<h2 class="section-title">Simple Process</h2>
<p class="section-subtitle">Get connected with verified movers in just 4 simple steps</p>
<div class="process-steps">
<div class="step">
<div class="step-number">01</div>
<h4>Share Your Requirement</h4>
<p>Call us or post your vehicle shifting needs in just a few clicks</p>
</div>
<div class="step">
<div class="step-number">02</div>
<h4>Get 3 References</h4>
<p>We find 3 best match movers according to your needs</p>
</div>
<div class="step">
<div class="step-number">03</div>
<h4>Schedule Survey Date</h4>
<p>Movers analyze requirements and provide accurate quotes</p>
</div>
<div class="step">
<div class="step-number">04</div>
<h4>Compare and Hire</h4>
<p>Compare profiles, ratings, reviews and finalize the best</p>
</div>
</div>
</div>
<!-- WHY US -->
<div class="container">
<h2 class="section-title">Why Choose MoveMyVehicle</h2>
<p class="section-subtitle">India's most trusted platform connecting you with verified car and bike movers</p>
<div class="why-grid">
<div class="why-card">
<i class="fas fa-shield-alt"></i>
<h3>100% Verified Partners</h3>
<p>Every mover on our platform is thoroughly verified and background checked to ensure your vehicle's safety</p>
</div>
<div class="why-card">
<i class="fas fa-rupee-sign"></i>
<h3>Best Price Guarantee</h3>
<p>Compare multiple quotes and choose the best deal. No hidden charges, complete transparency</p>
</div>
<div class="why-card">
<i class="fas fa-headset"></i>
<h3>24/7 Customer Support</h3>
<p>Our dedicated support team is available round the clock to assist you at every step</p>
</div>
<div class="why-card">
<i class="fas fa-search"></i>
<h3>Free Inspection & Quote</h3>
<p>Get free on-site inspection and accurate moving quotes without any obligation</p>
</div>
<div class="why-card">
<i class="fas fa-clock"></i>
<h3>On-Time Delivery</h3>
<p>We ensure your vehicle reaches the destination safely and on the promised timeline</p>
</div>
<div class="why-card">
<i class="fas fa-users"></i>
<h3>Trusted by Thousands</h3>
<p>Join 18,000+ satisfied customers who trusted us for their vehicle relocation needs</p>
</div>
</div>
</div>
<!-- SERVICES -->
<div class="container">
<h2 class="section-title">Our Services</h2>
<p class="section-subtitle">Professional vehicle moving services tailored to your specific needs</p>
<div class="services-grid">
<div class="service-card">
<i class="fas fa-car"></i>
<h3>Car Transport</h3>
<p>Safe and secure car carrier services for damage-free vehicle transportation</p>
</div>
<div class="service-card">
<i class="fas fa-motorcycle"></i>
<h3>Bike Shifting</h3>
<p>Professional bike transportation with proper packaging and handling care</p>
</div>
<div class="service-card">
<i class="fas fa-truck"></i>
<h3>Open Carrier</h3>
<p>Economical multi-vehicle transport for standard cars and bikes</p>
</div>
<div class="service-card">
<i class="fas fa-warehouse"></i>
<h3>Enclosed Carrier</h3>
<p>Premium fully-enclosed transport for luxury and classic vehicles</p>
</div>
<div class="service-card">
<i class="fas fa-building"></i>
<h3>Dealer Transport</h3>
<p>Bulk vehicle transport solutions for dealerships and showrooms</p>
</div>
<div class="service-card">
<i class="fas fa-globe"></i>
<h3>Intercity Move</h3>
<p>Long-distance vehicle relocation between any cities in India</p>
</div>
</div>
</div>
<!-- MAJOR CITIES -->
<div class="container">
<h2 class="section-title">Our Major Hubs</h2>
<p class="section-subtitle">Strategically located to serve you better with pan-India presence</p>
<div class="cities-grid">
<div class="city-card">
<i class="fas fa-golden-temple"></i> Amritsar
</div>
<div class="city-card">
<i class="fas fa-umbrella-beach"></i> Goa
</div>
<div class="city-card">
<i class="fas fa-city"></i> Mumbai
</div>
<div class="city-card">
<i class="fas fa-building"></i> Gurugram
</div>
</div>
<div class="all-india">
<i class="fas fa-map-marked-alt"></i> Service Across All Major Cities in India
</div>
</div>
<!-- TESTIMONIALS -->
<div class="container">
<h2 class="section-title">Customer Reviews</h2>
<p class="section-subtitle">See what our customers say about their vehicle moving experience</p>
<div class="testimonials-grid">
<div class="testimonial-card">
<i class="fas fa-quote-left" style="color:#2563eb; font-size:24px;"></i>
<p>My Royal Enfield was delivered from Amritsar to Goa in perfect condition. The crate packing was excellent and tracking was real-time.</p>
<div class="stars">★★★★★</div>
<div class="customer-name">Arjun Mehta</div>
<div class="customer-route">Amritsar → Goa</div>
</div>
<div class="testimonial-card">
<i class="fas fa-quote-left" style="color:#2563eb; font-size:24px;"></i>
<p>Moved my Audi A4 from Mumbai to Gurugram. They used an enclosed container with insurance. Car was spotless. Highly recommended!</p>
<div class="stars">★★★★★</div>
<div class="customer-name">Sneha Rajan</div>
<div class="customer-route">Mumbai → Gurugram</div>
</div>
<div class="testimonial-card">
<i class="fas fa-quote-left" style="color:#2563eb; font-size:24px;"></i>
<p>Very professional service. They picked my bike from Gurugram and delivered to Bangalore. Great communication throughout.</p>
<div class="stars">★★★★★</div>
<div class="customer-name">Karthik Srinivas</div>
<div class="customer-route">Gurugram → Bangalore</div>
</div>
</div>
</div>
<!-- IMPACT NUMBERS -->
<div class="container">
<h2 class="section-title">Numbers That Speak</h2>
<p class="section-subtitle">Building trust through consistent service excellence across India</p>
<div class="impact-grid">
<div>
<div class="impact-number">18K+</div>
<p>Happy Customers</p>
</div>
<div>
<div class="impact-number">150+</div>
<p>Verified Partners</p>
</div>
<div>
<div class="impact-number">25+</div>
<p>Cities Covered</p>
</div>
<div>
<div class="impact-number">98%</div>
<p>Satisfaction Rate</p>
</div>
</div>
</div>
<!-- FAQ -->
<div class="container">
<h2 class="section-title">Frequently Asked Questions</h2>
<p class="section-subtitle">Find answers to common questions about our vehicle relocation services</p>
<div class="faq-grid">
<div class="faq-item">
<h4>How does MoveMyVehicle work?</h4>
<p>Simply fill out our quick form with your vehicle details, receive free quotes from multiple verified movers, compare prices and services, and choose the best option for your needs.</p>
</div>
<div class="faq-item">
<h4>How are your movers verified?</h4>
<p>All our partner movers undergo rigorous verification including background checks, license verification, insurance coverage check, and customer feedback review.</p>
</div>
<div class="faq-item">
<h4>Is there any charge for quotes?</h4>
<p>No, getting quotes through MoveMyVehicle is completely FREE! There are no hidden charges or obligations.</p>
</div>
<div class="faq-item">
<h4>How many quotes will I receive?</h4>
<p>Typically, you will receive 3-5 competitive quotes from verified movers in your area, customized to your specific requirements.</p>
</div>
<div class="faq-item">
<h4>Is insurance included?</h4>
<p>Yes, all our verified movers provide basic transit insurance coverage. Additional comprehensive coverage can be opted for high-value vehicles.</p>
</div>
<div class="faq-item">
<h4>Can I track my vehicle?</h4>
<p>Yes, most of our partner movers provide shipment tracking facilities with regular updates on your vehicle's location.</p>
</div>
</div>
</div>
<!-- CTA SECTION -->
<div class="container">
<div class="cta-section">
<h2>Join 18,000+ satisfied customers</h2>
<p>Experience hassle-free vehicle relocation with India's most trusted moving platform</p>
<button class="btn-primary">Get Free Quotes</button>
</div>
</div>
<!-- FOOTER -->
<footer class="footer">
<div class="container">
<div class="footer-col">
<h4>MoveMyVehicle.in</h4>
<p>Specialists in car & bike relocation</p>
<p><i class="fas fa-envelope"></i> hello@movemyvehicle.in</p>
<p><i class="fas fa-phone"></i> +91 124 789 3456</p>
</div>
<div class="footer-col">
<h4>Our Hubs</h4>
<p><i class="fas fa-location-dot"></i> Amritsar</p>
<p><i class="fas fa-umbrella-beach"></i> Goa</p>
<p><i class="fas fa-city"></i> Mumbai</p>
<p><i class="fas fa-building"></i> Gurugram</p>
<p><i class="fas fa-map-marked-alt"></i> All India</p>
</div>
<div class="footer-col">
<h4>Services</h4>
<p>Car Transport</p>
<p>Bike Shifting</p>
<p>Enclosed Carrier</p>
<p>Dealer Transport</p>
<p>Intercity Move</p>
</div>
<div class="footer-col">
<h4>Support</h4>
<p>Track Shipment</p>
<p>FAQs</p>
<p>Privacy Policy</p>
<p>Terms of Use</p>
<p>Contact Us</p>
</div>
</div>
<div class="copyright">
<p>© 2025 MoveMyVehicle.in — Largest Network of Trusted Car & Bike Movers in India. All rights reserved.</p>
</div>
</footer>
</body>
</html>