Untitled

<!DOCTYPE html>
<html lang="ru">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>АФРОДИТА</title>
    <link rel="stylesheet" href="/css/css.css">
</head>

<body>
    <div class="wrapper">

        <header class="header">
            <div class="container">
                <div class="header__left">
                    <div class="header__logo">
                        <a href="#" class="head__logo">
                            <img src="/img/afrodita.svg" alt="АФРОДИТА"></a>
                    </div>
                </div>
                <div class="header__right">
                    <div class="header__contact">
                        <span class="header__phone">8(800)00-392-10</span>
                        <span class="header__clarification"><a href="#"><b>График работы</b></a></span>
                    </div>
                </div>
            </div>
        </header>
        <main class="main">
            <div class="container clearfix">
                <!--Хлебные крошки -->
                <div class="section">
                    <ul class="breadcrumbs">
                        <li class="breadcrumbs__item">
                            <a href="#" class="breadcrunbs__link">Главная</a>
                        </li>
                        <li class="breadcrumbs__item">
                            <a href="#" class="breadcrunbs__link breadcrunbs__link--active">Услуги</a>
                        </li>
                    </ul>
                </div>

                    <!--Меню сайта -->

                    <div class="navigation">
                            <ul class="navigation__list">
                            <li class="navigation__item">
                                <a href="/" class="navigation__link">
                                    <div class="navigation__icon">
                                        <img src="/img/principale.svg" class="navigation__icon" alt="">
                                    </div>

                                    <div class="navigation__title-1">Главная</div>
                                </a>
                            </li>
                            <li class="navigation__item">
                                <a href="/" class="navigation__link navigation__link--active">
                                    <div class="navigation__icon"></div>
                                    <div class="navigation__title-2">Услуги</div>
                                </a>
                            </li>
                            <li class="navigation__item">
                                <a href="/" class="navigation__link">
                                    <div class="navigation__icon"></div>
                                    <div class="navigation__title-3">Отзывы</div>

                                </a>
                            </li>
                        </ul>
                </div>


                    <!--Главный контент сайта -->
                <div class="price__title">

                <h1 class="price__title-text">Услуги</h1>


                    <div class="price">
                        <ul class="price__list">
                            <li class="price__item">
                                <div class="price__prev">
                                    <img src="/img/fitness.png" alt="один" class="price__prev-img">
                                    <div class="price__prev-text">«ФИТНЕС»</div>
                                </div>

                                    <div class="price__info-money">
                                        Фитнес - Это основное направление в нашем центре в <br>
                                        нашем центре. Открыто 6 залов для <br>
                                        занятий с 7-00 до 22-00. Работают 24<br>
                                        фитнес-тренера есть, авторские и<br>
                                        классические программы для похудения фигуры,<br>
                                        хдоровья и молодости. Занятия с<br>
                                        персональным тренером помогут<br>
                                        достич максимального результата в<br>
                                        сжатые сроки.
                                    </div>


                            </li>

                            <li class="price__item">
                                <div class="price__prev-text">
                                    <img src="/img/apple.png" alt="личный диетолог" class="price__prev-img">
                                    <div class="">«Личный диетолог»</div>
                                </div>

                                    <div class="price__info-money">
                                        Поможет вам получить более<br>
                                        заметный результат от тренировок.<br>
                                        Создаст меню на каждый день, с<br>
                                        учетом вкусовых предпочтений и<br>
                                        особенностей здоровья.<br>
                                        Проанализирует текущий рацион и<br>
                                        укажет ошибки. Поможет сделать<br>
                                        питание разнообразным и полезным,<br>
                                        обьяснит доступно о важной роли тех<br>
                                        или иных витаминов и<br>
                                        микроэлементов.
                                    </div>


                            </li>

                            <li class="price__item">
                                <div class="price__prev">
                                    <img src="/img/yoga.png" alt="йога" class="price__prev-img">
                                    <div class="price__prev-text">«Йога»</div>
                                </div>

                                    <div class="price__info-money">
                                        Гармония души и тела - это базовая<br>
                                        состовляющая здоровья и красоты.<br>
                                        Наш зал для занятия йоги открыт для<br>
                                        людей всех возрастов без<br>
                                        ограничений. Отдельным<br>
                                        направлением является йога для<br>
                                        беременных с более щадящей<br>
                                        программой. Йога тренеры имеют<br>
                                        сертификаты и являются<br>
                                        победителями международных<br>
                                        конкурсов.
                                    </div>


                            </li>


                            <li class="price__item">
                                <div class="price__prev">
                                    <img src="/img/trx.png" alt="Петли trx" class="price__prev-img">
                                    <div class="price__prev-text">«Петли trx»</div>
                                </div>

                                    <div class="price__info-money">
                                        Новое направление для нашего<br>
                                        центра, которое стало одним из самых<br>
                                        популярных и востребованных.<br>
                                        Программа TRX Suspension Training<br>
                                        создана для людей с начальным <br>
                                        уровнем подготовки и позволяет<br>
                                        эффективно тренироваться, используя<br>
                                        нарастающую нагрузку, которая<br>
                                        зависит от силы и массы человека.<br>
                                        Петли усиливают ловкость, гибкость и<br>
                                        подвижность. В нашем центре<br>
                                        проводятся индивидуальные и<br>
                                        груповвые тренировки TRX.
                                    </div>


                            </li>

                            <li class="price__item">
                                <div class="price__prev">
                                    <img src="/img/crossfit.png" alt="Кроссфит" class="price__prev-img">
                                    <div class="price__prev-text">«Кроссфит»</div>
                                </div>

                                    <div class="price__info-money">
                                        Авторская запатнтованная программа<br>
                                        тренировки, включающая элементы<br>
                                        тяжелой атлетики, занятий с гирями,<br>
                                        гимнастика. Данная программа<br>
                                        безупречно подходит для ежедневных<br>
                                        тренировок людям с сидячем образом<br>
                                        жизни. Преимущество кроссфита в том,<br>
                                        что он одинаково хорошо<br>
                                        воспринимается и мужчинами, и<br>
                                        женщинами и подходит для семейных<br>
                                        групповых тренировок. Высокая<br>
                                        эффективность программы<br>
                                        обусловлена чуткими рекомендациями<br>
                                        наших сертефецированных тренеров.

                                    </div>


                             </li>

                                <li class="price__item">
                                <div class="price__prev">
                                    <img src="/img/picin.png" alt="один" class="price__prev-img">
                                    <div class="price__prev-text">«Бассеин»</div>
                                </div>

                                <div class="price__info-money">
                                    Больше 50 метров бассейн,<br>
                                    разделенный на 6 дорожек, позволит<br>
                                    заниматься индивидуальным<br>
                                    плаванием или аквааэробикой.<br>
                                    Занятия проводит<br>
                                    сертефицированный тренер - Ситник<br>
                                    Ирина Валерьевна, известная своими<br>
                                    успехами в школе подготовки<br>
                                    олимпийского резерва. В бассейне<br>
                                    есть место для занятий с детьми<br>
                                    (ежедневно с 12-00 до 14-00), а также<br>
                                    проводится аэробика для<br>
                                    беременных каждый день в 10-00 и<br>
                                    19-00.
                                </div>


                            </li>
                        </ul>
                    </div>


            </div>
        </div>
    </main>
