<!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>