@roevevgen
junior php разработчик

Как подвинуть форму вootstrap4? align-self-end?

5d7e942b11dd7132601479.png5d7e94948a616072090140.png

<section class="contact">
        <div class="container">
            <div class="d-flex flex-row md-6">
                <div class="d-flex align-self-start justify-content-start mb-1 ">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item text-uppercase d-flex"><a href="#">главная</a></li>
                            <li class="breadcrumb-item active text-uppercase" aria-current="page">КОНТАКТЫ</li>
                        </ol>
                    </nav>
                </div>
            </div>
            <div class="d-flex flex-row  justify-content-center ">
                <div class="col-lg-6">
                    <h1 class="text-uppercase">контакты</h1>
                </div>

            </div>
            <div class="d-flex flex-row justify-content-around">
                <div class="col-lg-2 ">
                    <h2 class=" text-uppercase">Филиалы</h2>
                </div>
                <div class="col-lg-2 ">
                    <h2 class=" text-uppercase">тренеры</h2>
                </div>
            </div>
            <div class="d-flex ">
                <div class="col-lg-6 align-self-start flex-column">
                    <div class="d-flex flex-row">
                        <div class="col-lg-6 ">

                            <p class="text-uppercase">киев</p>
                            <p><i class="fas fa-map-marker-alt"></i> ул. Саксаганского, 15</p>
                            <a>Посмотреть на карте</a>
                            <p><i class="fas fa-mobile-alt"></i>+38 063 123 45 67</p>
                            <p>+38 063 123 45 67</p>
                            <p><i class="fas fa-envelope"></i>sak_info@sportina.com.ua</p>
                        </div>
                        <div class="col-lg-6 ">

                            <p><i class="fas fa-map-marker-alt"></i> ул. Ак. Туполева, 128</p>
                            <a>Посмотреть на карте</a>
                            <p><i class="fas fa-mobile-alt"></i>+38 063 123 45 67</p>
                            <p>+38 063 123 45 67</p>
                            <p><i class="fas fa-envelope"></i>tup_info@sportina.com.ua</p>
                        </div>
                    </div>
                   <div class="d-flex flex-row">
                       <div class="col-lg-6">

                           <p class="text-uppercase">Вишневое</p>
                           <p><i class="fas fa-map-marker-alt"></i> ул. Саксаганского, 15</p>
                           <a>Посмотреть на карте</a>
                           <p><i class="fas fa-mobile-alt"></i>+38 063 123 45 67</p>
                           <p>+38 063 123 45 67</p>
                           <p><i class="fas fa-envelope"></i>sak_info@sportina.com.ua</p>
                       </div>
                       <div class="col-lg-6">
                           <p class="text-uppercase">Боярка</p>
                           <p><i class="fas fa-map-marker-alt"></i> ул. Саксаганского, 15</p>
                           <a>Посмотреть на карте</a>
                           <p><i class="fas fa-mobile-alt"></i>+38 063 123 45 67</p>
                           <p>+38 063 123 45 67</p>
                           <p><i class="fas fa-envelope"></i>sak_info@sportina.com.ua</p>
                       </div>
                   </div>

                </div>
                <div class="col-lg-8 d-flex align-self-end flex-column  flex-wrap form__to_send">
                    <!-- Default form contact -->
                    <form>
                        <p class="h4  mb-4 text-uppercase">форма обратной связи</p>

                        <!-- Default input name -->
                        <div class="col-lg-8 d-flex flex-row">
                            <div class="col-lg-10">
                                <label for="defaultFormContactNameEx" class="grey-text"></label>
                                <input type="text" id="defaultFormContactNameEx" class="form-control" value="ФИО"
                                       required>

                                <br>
                            </div>
                            <div class="col-lg-9">
                                <!-- Default input email -->
                                <label for="defaultFormContactEmailEx" class="grey-text"></label>
                                <input type="email" id="defaultFormContactEmailEx" class="form-control" value="Телефон"
                                required>

                                <br>
                            </div>
                        </div>

                        <div class="col-lg-12">
                            <!-- Default textarea message -->
                            <label for="defaultFormContactMessageEx" class="grey-text"></label>
                            <textarea type="text" id="defaultFormContactMessageEx" class="form-control"
                                       rows="4"> Ваше сообщение</textarea>
                        </div>
                        <div class="col-lg-6 text-center button__enroll">
                            <button class="btn btn-outline btn-lg enrolls "><%=to_send%></button>
                        </div>
                    </form>
                    <!-- Default form contact -->

                </div>
                <div class="col-lg-4 align-self-start flex-column">
                    <div>
                        <img src="img/contacts1.png" alt="trainers">
                        <p class="text-uppercase">Мария спортина</p>
                        <p>+38 063 123 45 67</p>
                        <p>+38 063 123 45 67</p>

                    </div>
                    <div>

                        <img src="img/contacts2.png" alt="trainers">
                        <p class="text-uppercase">Иван Иванов</p>
                        <p>+38 063 123 45 67</p>
                        <p>+38 063 123 45 67</p>

                    </div>
                    <div>
                        <img src="img/contacts3.png" alt="trainers">
                        <p class="text-uppercase">Екатерина Бережная</p>
                        <p>+38 063 123 45 67</p>
                        <p>+38 063 123 45 67</p>

                    </div>
                    <div>
                        <img src="img/contacts4.png" alt="trainers">
                        <p class="text-uppercase">Даниелла Морель</p>
                        <p>+38 063 123 45 67</p>
                        <p>+38 063 123 45 67</p>

                    </div>
                    <div>
                        <img src="img/contacts5.png" alt="trainers">
                        <p class="text-uppercase">Карина пархоменко</p>
                        <p>+38 063 123 45 67</p>
                        <p>+38 063 123 45 67</p>
                    </div>
                </div>

            </div>

        </div>
    </section>
  • Вопрос задан
  • 39 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы