Uber/index.html at main · HassanThePassionate/Uber · 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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Earn Money by Driving or Get a Ride Now | Uber Pakistan</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="main">
      <header>
        <nav class="navbar">
          <div class="left-p">
            <img
              src="https://helios-i.mashable.com/imagery/articles/03y6VwlrZqnsuvnwR8CtGAL/hero-image.fill.size_1200x675.v1623372852.jpg"
              alt="logo"
            />
            <ul class="left-list">
              <li>Ride</li>
              <li id="drop">
                Company <i class="fa-solid fa-caret-down" id="down"></i>
                <i class="fa-solid fa-caret-up" id="up"></i>
                <ul id="drop-down">
                  <li>About us</li>
                  <li>Our offering</li>
                  <li>How Uber works</li>
                  <li>Global citizenship</li>
                  <li>Newsroom</li>
                  <li>Investor relation</li>
                  <li>Blog</li>
                  <li>Careers</li>
                </ul>
              </li>
            </ul>
          </div>
          <div class="right-p">
            <ul class="right-list">
              <li id="lan">
                <i class="fa-solid fa-earth-americas"></i>
                EN
              </li>
              <li>Products</li>
              <div class="btn">
                <h5>Login</h5>
                <h5>Signup</h5>
              </div>
            </ul>
          </div>
        </nav>
      </header>

      <div class="page1">
        <div class="page-sides">
          <div class="left-side">
            <h1>Go anywhere with Uber</h1>
            <div class="btns">
              <button>Ride with Uber</button>
              <button>Drive with Uber</button>
            </div>
          </div>
          <div class="right-side">
            <img src="https://www.uber-assets.com/image/upload/f_auto,q_auto:eco,c_fill,w_558,h_698/v1696244547/assets/cf/54cc4b-978a-4068-90e0-723654725040/original/alternative-homepage.png" alt="" />
          </div>
        </div>
      </div>


      <div class="page2">
        <div class="page2-sides">
            <div class="left2-side">
                <img src="https://www.uber-assets.com/image/upload/f_auto,q_auto:eco,c_fill,w_558,h_558/v1684855112/assets/96/4dd3d1-94e7-481e-b28c-08d59353b9e0/original/earner-illustra.png" alt="">
            </div>
            <div class="right2-side">
                <h1>Drive when you want, make what you need</h1>
                <p>Make money on your schedule with deliveries or rides—or both. You can use your own car or choose a rental through Uber.</p>
                <div class="btn-text">
                    <button>Get started</button>
                    <h5>
                        Already have an account? Sign in</h5>
                </div>
            </div>
        </div>
      </div>


<div class="page3">
  <div class="page3-sides">
    <div class="left3-side">
      <h1>Always the ride you want</h1>
      <p>Request a ride, hop in, and go.</p>
      <div class="inputs">
        <input type="text" name="text" id="text1" placeholder="Enter location"><svg width="1.4em" height="1.4em" viewBox="0 0 24 24" fill="none" tabindex="0" role="button" class="pe-location-fetch css-bOZeEP"><title>Navigate right up</title><path d="M10.5 13.5.5 11 21 3l-8 20.5-2.5-10Z" fill="currentColor"></path></svg><br>
        <input type="text" name="text" id="text2" placeholder="Enter destination"><br>
        <button>See prices</button>
      </div>
    </div>
    <div class="right3-side">
      <img src="https://www.uber-assets.com/image/upload/f_auto,q_auto:eco,c_fill,w_558,h_558/v1684887342/assets/4b/a6cba6-46dc-4084-960c-60dfef262936/original/rideshare-square.png" alt="">
    </div>
  </div>
</div>

<div class="page4">
  <div class="page4-sides">
    <div class="left4-side">
        <img src="https://www.uber-assets.com/image/upload/f_auto,q_auto:eco,c_fill,w_558,h_558/v1684887108/assets/76/baf1ea-385a-408c-846b-59211086196c/original/u4b-square.png" alt="">
    </div>
    <div class="right4-side">
        <h1>The Uber you know, reimagined for business</h1>
        <p>Uber for Business is a platform for managing global rides and meals, and local deliveries, for companies of any size.</p>
        <div class="btn4-text">
            <button>Get started</button>
            <h5>
              Check out our solutions</h5>
        </div>
    </div>
</div>
</div>

    </div>

    <script
      src="https://kit.fontawesome.com/92b2bf84f6.js"
      crossorigin="anonymous"
    ></script>
    <script src="index.js"></script>
  </body>
</html>