App_Guide/Zomato.html at master · cmvyas/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
<!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 Order food from Zomato -
          </h2>
          <h4>Follow these steps -</h4>
          <ol>
            <li>Open the Zomato mobile application</li>
            <li>Click on ‘Restaurants From where you want to order food’</li>
            <li>Click on ‘Select Items and quanity which you want to order’</li>
            <li>Click on ‘View Cart’</li>
            <li>Choose the Payment Option</li>
            <li>Click on ‘Place Order’</li>
          </ol>

          <div>
            <h3>Step 1.</h3>
            <img src="./img/Zomato1.jpeg" />
            <h3>Step 2.</h3>
            <img src="./img/Zomato2.jpg" />
            <h3>Step 3.</h3>
            <img src="./img/Zomato3.jpg" />
            <h3>Step 4.</h3>
            <img src="./img/Zomato4.jpg" />
          </div>
        </div>
      </div>
    </div>
  </body>
</html>