

  <? //Cleaner would be to put this in a CSS file ?>
  <style>
    #body{
      background-color: #F3F3F3;
    }
    #wrapper{
      background-color: #F3F3F3;
    }
    #form{
      padding: 20px;
       margin: 1.6em auto; 
       width: 50%; 
       background-color:white; 
       box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    }
    #info{
      padding: 2.5px; 
      font-size: small; 
      border: 2px dashed #FF9800; 
      text-align: center; 
      margin:5px;
    }
    .alertbar { 
    background-color: #FF9800; 
    color: #FFFFFF; 
    display: block; 
    line-height: 45px;
    height: 45px; 
    position: absolute; 
    text-align: center; 
    text-decoration: none; 
    top: -30px; 
    width: 100%;
    z-index: 100;
    }
    .alertbar a{
      color: #FFFFFF;
      text-decoration: underline;
      text-transform: lowercase;
    }
    
  </style>

  <div id = 'body'>
  <form method="post" id='form' >
    <input type="hidden" id="pm_india_checkout_nonce" name="pm_india_checkout_nonce" value="e0f5937b8d" /><input type="hidden" name="_wp_http_referer" value="/fr/wp-json/wp/v2/pages/5880917" />    <div>
        <h1 align="center" >Activation du Finder</h1>
      <div>
        <div style="display: flex; ">
        <img style="width:32px; height:32px;" src="https://img.icons8.com/external-vitaliy-gorbachev-lineal-vitaly-gorbachev/60/000000/external-gps-navigation-camping-vitaliy-gorbachev-lineal-vitaly-gorbachev.png"/>
          <h3 >
          Informations sur le traqueur	        </h3>
        </div>
        <div >
          <div >
            <label for="imei" >
            IMEI * 
            </label>
            <div>
              <div>
                <input type="text" name="imei" id="imei" autocomplete="imei" placeholder= Numéro d'identification de votre appareil required>
              </div>
            </div>
          </div>        
        </div>
      </div>

      <div >
        <div >
          <div style="display : flex;">
        <img style="width:32px; height:32px;" src="https://img.icons8.com/windows/32/000000/person-male.png"/>
          <h3 >
          Informations personnelles 
          </h3>
          </div>
          <p id='info'>
            Cher client, protégez ce qui vous est cher, et vous-même. Afin de pouvoir vous aider en cas de problème concernant votre équipement ou vos licences, il est essentiel que vous nous fournissiez des informations exactes.  
          </p>
        </div>
        <div >
            <div style="display: flex; justify-content: space-between; margin-top: 15px;">
              <div style="width: 400px;">
                  <label for="first-name" >
                  Prénom 
                  
                  </label>
                 <div >
                                        <input type="text" name="first-name" id="first-name" autocomplete="given-name" required>
                                       </div>
              </div>

              <div style="width: 400px;">
                  <label for="last-name" >
                  Nom de famille 
                  
                  </label>
                  <div >

                                           <input type="text" name="last-name" id="last-name" autocomplete="family-name" required>
                                       </div>
              </div>
          </div>

          <div >
            <label for="email" >
            Adresse courriel * 
              
            </label>
            <div >
                                   <input id="email" name="email" type="email" autocomplete="email" required>
                                 </div>
          </div>

          <div >
            <label for="username" >
            Nom d'utilisateur * 
              
            </label>
            <div >
                                   <input id="username" name="username" type="text" required>
                                 </div>
          </div>


                    <div style="display: flex; justify-content: space-between;">
          <div style="width: 400px;" >
            <label for="password" >
            Mot de passe du compte * 
              
            </label>
            <div >
              <input id="password" name="password" type="password" required>
            </div>
          </div>

          <div style="width: 400px;">
            <label for="password_confirm" >
            Confirmez le mot de passe * 
              
            </label>
            <div >
              <input id="password_confirm" name="password_confirm" type="password" required>
            </div>
          </div>
          </div>
            

          <div >
            <label for="country" >
            Pays 
            </label>
            <div >
              <select id="country" name="country" autocomplete="country-name" required >
                <option>Inde </option>
              </select>
            </div>
          </div>

          <div >
            <label for="street-address" >
              Adresse de la rue 
              
            </label>
            <div >
                                   <input type="text" name="street-address" id="street-address" autocomplete="street-address" required>
                                 </div>
          </div>

          <div >
            <label for="city" >
            Ville 
              
            </label>
            <div >
                 
                                   <input type="text" name="city" id="city" autocomplete="address-level2" required>
                                 </div>
          </div>

          <div >
            <label for="postal-code" >
            Zip / code postal 
            </label>
            <div >
                                   <input type="text" name="postal-code" id="postal-code" autocomplete="postal-code" required>
                                 </div>
          </div>
        </div>
      </div>

    <div >
      <div style="display: flex; justify-content: center; ">
        <button type="submit" style="color: white; background-color: #FF9800;">
        <img src="https://img.icons8.com/small/16/ffffff/filled-sent.png"/>  
        Activation gratuite 
        
        </button>
      </div>
    </div>
  </form>
  </div>

    

{"id":5880917,"date":"2026-06-12T10:23:43","date_gmt":"2026-06-12T08:23:43","guid":{"rendered":"https:\/\/start.finder-portal.com\/inde\/"},"modified":"2026-06-12T10:23:43","modified_gmt":"2026-06-12T08:23:43","slug":"inde","status":"publish","type":"page","link":"https:\/\/start.finder-portal.com\/fr\/inde\/","title":{"rendered":"Inde"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5880917","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/start.finder-portal.com\/fr\/wp-json\/wp\/v2\/pages\/5880917","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/start.finder-portal.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/start.finder-portal.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/start.finder-portal.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/start.finder-portal.com\/fr\/wp-json\/wp\/v2\/comments?post=5880917"}],"version-history":[{"count":0,"href":"https:\/\/start.finder-portal.com\/fr\/wp-json\/wp\/v2\/pages\/5880917\/revisions"}],"wp:attachment":[{"href":"https:\/\/start.finder-portal.com\/fr\/wp-json\/wp\/v2\/media?parent=5880917"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}