2
1

ВЕБ-разработчик 2021 - с нуля до результата! | Задание 39 из 97

Урок 2.17. Практика. Адаптация проекта. Часть 2

Все дела

<!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">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/bootstrap-reboot.min.css">
    <link rel="stylesheet" href="css/bootstrap-grid.min.css">
    <script src="https://kit.fontawesome.com/81f9946d5a.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="css/style.min.css">
    <title>Document</title>
</head>

    <header>
 <!--первый контейнер с  меню-->       
        <nav>
            <div class="container">
                <ul class="menu">
                    <li class="menu_item"><a href="#" class="menu_link">Главная</a></li>
                    <li class="menu_item"><a href="#" class="menu_link">Со своим автомобилем</a></li>
                    <li class="menu_item"><a href="#" class="menu_link">На автомобиле компании</a></li>
                    <li class="menu_item"><a href="#" class="menu_link">Требования</a></li>
                    <li class="menu_item"><a href="#" class="menu_link">Контакты</a></li>
                    <li class="menu_item"><a href="#" class="menu_link">Оставить заявку</a></li>
                </ul>
            </div>
            <div class="gamburger">
                <span></span>
                <span></span>
                <span></span>
            </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 src="icons/uber777.moscow.png" alt="logotip"></a>
                        <div class="subheader_official">Официальный партнер Uber в Москве</div>
                    </div>

                    <div class="col-md-3 offset-md-1 col-xl-2 offset-xl-2"><!--блок с телефоном-->
                        <iv class="subheader_caal">Звоните нам ежедневно</iv>
                        <a href="tel:+74957970988" class="subheader_phone">8 495 797 09 88</a>
                    </div>

                    <div class="col-md-3 col-lg-2 "><!--блок с кнопкой-->
                        <button class="subheader_btn">заказать звонок</button>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <section class="promo">
        <div class="container">
            <div class="row">
                <div class="col-md-12 offset-md-0 col-lg-10 offset-lg-1">
                    <h1 class="promo_header">КОМПАНИЯ UBER PARTNERS!</h1>
                    <h2 class="promo_subheader">ПРИГЛАШАЕМ ВОДИТЕЛЕЙ! НА СВОЕМ АВТО!</h2>
                    <div class="promo_descr">
                        Компания UBER  динамически развивающаяся. Компания на рынке занимает лидирующее место среди
                        таксомоторных компаний, Компания абсолютно прозрачная вы можете контролировать все процессы у себя в личном кабинете. Бонуcная система.Помимо выполненной работы по заказам, компания начисляет бонусы за
                        пиковое время.
                        <br><br>
                        Мы одни из партнеров и зарекомендовали себя как одна из лучших команд в городе Москве.  Водители у нас
                        зарабатывают от 80000- 120000 в месяц.
                    </div>
                    <button class="promo_btn">ОТПРАВИТЬ ЗАЯВКУ!</button>
                </div>
            </div>
        </div>
    </section>

   <section class="advan">

        <div class="container">
            <div class="adv">преимущества</div>
            <h2 class="title">8 причин начать работать с нами</h2>
            <div class="row"><!--распологаем блоки в ряд-->
                <div class="col-md-6"><!--размещение контента на 6 колонок грида равномерно-->
                    <div class="advan_block"><!--блок обвертка для иконки-->
                        <div class="advan_round"><img src="icons/icon_work/wallet.png" alt="wallet"></div><!--блок для круга и сама иконка-->
                        <div class="advan_descr"><!--блок для текста-->
                            <div class="advan_subtitle">Никаких наличных, оплата происходит автоматически</div><!--синй текст в шапке-->
                            <div class="advan_text"><!--основой текст-->
                                Стоимость поездки оплачивается пассажиром с привязанной банковской карты, т.е. нет никаких рисков связанных с перевозкой наличности как для пассажира, так и для водителя, Вам не нужно искать мелкие деньги для размена.
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="advan_block">
                        <div class="advan_round"><img src="icons/icon_work/bonus_2.png" alt="bonus"></div>
                        <div class="advan_descr">
                            <div class="advan_subtitle">Комиссия 8% + БОНУСЫ</div>
                            <div class="advan_text">  
                                У нас минимальная комиссия и мы выплачиваем бонусы за каждую поездку, некоторые наши конкуренты оставляют бонусы себе. Мы работаем честно и с нами водители зарабатывают больше!
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="advan_block">
                        <div class="advan_round"><img src="icons/icon_work/money_3.png" alt="money"></div>
                        <div class="advan_descr">
                            <div class="advan_subtitle">Высокий доход с гарантированнымиx Высокий доход с гарантированными выплатами</div>
                            <div class="advan_text"> 
                                Мы выплачиваем заработную плату на личную банковскую карту водителя! Вам не нужно оформлять ООО, ИП, платить налоги, подавать декларацию, оплачивать бухгалтерские услуги и ведение банковского счета.
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="advan_block">
                        <div class="advan_round"><img src="icons/icon_work/ralendar_4.png" alt="calendar"></div>
                        <div class="advan_descr">
                            <div class="advan_subtitle"> Работа в удобное время, никаких графиков</div>
                            <div class="advan_text">
                                Вы просто нажимаете кнопку выйти на линию для начала работы, когда решите закончить, нажимаете выйти с линии. Вы можете подрабатывать только утром, вечером, в выходные или праздничные дни!
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="advan_block">
                        <div class="advan_round"><img src="icons/icon_work/key_5.png" alt="key"></div>
                        <div class="advan_descr">
                            <div class="advan_subtitle">Комфортное, прозрачное и простое подключение</div>
                            <div class="advan_text">                             
                                Мы подключаем дистанционно и бесплатно, Вам нет необходимости приезжать к нам! Вы присылаете нам копии документов, мы регистрируем Вас и присылаем данные для подключения, через 1-2 дня Вы можете начинать работать!
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="advan_block">
                        <div class="advan_round"><img src="icons/icon_work/maps_6.png" alt="maps"></div>
                        <div class="advan_descr">
                            <div class="advan_subtitle">Всегда большое количество заказов</div>
                            <div class="advan_text">                               
                                Приложение показывает, где на данный момент больше всего заказов и где действуют повышенные тарифы. У Вас не будет простоя и холостых пробегов. Наши пассажиры всегда приятные и абсолютно неконфликтные люди, которых приятно возить.
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="advan_block">
                        <div class="advan_round"><img src="icons/icon_work/support_7.png" alt="support"></div>
                        <div class="advan_descr">
                            <div class="advan_subtitle">Круглосуточная поддержка</div>
                            <div class="advan_text">                              
                                В Uber действует круглосуточная поддержка водителей по электронной почте. Если что-то непонятно, Вы всегда можете задать вопрос через On-line консультацию.
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="advan_block">
                        <div class="advan_round"><img src="icons/icon_work/car_8.png" alt="car"></div>
                        <div class="advan_descr">
                            <div class="advan_subtitle">Без шашечек и наклеек</div>
                            <div class="advan_text">                               
                                Вам не нужно менять цвет, устанавливать «шашки» на автомобиль и обклеивать его наклейками.
                            </div>
                        </div>
                    </div>
                </div>
            </div>       
        </div>
    </section>

    <section class="mobile">
        <div class="container">
            <div class="adv">Возможности</div>
            <h2 class="title">мобильное приложение убер</h2>
            <h3 class="subtitle">Сделайте заказ, совершите поездку и оплатите ее стоимость, используя свой мобильный телефон</h3>
            <div class="row">
                <div class="col-md-4">
                    <div class="mobile_item mobile_item_1">
                        <div class="mobile_item_text">оформление заказа одним касанием</div>
                        <div class="mobile_item-icon"></div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mobile_item mobile_item_2">
                        <div class="mobile_item_text">надежная подача</div>
                        <div class="mobile_item-icon"></div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mobile_item mobile_item_3">
                        <div class="mobile_item_text">прозрачные цены</div>
                        <div class="mobile_item-icon"></div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mobile_item mobile_item_4">
                        <div class="mobile_item_text">безналичная оплата</div>
                        <div class="mobile_item-icon"></div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mobile_item mobile_item_5">
                        <div class="mobile_item_text">обратная связь</div>
                        <div class="mobile_item-icon"></div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mobile_item mobile_item_6">
                        <div class="mobile_item_text">разделить
                            стоимость поездки</div>
                        <div class="mobile_item-icon"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="choice">
        
        <div class="container">
            <div class="black"></div>
            <div class="adv adv_1">возможности</div>
            <h2 class="title title_1">Выбор - отличная штука!</h2>
            <div class="subtitle subtitle_1">Закажите автомобиль, который подходит вам по стилю и бюджету</div>

            <img src="img/bg/bg_choice.png" alt="uber car" class="choice_img">
            <div class="choice_descr">
                Машины на каждый день.<br>
                Лучше, быстрее и дешевле, чем такси
            </div>
        </div>
    </section>

    <section class="require">
        <div class="container">
            <div class="adv">Возможности</div>
            <h2 class="title">условия и требования</h2>
            <div class="row">
                <div class="col-md-6">
                    <div class="require_block require_block_nmb">
                        <div class="require_title">УСЛОВИЯ: со своим авто:</div>
                            <ul class="require_list">
                                <li>Подключаем к системе UBER  под 10%</li>
                                <li>Ни каких взносов  0%!</li>
                                <li>Можем подключать удаленно без приезда в офис</li>
                                <li>ИП не требуется</li>
                                <li>Заказы распределяются без учета рейтинга ближайшим водителям</li>
                                <li>Работа только по безналичному расчету</li>
                                <li>Деньги перечисляем на карту водителю или наличными в офисе</li>
                            </ul>
                        <div class="require_descr">
                            В день заработок составляет 7000-12000р + бонус 3000т рублей
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="require_block require_block_nmb">
                        <div class="require_title">УСЛОВИЯ: на авто компании:</div>
                            <ul class="require_list">
                                <li>Предоставляем авто без залога</li>
                                <li>Без ежедневных выплат по аренде</li>
                                <li>Среда пятница и суббота работа на компанию остальные дни вы работаете на себя</li>
                            </ul>
                        
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="require_block require_block_nmb red">
                        <div class="require_title">ТРЕБОВАНИЕ:</div>
                            <ul class="require_list">
                                <li>Наличие автомобиля без рекламы</li>
                                <li>Автомобиль не должен быть желтый и не с желтыми номерами</li>
                                <li>Машина не старше 3 лет</li>
                                <li>Стаж вождения не менее 3 лет</li>
                                <li>Дивайс на системе андроид 4.0и выше(самсунг) 
                                </ul>
                        
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="require_block require_block_nmb red">
                        <div class="require_title">ДОКУМЕНТЫ:</div>
                            <ul class="require_list">
                                <li>Права 2 стороны</li>
                                <li>Паспорт лицевая сторона</li>
                                <li>Паспорт лицевая сторона</li>
                                <li>СтС</li>
                                <li>Лицензия( если есть)</li>
                                <li>Номер карты для перечисления денег(указать в письме)!</li>
                            </ul>
                            
                        </div>
                </div>
            </div>
        </div>
    </section>

    <section class="world">
        <div class="container">
            <div class="adv adv_1">города</div>
            <h2 class="title title_1">По всему миру</h2>
            <h3 class="subtitle subtitle_1">Мы в вашем городе и по всему миру</h3>
            <div class="world_siti"><a href="#">посмотреть все города</a></div>
        </div>
    </section>

    <section class="footer">
        <div class="footer_line"></div>
        <div class="footer_wrapper">
            <div>
                <div class="footer_social">
                    <a href="#" class="footer_social_item"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" class="footer_social_item"><i class="fab fa-twitter"></i></a>
                    <a href="#" class="footer_social_item"><i class="fab fa-linkedin-in"></i></a>
                    <a href="#" class="footer_social_item"><i class="fab fa-instagram"></i></a>
                </div>
            </div>
            
            <div>
                <div class="footer_link">
                    <div class="footer_link_title">
                        <a href="#">на главную</a>
                        <a href="#">города</a>
                        <a href="#">для водителей</a>
                    </div>
                    <div class="footer_link_subtitle">
                        <a href="#">центр поддержки</a>
                        <a href="#">вакансии</a>
                        <a href="#">разработчики</a>
                        <a href="#">блог</a>
                        <a href="#">о нас</a>
                    </div>
                    <a href="#" class="footer_link_lang">русский</a>
                </div>
            </div>
            <div>
                <div class="footer_store">
                    <a href="#"><img src="icons/footer/apps.png" alt="apps"></a>
                    <a href="#"><img src="icons/footer/goole.png" alt="google"></a>
                    <a href="#"><img src="icons/footer/windows.png" alt="windows"></a>
                </div>
            </div>
        </div>
        
          
        
    </section>

    <script src="js/script.js"></script>
</body>
</html>

ю как в уроке, при изменении класса в консоле разработчика меню срабатывает а вот скрип чет не хочет работать


Сергей Ринг
3 years ago






Нашол ошибку почему не срабатывал срипт. У Мня название класса отличаось от написанного в скрипте. Исправил и все заработало.

Сергей Ринг
3 years ago

Один ответ