myFirst-BootstrapPage/index.html at main · adilek96/myFirst-BootstrapPage · 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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>This is my first Bootstrap page</title>
    <link rel="stylesheet" href="./bootstrap-reboot.min.css" />
    <link rel="stylesheet" href="./bootstrap-grid.min.css" />
    <link rel="stylesheet" href="./style.css" />
  </head>
  <body>
    <header>
      <nav>
        <div class="container">
          <ul class="menu">
            <li class="menu_item"><a href="#" class="menu_link">Main</a></li>
            <li class="menu_item">
              <a href="#" class="menu_link">With your car</a>
            </li>
            <li class="menu_item">
              <a href="#" class="menu_link">With company car</a>
            </li>
            <li class="menu_item">
              <a href="#" class="menu_link">Requirements</a>
            </li>
            <li class="menu_item">
              <a href="#" class="menu_link">Contacts</a>
            </li>
            <li class="menu_item last_item">
              <a href="#" class="menu_link">Submit your request</a>
            </li>
          </ul>
        </div>
      </nav>
      <div class="subheader">
        <div class="container">
          <div class="row">
            <div class="col-md-4 offset-md-1">
              <a href="#" class="subheader_logo"
                ><img class="logo" src="./img/uber-logo.svg.png" alt="logo"
              /></a>
              <div class="subheader_official">Official partner in Baku</div>
            </div>
            <div class="col-md-2 offset-md-2">
              <div class="subheader_call">Call to Us everyday</div>
              <a href="tel:+9941234567" class="subheader_phone"
                >+994-12-345-67-55</a
              >
            </div>
            <div class="col-md-2">
              <button class="subheader_btn">Call to me</button>
            </div>
          </div>
        </div>
      </div>
    </header>
    <section class="promo">
      <div class="container">
        <div class="row">
          <div class="col-md-10 offset-md-1">
            <h1 class="promo_header">UBER PARTNERS!</h1>
            <h2 class="promo_subheader">WE INVITE DRIVERS! IN YOUR CAR!</h2>
            <div class="promo_descr">
              UBER is a dynamically developing company. The company occupies the
              leading place among the taxi companies in the market, the company
              is absolutely transparent you can control all the processes in
              your personal cabinet. The bonus system.In addition to the work
              performed on the orders, the company accrues bonuses for the peak
              time.
              <br /><br />We are one of the partners and have established
              themselves as one of the best teams in Moscow. Drivers with us
              earn from 80000-120000 per month.
            </div>
            <button class="promo_btn">SEND A REQUEST!</button>
          </div>
        </div>
      </div>
    </section>
    <section class="reasons">
      <div class="container">
        <div class="label">преимущества</div>
        <h2 class="title">8 причин начать работать с нами</h2>
        <div class="row">
          <div class="col-md-6">
            <div class="reasons_block">
              <div class="reasons_round">
                <img src="./img/reason_1.png" alt="reason" />
              </div>
              <div class="reasons_descr">
                <div class="reasons_subtitle">
                  Никаких наличных, оплата происходит автоматически
                </div>
                <div class="reasons_text">
                  Стоимость поездки оплачивается пассажиром с привязанной
                  банковской карты, т.е. нет никаких рисков связанных с
                  перевозкой наличности как для пассажира, так и для водителя,
                  Вам не нужно искать мелкие деньги для размена.
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="reasons_block">
              <div class="reasons_round">
                <img src="./img/reason_2.png" alt="reason" />
              </div>
              <div class="reasons_descr">
                <div class="reasons_subtitle">Комиссия 8% + БОНУСЫ</div>
                <div class="reasons_text">
                  У нас минимальная комиссия и мы выплачиваем бонусы за каждую
                  поездку, некоторые наши конкуренты оставляют бонусы себе. Мы
                  работаем честно и с нами водители зарабатывают больше!
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="reasons_block">
              <div class="reasons_round">
                <img src="./img/reason_3.png" alt="reason" />
              </div>
              <div class="reasons_descr">
                <div class="reasons_subtitle">
                  Высокий доход с гарантированными выплатами
                </div>
                <div class="reasons_text">
                  Мы выплачиваем заработную плату на личную банковскую карту
                  водителя! Вам не нужно оформлять ООО, ИП, платить налоги,
                  подавать декларацию, оплачивать бухгалтерские услуги и ведение
                  банковского счета.
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="reasons_block">
              <div class="reasons_round">
                <img src="./img/reason_4.png" alt="reason" />
              </div>
              <div class="reasons_descr">
                <div class="reasons_subtitle">
                  Работа в удобное время, никаких графиков
                </div>
                <div class="reasons_text">
                  Вы просто нажимаете кнопку выйти на линию для начала работы,
                  когда решите закончить, нажимаете выйти с линии. Вы можете
                  подрабатывать только утром, вечером, в выходные или
                  праздничные дни!
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="reasons_block">
              <div class="reasons_round">
                <img src="./img/reason_5.png" alt="reason" />
              </div>
              <div class="reasons_descr">
                <div class="reasons_subtitle">
                  Комфортное, прозрачное и простое подключение
                </div>
                <div class="reasons_text">
                  Мы подключаем дистанционно и бесплатно, Вам нет необходимости
                  приезжать к нам! Вы присылаете нам копии документов, мы
                  регистрируем Вас и присылаем данные для подключения, через 1-2
                  дня Вы можете начинать работать!
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="reasons_block">
              <div class="reasons_round">
                <img src="./img/reason_6.png" alt="reason" />
              </div>
              <div class="reasons_descr">
                <div class="reasons_subtitle">
                  Всегда большое количество заказов
                </div>
                <div class="reasons_text">
                  Приложение показывает, где на данный момент больше всего
                  заказов и где действуют повышенные тарифы. У Вас не будет
                  простоя и холостых пробегов. Наши пассажиры всегда приятные и
                  абсолютно неконфликтные люди, которых приятно возить.
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="reasons_block">
              <div class="reasons_round">
                <img src="./img/reason_7.png" alt="reason" />
              </div>
              <div class="reasons_descr">
                <div class="reasons_subtitle">Круглосуточная поддержка</div>
                <div class="reasons_text">
                  В Uber действует круглосуточная поддержка водителей по
                  электронной почте. Если что-то непонятно, Вы всегда можете
                  задать вопрос через On-line консультацию.
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="reasons_block">
              <div class="reasons_round">
                <img src="./img/reason_8.png" alt="reason" />
              </div>
              <div class="reasons_descr">
                <div class="reasons_subtitle">Без шашечек и наклеек</div>
                <div class="reasons_text">
                  Вам не нужно менять цвет, устанавливать «шашки» на автомобиль
                  и обклеивать его наклейками.
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </body>
</html>