menders

Back Back Up Advanced Editor

<!DOCTYPE html>
<html data-wf-domain="www.dongfeng-nammi-box.ch" data-wf-page="6673de3350ec9a81ecfa64a8" data-wf-site="6673de3350ec9a81ecfa64a2" lang="en" data-wf-locale="en">
<head>
  <meta charset="utf-8">
    <title>CHAWLA GREEN MOTORS</title>
    <link rel="alternate" hreflang="x-default" href="https://www.dongfeng-nammi-box.ch/">
    <link rel="alternate" hreflang="de" href="https://www.dongfeng-nammi-box.ch/">
    <link rel="alternate" hreflang="en" href="https://www.dongfeng-nammi-box.ch/en">
    <meta content="Stylish, practical, and innovative – CGM-Box is your perfect companion for everyday journeys with a range of 430 km for only CHF 21,990.–, available in Switzerland from autumn 2024." name="description"><meta content="CGM-Box – the new rising star in affordable electric mobility in Switzerland" property="og:title"><meta content="Stylish, practical, and innovative – CGM-Box is your perfect companion for everyday journeys with a range of 430 km for only CHF 21,990.–, available in Switzerland from autumn 2024." property="og:description">
    <meta content="images/668681a7e07badadddadde51_Sharing_Image.webp" property="og:image">
    <meta content="CGM-Box – the new rising star in affordable electric mobility in Switzerland" property="twitter:title">
    <meta content="Stylish, practical, and innovative – CGM-Box is your perfect companion for everyday journeys with a range of 430 km for only CHF 21,990.–, available in Switzerland from autumn 2024." property="twitter:description"><meta content="https://cdn.prod.website-files.com/6673de3350ec9a81ecfa64a2/668681a7e07badadddadde51_Sharing_Image.webp" property="twitter:image">
    <meta property="og:type" content="website">
    <meta content="summary_large_image" name="twitter:card">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <link href="css/dongfeng-nammi-box.webflow.7ffe7ed09.min.css" rel="stylesheet" type="text/css">

gtag('config', 'G-BX12GEE1BJ');

function bookNow()
      {
        alert("COMING SOON!");
      }
    </script>
    <style>
    /* Overlay */
    .zoom-product .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4);
      /* Semi-transparent black */
      color: white;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      opacity: 0;
      transition: opacity 0.3s ease;
      border-radius: 10px;
    }

/* Show overlay on hover */
    .zoom-product:hover .overlay {
      opacity: 1;
    }

.zoom-product .overlay h4 {
      margin: 0;
      font-size: 60px;
      font-family: 'Airstrike', sans-serif;
    }

.airstrike {
      font-family: 'Airstrike', sans-serif;
    }
  </style>
    <link href="css/floating.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  </head>
    <body class="body" style="background-image: linear-gradient(140deg,var(--ocean-eyes)25%,var(--white)75%,#f9faf5 104%);">
    
      <section style="text-align: center;">
        <div data-w-id="051246ed-6275-08d3-186c-721802664f0c" class="margin-adjust-4vw">
          <h2 class="h3">CHAWLA GREEN MOTORS</h2>
        </div>
      </section>
      <section class="split-image-section">
        <img sizes="(max-width: 767px) 90vw, (max-width: 1279px) 42vw, 43vw" alt="" src="images/bike.png" loading="lazy" class="split-section-image image-only overlay">
        <img sizes="(max-width: 767px) 90vw, (max-width: 1279px) 42vw, 43vw" alt="" src="images/car2.png" loading="lazy" class="split-section-image image-only zoom-product">
        
        
      </section>