SHARE
TWEET

Untitled

a guest May 22nd, 2019 65 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <form class="" role="form">
  2.     <div class="card-header">
  3.         <h1 class="h2 col-12 text-left text-center text-uppercase">Fiche d'intervention sur installation frigorifique</h1>
  4.         <h1 class="h5 col-12 text-left text-center">Document à conserver 5 ans par l'opérateur et le détenteur suivant l'article R.543-82 du code de l'environnement</h1>
  5.     </div>
  6.  
  7.     <div class="card border-sidy rounded-0">
  8.  
  9.         <div id="identification" class="card-header bg-sidy rounded-0">
  10.             <h1 class="h2 text-center text-uppercase text-white">identification</h1>
  11.         </div>
  12.  
  13.         <div class="card-body">
  14.             <div class="form-row mb-2">
  15.                 <div class="card col-md-6 mb-2 mb-md-0">
  16.                     <div class="card-body">
  17.                         <h1 class="h5 mb-3 card-title text-center">OPÉRATEUR <small>(Nom et SIRET)</small></h1>
  18.  
  19.                         <!-- CAPACITY ATTESTATION -->
  20.                         <div class="form-group col-12">
  21.                             <label for="attestationCapacite">Attestation de capacité n<sup>°</sup>&nbsp;:</label>
  22.                             <input type="text" name="text" id="attestationCapacite"  class="form-control"
  23.                                 placeholder=" " value="" required>
  24.                         </div>
  25.  
  26.                         <!-- CHOOSE CATEGORY -->
  27.                         <div class="form-group col-12 d-flex flex-row justify-content-between">
  28.                             <h1 class="h6 font-weight-normal">Catégorie&nbsp;:</h1>
  29.                             <div>
  30.                                 <div class="custom-control custom-radio custom-control-inline">
  31.                                     <input type="radio" id="categoryI" name="categoryRadio" class="custom-control-input">
  32.                                     <label class="custom-control-label" for="categoryI">I</label>
  33.                                 </div>
  34.                                 <div class="custom-control custom-radio custom-control-inline">
  35.                                     <input type="radio" id="categoryII" name="categoryRadio" class="custom-control-input">
  36.                                     <label class="custom-control-label" for="categoryII">II</label>
  37.                                 </div>
  38.                                 <div class="custom-control custom-radio custom-control-inline">
  39.                                     <input type="radio" id="categoryIII" name="categoryRadio" class="custom-control-input">
  40.                                     <label class="custom-control-label" for="categoryIII">III</label>
  41.                                 </div>
  42.                                 <div class="custom-control custom-radio custom-control-inline">
  43.                                     <input type="radio" id="categoryIV" name="categoryRadio" class="custom-control-input">
  44.                                     <label class="custom-control-label" for="categoryIV">IV</label>
  45.                                 </div>
  46.                             </div>
  47.                         </div>
  48.  
  49.                         <!-- TO DO : END VALIDITY -->
  50.                         <div class="form-group col-12">
  51.                             <label for="finValidate">Date de fin de validité&nbsp;:</label>
  52.                             <input type="text" name="text" id="finValidate"  class="form-control"
  53.                                 placeholder=" " value="" required>
  54.                         </div>
  55.  
  56.                     </div>
  57.                 </div>
  58.                 <div class="card col-md-6">
  59.                     <div class="card-body">
  60.                         <h1 class="h5 mb-3 card-title text-center">DÉTENTEUR DE L'ÉQUIPEMENT <small>(Nom,&nbsp;adresse&nbsp;et&nbsp;SIRET)</small></h1>
  61.                     </div>
  62.                 </div>
  63.             </div>
  64.  
  65.             <div class="form-row my-2">
  66.                 <div class="card col-12">
  67.                     <div class="card-body">
  68.                         <h1 class="h5 mb-3 card-title text-center text-uppercase">équipement concerné</h1>
  69.  
  70.                         <div class="form-row">
  71.                             <!-- DESIGNATION -->
  72.                             <div class="form-group col-md-6">
  73.                                 <label for="designation">Désignation&nbsp;:</label>
  74.                                 <input type="text" name="text" id="designation"  class="form-control"
  75.                                     placeholder=" " value="" required>
  76.                             </div>
  77.  
  78.                             <!-- MISE EN SERVICE DATE -->
  79.                             <div class="form-group col-md-6">
  80.                                 <label for="serviceDate">Date de 1<sup>ère</sup> mise en service&nbsp;:</label>
  81.                                 <input type="text" name="text" id="serviceDate"  class="form-control"
  82.                                     placeholder="" value="" required>
  83.                             </div>
  84.                         </div>
  85.  
  86.                         <div class="form-row">
  87.                             <!-- LOCATION -->
  88.                             <div class="form-group col-md-6">
  89.                                 <label for="location">Lieu d'implantation&nbsp;:</label>
  90.                                 <input type="text" name="text" id="location"  class="form-control"
  91.                                     placeholder=" " value="" required>
  92.                             </div>
  93.                             <!-- PLAQUE SIGNALÉTIQUE -->
  94.                             <div class="form-group col-md-6 d-flex flex-row justify-content-between mt-5">
  95.                                 <h1 class="h6 font-weight-normal">Plaque signalétique&nbsp;:</h1>
  96.                                 <div class="custom-control custom-radio custom-control-inline">
  97.                                     <input type="radio" id="plaqueOui" name="plaqueSignaletique" class="custom-control-input">
  98.                                     <label class="custom-control-label" for="plaqueOui">Oui</label>
  99.                                 </div>
  100.                                 <div class="custom-control custom-radio custom-control-inline">
  101.                                     <input type="radio" id="plaqueNon" name="plaqueSignaletique" class="custom-control-input">
  102.                                     <label class="custom-control-label" for="plaqueNon">Non</label>
  103.                                 </div>
  104.                             </div>
  105.                         </div>
  106.                        
  107.                         <div class="form-row">
  108.                             <!-- TYPE OF FLUIDE -->
  109.                             <div class="form-group col-md-3">
  110.                                 <label for="location">Type de fluide&nbsp;:</label>
  111.                                 <input type="text" name="text" id="location"  class="form-control"
  112.                                     placeholder="R" value="" required>
  113.                             </div>
  114.  
  115.                             <!-- INITIAL CHARGE -->
  116.                             <div class="form-group col-md-3">
  117.                                 <label for="initialCharge">Charge initiale&nbsp;:</label>
  118.                                 <input type="text" name="text" id="initialCharge"  class="form-control"
  119.                                     placeholder="kg" value="" required>
  120.                             </div>
  121.                             <!-- INITIAL CHARGE -->
  122.                             <div class="form-group col-md-3">
  123.                                 <label for="initialCharge">HFC / PFC</label>
  124.                                 <input type="text" name="text" id="initialCharge"  class="form-control"
  125.                                     placeholder="Teq CO2" value="" required>
  126.                             </div>
  127.  
  128.                             <!-- OIL TYPE -->
  129.                             <div class="form-group col-md-3">
  130.                                 <label for="oilType">Type d'huile&nbsp;:</label>
  131.                                 <input type="text" name="text" id="oilType"  class="form-control"
  132.                                     placeholder="" value="" required>
  133.                             </div>
  134.                         </div>
  135.                     </div>
  136.                 </div>
  137.             </div>
  138.  
  139.             <div class="form-row mt-2">
  140.                 <div class="card col-12">
  141.                     <div class="card-body">
  142.                         <h1 class="h5 mb-3 card-title text-center text-uppercase">motif de l'intervention</h1>
  143.  
  144.                         <div class="form-row pl-5">
  145.                             <!-- CHECKBOX -->
  146.                             <div class="custom-control custom-checkbox col-md-4">
  147.                                 <input type="checkbox" class="custom-control-input" id="equipementService">
  148.                                 <label class="custom-control-label" for="equipementService">Mise en service de l'équipement</label>
  149.                             </div>
  150.  
  151.                             <div class="custom-control custom-checkbox col-md-4">
  152.                                 <input type="checkbox" class="custom-control-input" id="entretienMaintenance">
  153.                                 <label class="custom-control-label" for="entretienMaintenance">Entretien / Maintenance</label>
  154.                             </div>
  155.  
  156.                             <div class="custom-control custom-checkbox col-md-4">
  157.                                 <input type="checkbox" class="custom-control-input" id="reparationDepannage">
  158.                                 <label class="custom-control-label" for="reparationDepannage">Réparation / Dépannage</label>
  159.                             </div>
  160.  
  161.                         </div>
  162.  
  163.                         <div class="form-row pl-5 mb-lg-2">
  164.                             <div class="custom-control custom-checkbox col-md-4">
  165.                                 <input type="checkbox" class="custom-control-input" id="equipementModification">
  166.                                 <label class="custom-control-label" for="equipementModification">Modification de l'équipement</label>
  167.                             </div>
  168.  
  169.                             <div class="custom-control custom-checkbox col-md-4">
  170.                                 <input type="checkbox" class="custom-control-input" id="etancheiteCheck">
  171.                                 <label class="custom-control-label" for="etancheiteCheck">Contrôle d'étanchéité</label>
  172.                             </div>
  173.  
  174.                             <div class="custom-control custom-checkbox col-md-4">
  175.                                 <input type="checkbox" class="custom-control-input" id="employeeFormation">
  176.                                 <label class="custom-control-label" for="employeeFormation">Formation du personnel</label>
  177.                             </div>
  178.                         </div>
  179.  
  180.                         <div class="form-row pl-5">
  181.                             <div class="custom-control custom-checkbox col-lg-2">
  182.                                 <input type="checkbox" class="custom-control-input" id="motifInterventionOther">
  183.                                 <label class="custom-control-label" for="motifInterventionOther">Autre <small>(préciser)</small></label>
  184.                             </div>
  185.                             <div class="col-lg-8">
  186.                                 <textarea class="form-control" placeholder="Si autre, veuillez décrire le motif de l'intervention"></textarea>
  187.                             </div>
  188.                         </div>
  189.                     </div>
  190.                 </div>
  191.             </div>
  192.         </div>
  193.  
  194.     </div>
  195.  
  196.     <div class="card border-sidy rounded-0">
  197.  
  198.         <div id="controleEchanteite" class="card-header bg-sidy rounded-0">
  199.             <h1 class="h2 text-center text-uppercase text-white">contrôle d'étanchéité<br>
  200.                 <small class="text-center text-dark">suivant arrêté du 29 février 2016 relatif à certains fluides frigorigènes et&nbsp;aux&nbsp;gaz&nbsp;à&nbsp;effet&nbsp;de&nbsp;serre&nbsp;fluorés</small>
  201.             </h1>
  202.         </div>
  203.    
  204.         <div class="card-body">
  205.             <div class="form-row mb-2">
  206.                 <div class="card col-12">
  207.                     <div class="card-body">
  208.                         <h1 class="h5 mb-3 card-title text-center text-uppercase">motif du contrôle</h1>
  209.  
  210.                         <!-- CHECKBOX -->
  211.                         <div class="form-row pl-5">
  212.                             <div class="custom-control custom-checkbox col-md-4">
  213.                                 <input type="checkbox" class="custom-control-input" id="servicePrecharge">
  214.                                 <label class="custom-control-label" for="servicePrecharge">Mise en service <small>(pré-chargé)</small></label>
  215.                             </div>
  216.  
  217.                             <div class="custom-control custom-checkbox col-md-4">
  218.                                 <input type="checkbox" class="custom-control-input" id="controleEtancheitePeriodique">
  219.                                 <label class="custom-control-label" for="controleEtancheitePeriodique">Contrôle d'étanchéité périodique</label>
  220.                             </div>
  221.  
  222.                             <div class="custom-control custom-checkbox col-md-4">
  223.                                 <input type="checkbox" class="custom-control-input" id="motifControlOther">
  224.                                 <label class="custom-control-label" for="motifControlOther">Autre <small>(préciser)</small></label>
  225.                             </div>
  226.                         </div>
  227.  
  228.                         <div class="form-row my-2">
  229.                             <textarea class="form-control" placeholder="Si autre, veuillez décrire le motif du contrôle"></textarea>
  230.                         </div>
  231.  
  232.                         <div class="table-responsive">
  233.                             <table class="table mb-4" id="motifControl">
  234.                                 <thead>
  235.                                     <tr>
  236.                                         <th class="text-uppercase font-weight-bold border" scope="col">système de détection</th>
  237.                                         <th class="font-weight-bold border text-center" scope="col">Marque & modèle</th>
  238.                                         <th class="font-weight-bold border text-center" scope="col">N° série</th>
  239.                                         <th class="font-weight-bold border text-center" scope="col">Contrôlé le</th>
  240.                                     </tr>
  241.                                 </thead>
  242.                                 <tbody>
  243.                                     <tr>
  244.                                         <th class="border" scope="row">Détecteur manuel <small>(sensibilité < 5g/an)</small></th>
  245.                                         <td class="border"><p>dzdzedezdz</p></td>
  246.                                         <td class="border"><p>desdsdesdsdesd</p></td>
  247.                                         <td class="border"><p>dsedsdesdsed</p></td>
  248.                                     </tr>
  249.                                     <tr>
  250.                                         <th class="border" scope="row">Contrôleur d'ambiance - Poste fixe <small>(sensibilité < 10ppm)</small></th>
  251.                                         <td class="border"><p>dzdzedezdz</p></td>
  252.                                         <td class="border"><p>desdsdesdsdesd</p></td>
  253.                                         <td class="border"><p>dsedsdesdsed</p></td>
  254.                                     </tr>
  255.                                     <tr>
  256.                                         <th class="border" scope="row">Autre <small>&nbsp;(préciser)</small></th>
  257.                                         <td class="border" colspan="3">
  258.                                             <textarea class="h-100 form-control rounded-0 no-border"></textarea>
  259.                                         </td>
  260.                                     </tr>
  261.                                 </tbody>
  262.                             </table>
  263.                         </div>
  264.  
  265.                         <div class="table-responsive">
  266.                             <table class="table" id="fluide">
  267.                                 <thead>
  268.                                     <tr>
  269.                                         <th class="text-uppercase font-weight-bold border" style="width:40%;" scope="col" >fréquence minimale du contrôle périodique</th>
  270.                                         <th class="font-weight-bold border text-center" style="width:60%;" scope="col" colspan="3">Quantité de fluide dans l'équipement</th>
  271.                                     </tr>
  272.                                 </thead>
  273.                                 <tbody>
  274.                                     <tr>
  275.                                         <th class="border" scope="row">HCFC</th>
  276.                                         <td class="border">
  277.                                             <label class="checkbox-styled m-0"><input type="checkbox" id="HCFC1"><span>2 kg < Q ­­≤ 30 kg <small>(12 mois)</small></span></label>
  278.                                         </td>
  279.                                         <td class="border">
  280.                                             <label class="checkbox-styled m-0"><input type="checkbox" id="HCFC2"><span>30 kg < Q ­­≤ 300 kg <small>(6 mois)</</small></span></label>
  281.                                         </td>
  282.                                         <td class="border">
  283.                                             <label class="checkbox-styled m-0"><input type="checkbox" id="HCFC3"><span>Q > 300 kg <small>(3 mois)</small></span></label>
  284.                                         </td>
  285.                                     </tr>
  286.                                     <tr>
  287.                                         <th class="border" scope="row">HFC / PFC</th>
  288.                                         <td class="border">
  289.                                             <label class="checkbox-styled m-0"><input type="checkbox" id="HCF/PFC1"><span>5 t &nbsp;≤&nbsp; teqCO<sub>2</sub> &nbsp;<&nbsp; 50 t</span></label>
  290.                                         </td>
  291.                                         <td class="border">
  292.                                             <label class="checkbox-styled m-0"><input type="checkbox" id="HCF/PFC2"><span>50 t &nbsp;≤&nbsp; teqCO<sub>2</sub> &nbsp;<&nbsp; 500 t</span></label>
  293.                                         </td>
  294.                                         <td class="border">
  295.                                             <label class="checkbox-styled m-0"><input type="checkbox" id="HCF/PFC3"><span>teqCO<sub>2</sub> > 500 t</span></label>
  296.                                         </td>
  297.                                     </tr>
  298.                                     <tr>
  299.                                         <th class="border" scope="row">Équipement sans système de détection des fuites</th>
  300.                                         <td class="border">
  301.                                             <label class="checkbox-styled m-0"><input type="checkbox" id="equipementSansSysteme12mois"><span>12 mois</span></label>
  302.                                         </td>
  303.                                         <td class="border">
  304.                                             <label class="checkbox-styled m-0"><input type="checkbox" id="equipementSansSysteme6mois"><span>6 mois</span></label>
  305.                                         </td>
  306.                                         <td class="border">
  307.                                             <label class="checkbox-styled m-0"><input type="checkbox" id="equipementSansSysteme3mois"><span>3 mois</span></label>
  308.                                         </td>
  309.                                     </tr>
  310.                                     <tr>
  311.                                         <th class="border" scope="row">Équipement avec système de détection des fuites</th>
  312.                                         <td class="border">
  313.                                             <label class="checkbox-styled m-0"><input type="checkbox" id="equipementAvecSysteme24mois"><span>24 mois</span></label>
  314.                                         </td>
  315.                                         <td class="border">
  316.                                             <label class="checkbox-styled m-0"><input type="checkbox" id="equipementAvecSysteme12mois"><span>12 mois</span></label>
  317.                                         </td>
  318.                                         <td class="border">
  319.                                             <label class="checkbox-styled m-0"><input type="checkbox" id="equipementAvecSysteme6mois"><span>6 mois</span></label>
  320.                                         </td>
  321.                                     </tr>
  322.                                 </tbody>
  323.                             </table>
  324.                         </div>
  325.                     </div>
  326.                 </div>
  327.             </div>
  328.  
  329.             <div class="form-row">
  330.                 <label for="confirmEtancheite" class="card col-md-6 mb-2 mb-md-0">
  331.                     <div class="card-body position-relative pb-5">
  332.                         <div class="custom-control custom-radio">
  333.                             <input type="radio" class="custom-control-input" name="sealingState" id="confirmEtancheite">
  334.                             <div class="custom-control-label" for="confirmEtancheite">Etanchéité confirmée</div>
  335.                         </div>
  336.                         <br>
  337.  
  338.                         <div class="form-group col-12">
  339.                             <label for="initialCharge">Date du prochain contrôle&nbsp;:</label>
  340.                             <div name="dateEtancheite" id="dateNextControl" class="form-control pickDate" data-date data-showtime=false></div>
  341.                         </div>
  342.  
  343.                        
  344.                         <p class="mb-4">Ne pas oublier d'apposer la marque de contrôle d'étanchéité (vignette&nbsp;bleue) complétée et poinçonnée à la date de fin de validité.</p>
  345.                         <img class="thumbnail rounded-circle position-absolute" style="width: 4rem; height: 4rem; bottom: .25rem; right: .25rem;" src="/images/logos/pastille-bleu-controle-etancheite.jpg" alt="équipement reconnu étanche">
  346.                        
  347.                     </div>
  348.                 </label>
  349.  
  350.                 <label for="fuiteConstatee" class="card col-md-6">
  351.                     <div class="card-body position-relative pb-5">
  352.                         <div class="custom-control custom-radio">
  353.                             <input type="radio" class="custom-control-input" name="sealingState" id="fuiteConstatee">
  354.                             <div class="custom-control-label" for="fuiteConstatee">Fuite constatée</div>
  355.                         </div>
  356.                     <br>
  357.  
  358.                         <p>Joindre et compléter le formualaire Cerfa n°15497.</p>
  359.                         <p class="mb-4">Ne pas oublier d'apposer la marque de défaut d'échantéité (vignette&nbsp;rouge) complété si la fuite ne peut être réparée lors de cette intervention.</p>
  360.                         <img class="thumbnail rounded-circle position-absolute " style="width: 4rem; height: 4rem; bottom: .25rem; right:.25rem;" src="/images/logos/pastille-rouge-fuite-constatee.jpg" alt="fuite constatée">
  361.                    
  362.                     </div>
  363.                 </label>
  364.  
  365.             </div>
  366.            
  367.         </div>
  368.  
  369.     </div>
  370.  
  371.     <div class="card border-sidy rounded-0">
  372.  
  373.         <div id="identification" class="card-header bg-sidy rounded-0">
  374.             <h1 class="h2 text-center text-uppercase text-white">description des travaux</h1>
  375.         </div>
  376.  
  377.         <div class="card-body">
  378.             <div class="form-row my-2">
  379.                 <div class="card col-12">
  380.                     <div class="card-body">
  381.                         <h1 class="h5 mb-3 card-title text-uppercase text-center">travaux réalisés / à faire</h1>
  382.                         <textarea class="form-control" rows="5" cols="30" maxlength="300" placeholder="Vous pouvez ajouter du texte ici" name="travauxRealises"></textarea>
  383.  
  384.                         <div class="table-responsive">
  385.                             <table class="table mt-4" id="workDone">
  386.                                 <thead>
  387.                                     <tr>
  388.                                         <th class="text-uppercase text-center font-weight-bold border" style="width:30%;" scope="col" colspan="2">fourniture</th>
  389.                                         <th class="font-weight-bold border text-center text-uppercase" style="width:70%;" scope="col" colspan="5">horaires</th>
  390.                                     </tr>
  391.                                 </thead>
  392.                                 <tbody>
  393.                                     <tr>
  394.                                         <td class="border font-weight-bold text-center" style="width:15%;"></td>
  395.                                         <td class="border font-weight-bold text-center"></td>
  396.                                         <td class="border font-weight-bold text-center">Dates</td>
  397.                                         <td class="border font-weight-bold text-center">Arrivée</td>
  398.                                         <td class="border font-weight-bold text-center">Départ</td>
  399.                                         <td class="border font-weight-bold text-center">Déplacement</td>
  400.                                         <td class="border font-weight-bold text-center">Autres frais</td>
  401.                                     </tr>
  402.                                     <tr>
  403.                                         <td class="border"><p>Exemple</p></td>
  404.                                         <td class="border"><p>Exemple</p></td>
  405.                                         <td class="border"><p>Exemple</p></td>
  406.                                         <td class="border"><p>Exemple</p></td>
  407.                                         <td class="border"><p>Exemple</p></td>
  408.                                         <td class="border"><p>Exemple</p></td>
  409.                                         <td class="border"><p>Exemple</p></td>
  410.                                     </tr>
  411.                                     <tr>
  412.                                         <td class="border"><p>Exemple</p></td>
  413.                                         <td class="border"><p>Exemple</p></td>
  414.                                         <td class="border"><p>Exemple</p></td>
  415.                                         <td class="border"><p>Exemple</p></td>
  416.                                         <td class="border"><p>Exemple</p></td>
  417.                                         <td class="border"><p>Exemple</p></td>
  418.                                         <td class="border"><p>Exemple</p></td>
  419.                                     </tr>
  420.                                     <tr>
  421.                                         <td class="border"><p>Exemple</p></td>
  422.                                         <td class="border"><p>Exemple</p></td>
  423.                                         <td class="border"><p>Exemple</p></td>
  424.                                         <td class="border"><p>Exemple</p></td>
  425.                                         <td class="border"><p>Exemple</p></td>
  426.                                         <td class="border"><p>Exemple</p></td>
  427.                                         <td class="border"><p>Exemple</p></td>
  428.                                     </tr>
  429.                                 </tbody>
  430.                             </table>
  431.                         </div>
  432.  
  433.                         <p>Les contrôles effectués à l'occasion de la delivrance de cette fuite et les indications mentionnées n'ont de valeur qu'à la date ci-dessous</p>
  434.                     </div>
  435.                     </div>
  436.             </div>
  437.         </div>
  438.     </div>
  439.     <div class="card border-sidy rounded-0">
  440.         <div id="validation" class="card-header bg-sidy rounded-0">
  441.             <h1 class="h2 text-center text-uppercase text-white">validation</h1>
  442.         </div>
  443.         <div class="card-body">
  444.             <div class="form-row d-flex justify-content-between ">
  445.                 <div class="col-12 col-md-3 mt-1">
  446.                     <h1 class="h5 mb-3 text-center text-uppercase">Intervention</h1>
  447.                     <br>
  448.                     <div class="form-group">
  449.                         <label for="interventionDate">Date de l'intervention&nbsp;:</label>
  450.                         <input type="text" name="text" id="interventionDate"  class="form-control"
  451.                             placeholder=" " value="" required>
  452.                     </div>
  453.                 </div>
  454.  
  455.                 <div class="col-12 col-md-4 mt-1">
  456.                     <h1 class="h5 mb-3 text-center text-uppercase">pour l'opérateur</h1>
  457.                     <br>
  458.                     <div class="form-group">
  459.                         <label for="nameAndQualityOperateur">Nom & qualité&nbsp;:</label>
  460.                         <input type="text" name="text" id="nameAndQualityOperateur"  class="form-control"
  461.                             placeholder=" " value="" required>
  462.                     </div>
  463.  
  464.                     <div class="form-group">
  465.                         <label for="signatureOperateur">Signature&nbsp;:</label>
  466.                         <input type="text" name="text" id="signatureOperateur"  class="form-control"
  467.                             placeholder=" " value="" required>
  468.                     </div>
  469.                 </div>
  470.  
  471.                 <div class="col-12 col-md-4 mt-1">
  472.                     <h1 class="h5 mb-3 text-center text-uppercase">pour le détenteur de l'équipement</h1>
  473.                     <div class="form-group">
  474.                         <label for="nameAndQualityDetenteur">Nom & qualité&nbsp;:</label>
  475.                         <input type="text" name="text" id="nameAndQualityDetenteur"  class="form-control"
  476.                             placeholder=" " value="" required>
  477.                     </div>
  478.  
  479.                     <div class="form-group">
  480.                         <label for="signatureOperateur">Signature&nbsp;:</label>
  481.                         <input type="text" name="text" id="signatureOperateur"  class="form-control"
  482.                             placeholder=" " value="" required>
  483.                     </div>
  484.                 </div>
  485.  
  486.             </div>
  487.  
  488.         </div>
  489.     </div>
  490.  
  491.  
  492.     <div class="card-footer">
  493.         <div class="col-12 offset-md-3 offset-xl-4 col-md-6 col-xl-4">
  494.             <button type="submit" name="submit" tabindex="4" class="col-12 btn step-btn btn-sidy">
  495.                 <span class="fa fa-save mr-2"></span>
  496.                 <span>Enregistrer la fiche d'intervention</span>
  497.             </button>
  498.         </div>
  499.     </div>
  500. </form>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top