App_Guide/Cab-Book.html at master · its-harsshhh/App_Guide · 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
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html>
  <head>
    <link
      href="https://fonts.googleapis.com/css2?family=Gemunu+Libre:wght@300&display=swap"
      rel="stylesheet"
    />
    <meta charset="utf-8" />
    <title>Helping Guide</title>
    <style>
      img {
        height: 400px;
        width: 400px;
      }
      li {
        font-size: large;
      }
    </style>
  </head>
  <body style="font-family: 'Gemunu Libre', sans-serif">
    <div style="display: flex; justify-content: center; align-items: center">
      <div
        style="
          background: #e8fcff;
          margin: 12px;
          width: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
        "
      >
        <div style="margin: 14px; width: 80%">
          <h2
            style="color: #3a6351; font-size: 40px; text-decoration: underline"
          >
            How to book a cab from Ola App -
          </h2>
          <h4>Follow these steps -</h4>
          <ol>
            <li>Launch Ola application.</li>
            <li>Provide location access.</li>
            <li>Tap on the Pickup location option.</li>
            <li>Enter the pick-up location.</li>
            <li>Tap on Drop location option.</li>
            <li>Enter Drop location.</li>
            <li>Select the type of ride.</li>
            <li>Tap on Ride Now.</li>
            <li>Confirm and book Ola.</li>
          </ol>

          <div>
            <h3>Step 1.</h3>
            <img src="./img/Book-Ola-Auto-Step1.jpg" />
            <h3>Step 2.</h3>
            <img src="./img/Book-Ola-Auto-Step2.jpg" />
            <h3>Step 3.</h3>
            <img src="./img/Book-Ola-Auto-Step3.jpg" />
            <h3>Step 4.</h3>
            <img src="./img/Book-Ola-Auto-Step4.jpg" />
            <h3>Step 5.</h3>
            <img src="./img/Book-Ola-Auto-Step5.jpg" />
            <h3>Step 6.</h3>
            <img src="./img/Book-Ola-Auto-Step6.jpg" />
            <h3>Step 7.</h3>
            <img src="./img/Book-Ola-Auto-Step7.jpg" />
            <h3>Step 8.</h3>
            <img src="./img/Book-Ola-Auto-Step8.jpg" />
            <h3>Step 9.</h3>
            <img src="./img/Book-Ola-Auto-Step9.jpg" />
          </div>
        </div>
      </div>
    </div>
  </body>
</html>