KIOSK-interface/form.html at master · ZNClub-Javascript/KIOSK-interface · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67

<head><link rel="stylesheet" href="style.css"></head>
<body>

  <form>
    <h1>MAHARASHTRA STATE ROAD TRANSPORT CORPORATION</h1>

    <div class="contentform">
      <div id="sendmessage"> Your message has been sent successfully. Thank you. </div>
      <div class="leftcontact">
        <div class="form-group">
          <p>Date <span>*</span></p>
          <input type="text" name="prenom" id="prenom" data-rule="required" data-msg="Vérifiez votre saisie sur les champs : Le champ 'Prénom' doit être renseigné." />
          <div class="validation"></div>
        </div>
        <div class="form-group">
          <p>Source<span>*</span></p>
          <select class="dropbtn" ng-model="companyName" ng-options='x for x in companies'>
            <option>Pune</option>
            <option>Mumbai</option>
          </select>
        </div>
        <div class="form-group">
          <p>Destination<span>*</span></p>
          <select class="dropbtn" ng-model="companyName" ng-options='x for x in companies'>
            <option>Mumbai</option>
            <option>Pune</option>
          </select>
          <div class="validation"></div>
        </div>

      </div>
      <div class="rightcontact">
        <div class="form-group">
          <p>Adults <span>*</span></p>
          <input type="text" name="ville" id="ville" data-rule="required" data-msg="Vérifiez votre saisie sur les champs : Le champ 'Ville' doit être renseigné." />
          <div class="validation"></div>
        </div>
        <div class="form-group">
          <p>Children<span>*</span></p>
          <input type="text" name="phone" id="phone" data-rule="maxlen:10" data-msg="Vérifiez votre saisie sur les champs : Le champ 'Téléphone' doit être renseigné. Minimum 10 chiffres" />
          <div class="validation"></div>
        </div>
        <p>Type of Bus<span>*</span></p>
        <select class="dropbtn" ng-model="companyName" ng-options='x for x in companies'>
            <option>Sleeper</option>
            <option>A/C</option>
			<option>Non A/C</option>
          </select>
          <div class="validation"></div>
        </div>

      </div>
    </div>
    </form>
    <div style="text-align: center;">
    <h4>DISTANCE:<i>18 km</i></h4>
    <h4>TIME:<i>1.2 km</i></h4>
    <h4>FARE:<i>400 Rs</i></h4>

    </div>
    <button type="submit" class="bouton-contact">PROCEED TO VIEW SCHEDULE</button>


</body>