</div>
    <footer class="footer">
            <div class="container">
                <!--о разработчиках сайта и ссылка на сайт -->
                <div class="footer__left">
                    <span class="footer__made-in">Сделано с любовью и старанием<br>
                        на курсе HTML + CSS в <a href="loftSchool.com" class="link__developer"><b>loftSchool</b></a>.<br>
                    Автор работы: <b>Sechaud Stanislav</b></span>
                </div>
                <!--логотип сайт , подвал сайта , центр -->
                <div class="footer__centr">
                    <div class="footer__logo">
                        <a href="/" class="footer__logo">
                            <img class src="/img/afrodita-footer.svg" alt="логотип сайта">
                        </a>
                    </div>
                </div>
               <!--Социальные сети -->
                <div class="social_icon">
                    <span class="social_icon-texte"><b>Наши социальные сети</b></span>

                        <a href="vk.com/" class="social__link social__link--vk">
                            <img src="/img/vk.png" alt="vk" class="social__link-img">
                        </a>

                     <a href="fb.com/" class="social__link social__link--fb">
                    <img src="/img/fb.png" alt="vk" class="social__link-img">
                    </a>
                    <a href="google.com/" class="social__link social__link--g">
                    <img src="/img/google.png" alt="google plus" class="social__link-img">
                    </a>
                    <a href="twiter.com" class="social__link social__link--twit">
                        <img src="/img/twitter.png" alt="twiter" class="social__link-img">
                    </a>

                    <a href="mail" class="social__link social__link--mail">
                        <img src="/img/mail.png" alt="пеочта" class="social__link-img">
                    </a>
                </div>
            </div>
        </footer>

</body>

</html>