<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8" />
        <meta content="width=device-width, initial-scale=1.0" name="viewport" />
        <title>
             - Автоматический постинг в
            Телеграм готового контента
        </title>
        <meta name="description" content="" />
        <meta name="keywords" content="" />

        <!-- Favicons -->
        <link href="/assets/img/favicon.png" rel="icon" />
        <link href="/assets/img/apple-touch-icon.png" rel="apple-touch-icon" />

        <!-- Fonts -->
        <link href="https://fonts.googleapis.com" rel="preconnect" />
        <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin />
        <link
            href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
            rel="stylesheet"
        />

        <!-- Vendor CSS Files -->
        <link
            href="/assets/vendor/bootstrap/css/bootstrap.min.css"
            rel="stylesheet"
        />
        <link
            href="/assets/vendor/bootstrap-icons/bootstrap-icons.css"
            rel="stylesheet"
        />
        <link href="/assets/vendor/aos/aos.css" rel="stylesheet" />
        <link
            href="/assets/vendor/glightbox/css/glightbox.min.css"
            rel="stylesheet"
        />
        <link
            href="/assets/vendor/swiper/swiper-bundle.min.css"
            rel="stylesheet"
        />

        <!-- Main CSS File -->
        <link href="/assets/css/main.css" rel="stylesheet" />
        <link href="/css/styles.css?t=1.00-1747818764" rel="stylesheet" />

        <!-- =======================================================
  * Template Name: Bocor
  * Template URL: https://bootstrapmade.com/bocor-bootstrap-template-nice-animation/
  * Updated: Aug 07 2024 with Bootstrap v5.3.3
  * Author: BootstrapMade.com
  * License: https://bootstrapmade.com/license/
  ======================================================== -->
    </head>

    <body class="index-page">
        <header id="header" class="header d-flex align-items-center fixed-top">
            <div
                class="container-fluid container-xl position-relative d-flex align-items-center"
            >
                <a href="/" class="logo d-flex align-items-center me-auto">
                    <!-- Uncomment the line below if you also wish to use an image logo -->
                    <!-- <img src="/assets/img/logo.png" alt=""> -->
                    <h1 class="sitename">Bevip</h1>
                    <span>.ru</span>
                </a>

                <nav id="navmenu" class="navmenu">
                    <ul>
                        <li><a href="/#hero" class="active">Главная</a></li>
                        <li><a href="#about">О проекте</a></li>
                        <li><a href="#services">Услуги</a></li>
                        <li><a href="#portfolio">Примеры</a></li>

                        <li class="dropdown">
                            <a href="#"
                                ><span>Dropdown</span>
                                <i
                                    class="bi bi-chevron-down toggle-dropdown"
                                ></i
                            ></a>
                            <ul>
                                <li><a href="#">Dropdown 1</a></li>
                                <li class="dropdown">
                                    <a href="#"
                                        ><span>Deep Dropdown</span>
                                        <i
                                            class="bi bi-chevron-down toggle-dropdown"
                                        ></i
                                    ></a>
                                    <ul>
                                        <li><a href="#">Deep Dropdown 1</a></li>
                                        <li><a href="#">Deep Dropdown 2</a></li>
                                        <li><a href="#">Deep Dropdown 3</a></li>
                                        <li><a href="#">Deep Dropdown 4</a></li>
                                        <li><a href="#">Deep Dropdown 5</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Dropdown 2</a></li>
                                <li><a href="#">Dropdown 3</a></li>
                                <li><a href="#">Dropdown 4</a></li>
                            </ul>
                        </li>
                        <li><a href="#contact">Контакты</a></li>
                    </ul>
                    <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
                </nav>

                <a class="btn-getstarted" href="/#about">Стартуем!</a>
            </div>
        </header>

        <main class="main">
            <!-- Hero Section -->
            <section id="hero" class="hero section dark-background">
                <div class="container">
                    <div class="row gy-4">
                        <div
                            class="col-lg-6 order-2 order-lg-1 d-flex flex-column justify-content-center"
                            data-aos="fade-in"
                        >
                            <h1>Автопостинг в Телеграм</h1>
                            <p>
                                Автоматический постинг сообщений.<br />Уже
                                готовый контент, только выбираете тему!
                            </p>
                            <div class="d-flex">
                                <a href="#about" class="btn-get-started"
                                    >Подробнее</a
                                >
                            </div>
                        </div>
                        <div
                            class="col-lg-6 order-1 order-lg-2 hero-img"
                            data-aos="zoom-out"
                            data-aos-delay="100"
                        >
                            <img
                                src="/assets/img/hero-img.png"
                                class="img-fluid animated"
                                alt=""
                            />
                        </div>
                    </div>
                </div>
            </section>
            <!-- /Hero Section -->
            <!---->
<!-- Clients Section -->
<section id="clients" class="clients section light-background">
    <div class="container">
        <div class="swiper init-swiper">
            <script type="application/json" class="swiper-config">
                {
                    "loop": true,
                    "speed": 600,
                    "autoplay": {
                        "delay": 5000
                    },
                    "slidesPerView": "auto",
                    "pagination": {
                        "el": ".swiper-pagination",
                        "type": "bullets",
                        "clickable": true
                    },
                    "breakpoints": {
                        "320": {
                            "slidesPerView": 2,
                            "spaceBetween": 40
                        },
                        "480": {
                            "slidesPerView": 3,
                            "spaceBetween": 60
                        },
                        "640": {
                            "slidesPerView": 4,
                            "spaceBetween": 80
                        },
                        "992": {
                            "slidesPerView": 6,
                            "spaceBetween": 120
                        }
                    }
                }
            </script>
            <div class="swiper-wrapper align-items-center">
                <div class="swiper-slide">
                    <img
                        src="/assets/img/clients/client-1.png"
                        class="img-fluid"
                        alt=""
                    />
                </div>
                <div class="swiper-slide">
                    <img
                        src="/assets/img/clients/client-2.png"
                        class="img-fluid"
                        alt=""
                    />
                </div>
                <div class="swiper-slide">
                    <img
                        src="/assets/img/clients/client-3.png"
                        class="img-fluid"
                        alt=""
                    />
                </div>
                <div class="swiper-slide">
                    <img
                        src="/assets/img/clients/client-4.png"
                        class="img-fluid"
                        alt=""
                    />
                </div>
                <div class="swiper-slide">
                    <img
                        src="/assets/img/clients/client-5.png"
                        class="img-fluid"
                        alt=""
                    />
                </div>
                <div class="swiper-slide">
                    <img
                        src="/assets/img/clients/client-6.png"
                        class="img-fluid"
                        alt=""
                    />
                </div>
                <div class="swiper-slide">
                    <img
                        src="/assets/img/clients/client-7.png"
                        class="img-fluid"
                        alt=""
                    />
                </div>
                <div class="swiper-slide">
                    <img
                        src="/assets/img/clients/client-8.png"
                        class="img-fluid"
                        alt=""
                    />
                </div>
            </div>
        </div>
    </div>
</section>
<!-- /Clients Section -->

<!---->
<!-- About Section -->
<section id="about" class="about section">
    <div class="container">
        <div class="row gy-4">
            <div
                class="col-lg-6 position-relative order-lg-last"
                data-aos="fade-up"
                data-aos-delay="200"
            >
                <div class="smartphone">
                    <div class="content">
                        <div class="telegram-header">Telegram</div>

                        <div><div class="post-view">
    <div class="telegram-gallery">
        <div class="telegram-row">
            <div class="telegram-image-container small-image">
                <img
                    src="/images/data/2024/09/48/6.jpg"
                    alt="Image 1"
                    class="telegram-image"
                />
            </div>

            <div class="telegram-image-container small-image">
                <img
                    src="/images/data/2024/09/48/JBC-Fastrac-6-1536x864.jpg"
                    alt="Image 1"
                    class="telegram-image"
                />
            </div>

            <div class="telegram-image-container small-image">
                <img
                    src="/images/data/2024/09/48/4.jpg"
                    alt="Image 1"
                    class="telegram-image"
                />
            </div>

            <div class="telegram-image-container small-image">
                <img
                    src="/images/data/2024/09/48/Pre-run-checks-on-the-JCB-Fastrac-under-way-at-Elvington-Airfield-1024x597.jpg"
                    alt="Image 1"
                    class="telegram-image"
                />
            </div>
        </div>
    </div>

    <div class="memo">
        Самый быстрый трактор в мире JCB Fastrac Two. Модель Fastrac Two,
        разработанная и собранная группой молодых инженеров в графстве
        Стаффордшир, прошла испытания на аэродроме Элвингтон в Йорке. За рулем
        трактора находился мотогонщик и специалист по ремонту грузовых
        автомобилей Гай Мартин. За отведенный период на тракторе были совершены
        два заезда в обоих направлениях мимо оборудования для фиксации скорости,
        разнесенного на 1 км. В результате Fastrac Two разогнался до
        максимальной скорости 247,47 км/ч, а средняя скорость составила 217,569
        км/ч. Fastrac основан на "стандартном, доступном у дилеров JCB Fastrac".
        У Fastrac Two более 50% всех деталей – те же, что и у серийного
        транспортного средства. "Научить пятитонный трактор разгоняться до 240
        км/ч и останавливаться - непростая задача", - сказал специалист по
        инновациям и развитию JCB Тим Бернхоп, - "Но мы все гордимся тем, что не
        только достигли наших целей, но и превзошли их".
    </div>
</div>
</div>
                    </div>
                </div>

                <!--
                <img src="/assets/img/about.jpg" class="img-fluid" alt="" />
                <a
                    href="https://www.youtube.com/watch?v=Y7f98aduVJ8"
                    class="glightbox pulsating-play-btn"
                ></a>
                -->
            </div>

            <div
                class="col-lg-6 content"
                data-aos="fade-up"
                data-aos-delay="100"
            >
                <h3>О проекте</h3>
                <p>
                    Мы предлагаем готовый контент для автоматического постинга
                    сообщений в Телеграм.
                </p>
                <ul>
                    <li>
                        <i class="bi bi-fullscreen-exit"></i>
                        <div>
                            <h5>Уже готовый контент</h5>
                            <p>
                                Контент включает готовый текст до 1.000
                                символов, а также 1-3 изображения.
                            </p>
                        </div>
                    </li>
                    <li>
                        <i class="bi bi-diagram-3"></i>
                        <div>
                            <h5>Настройка кампании</h5>
                            <p>
                                Вы можете указать сколько сообщений в сутки
                                необходимо для постинга.
                            </p>
                        </div>
                    </li>
                    <li>
                        <i class="bi bi-broadcast"></i>
                        <div>
                            <h5>Разнообразные тематики</h5>
                            <p>
                                На выбор более 20 тематик. Вы самостоятельно
                                управляете из какой тематики размещаются посты.
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>
<!-- /About Section -->

<!---->
<!-- Featured Services Section -->
<section id="featured-services" class="featured-services section">
    <!-- Section Title -->
    <div class="container section-title" data-aos="fade-up">
        <h2>Разнообразные тематики</h2>
        <p>Для постинга представлены разнообразные тематики - более 50 штук</p>
    </div>
    <!-- End Section Title -->

    <div class="container" data-aos="fade-up" data-aos-delay="100">
        <div class="row gy-5">
            <div
                class="col-xl-4 col-md-6"
                data-aos="zoom-in"
                data-aos-delay="200"
            >
                <div class="service-item">
                    <div class="img">
                        <img
                            src="/images/data/2024/09/58/003.jpg"
                            class="img-fluid"
                            alt=""
                        />
                    </div>
                    <div class="details position-relative">
                        <div class="icon">
                            <i class="bi bi-activity"></i>
                        </div>
                        <a href="service-details.html" class="stretched-link">
                            <h3>Самые большие улитки</h3>
                        </a>
                        <p>
                            Самые большие в мире - Ахатинские улитки. Ахатины
                            родом из Восточной Африки, на побережье которой для
                            них самые лучшие условия: жарко и влажно.
                        </p>
                    </div>
                </div>
            </div>
            <!-- End Service Item -->

            <div
                class="col-xl-4 col-md-6"
                data-aos="zoom-in"
                data-aos-delay="300"
            >
                <div class="service-item">
                    <div class="img">
                        <img
                            src="/assets/img/services-2.jpg"
                            class="img-fluid"
                            alt=""
                        />
                    </div>
                    <div class="details position-relative">
                        <div class="icon">
                            <i class="bi bi-broadcast"></i>
                        </div>
                        <a href="service-details.html" class="stretched-link">
                            <h3>Eosle Commodi</h3>
                        </a>
                        <p>
                            Ut autem aut autem non a. Sint sint sit facilis nam
                            iusto sint. Libero corrupti neque eum hic non ut
                            nesciunt dolorem.
                        </p>
                    </div>
                </div>
            </div>
            <!-- End Service Item -->

            <div
                class="col-xl-4 col-md-6"
                data-aos="zoom-in"
                data-aos-delay="400"
            >
                <div class="service-item">
                    <div class="img">
                        <img
                            src="/assets/img/services-3.jpg"
                            class="img-fluid"
                            alt=""
                        />
                    </div>
                    <div class="details position-relative">
                        <div class="icon">
                            <i class="bi bi-easel"></i>
                        </div>
                        <a href="service-details.html" class="stretched-link">
                            <h3>Ledo Markt</h3>
                        </a>
                        <p>
                            Ut excepturi voluptatem nisi sed. Quidem fuga
                            consequatur. Minus ea aut. Vel qui id voluptas
                            adipisci eos earum corrupti.
                        </p>
                    </div>
                </div>
            </div>
            <!-- End Service Item -->

            <div
                class="col-xl-4 col-md-6"
                data-aos="zoom-in"
                data-aos-delay="500"
            >
                <div class="service-item">
                    <div class="img">
                        <img
                            src="/assets/img/services-4.jpg"
                            class="img-fluid"
                            alt=""
                        />
                    </div>
                    <div class="details position-relative">
                        <div class="icon">
                            <i class="bi bi-bounding-box-circles"></i>
                        </div>
                        <a href="service-details.html" class="stretched-link">
                            <h3>Asperiores Commodit</h3>
                        </a>
                        <p>
                            Non et temporibus minus omnis sed dolor esse
                            consequatur. Cupiditate sed error ea fuga sit
                            provident adipisci neque.
                        </p>
                        <a
                            href="service-details.html"
                            class="stretched-link"
                        ></a>
                    </div>
                </div>
            </div>
            <!-- End Service Item -->

            <div
                class="col-xl-4 col-md-6"
                data-aos="zoom-in"
                data-aos-delay="600"
            >
                <div class="service-item">
                    <div class="img">
                        <img
                            src="/assets/img/services-5.jpg"
                            class="img-fluid"
                            alt=""
                        />
                    </div>
                    <div class="details position-relative">
                        <div class="icon">
                            <i class="bi bi-calendar4-week"></i>
                        </div>
                        <a href="service-details.html" class="stretched-link">
                            <h3>Velit Doloremque</h3>
                        </a>
                        <p>
                            Cumque et suscipit saepe. Est maiores autem enim
                            facilis ut aut ipsam corporis aut. Sed animi at
                            autem alias eius labore.
                        </p>
                        <a
                            href="service-details.html"
                            class="stretched-link"
                        ></a>
                    </div>
                </div>
            </div>
            <!-- End Service Item -->

            <div
                class="col-xl-4 col-md-6"
                data-aos="zoom-in"
                data-aos-delay="700"
            >
                <div class="service-item">
                    <div class="img">
                        <img
                            src="/assets/img/services-6.jpg"
                            class="img-fluid"
                            alt=""
                        />
                    </div>
                    <div class="details position-relative">
                        <div class="icon">
                            <i class="bi bi-chat-square-text"></i>
                        </div>
                        <a href="service-details.html" class="stretched-link">
                            <h3>Dolori Architecto</h3>
                        </a>
                        <p>
                            Hic molestias ea quibusdam eos. Fugiat enim
                            doloremque aut neque non et debitis iure. Corrupti
                            recusandae ducimus enim.
                        </p>
                        <a
                            href="service-details.html"
                            class="stretched-link"
                        ></a>
                    </div>
                </div>
            </div>
            <!-- End Service Item -->
        </div>
    </div>
</section>
<!-- /Featured Services Section -->

<!---->
<!-- Features Section -->
<section id="features" class="features section">
    <!-- Section Title -->
    <div class="container section-title" data-aos="fade-up">
        <h2>Возможности</h2>
        <p>
            Автоматический постинг готового контента помогает вашему каналу или
            группе поддерживать его жизнедеятельность.
        </p>
    </div>
    <!-- End Section Title -->

    <div class="container">
        <div class="row gy-4 align-items-center features-item">
            <div
                class="col-md-5 d-flex align-items-center"
                data-aos="zoom-out"
                data-aos-delay="100"
            >
                <img
                    src="/assets/img/features-1.svg"
                    class="img-fluid"
                    alt=""
                />
            </div>
            <div class="col-md-7" data-aos="fade-up" data-aos-delay="100">
                <h3>Чем поможет автопостинг?</h3>
                <p class="fst-italic">
                    Вы подключаете нашего бота к своему каналу или группе,
                    выбираете тему и частоту интересующих постов, остальное наш
                    бот сделает самостоятельно.
                </p>
                <ul>
                    <li>
                        <i class="bi bi-check"></i
                        ><span>
                            У нас уже есть готовый контент, который подойдёт
                            большинству каналов и групп.</span
                        >
                    </li>
                    <li>
                        <i class="bi bi-check"></i>
                        <span
                            >Вы сами регулируете количество постов в день.</span
                        >
                    </li>
                    <li>
                        <i class="bi bi-check"></i>
                        <span
                            >Большое количество разнообразных тематик и
                            постов.</span
                        >
                    </li>
                    <li>
                        <i class="bi bi-check"></i>
                        <span>Низкая цена.</span>
                    </li>
                </ul>
            </div>
        </div>
        <!-- Features Item -->

        <div class="row gy-4 align-items-center features-item">
            <div
                class="col-md-5 order-1 order-md-2 d-flex align-items-center"
                data-aos="zoom-out"
                data-aos-delay="200"
            >
                <img
                    src="/assets/img/features-2.svg"
                    class="img-fluid"
                    alt=""
                />
            </div>
            <div
                class="col-md-7 order-2 order-md-1"
                data-aos="fade-up"
                data-aos-delay="200"
            >
                <h3>Разнообразные тематики</h3>
                <p class="fst-italic">
                    Мы подобрали большое количество универсальных тематик, чтобы
                    удовлетворить самый изысканный спрос.
                </p>
                <p>
                    Авиация, Автомобиль, Велосипед, Драгоценности, Еда, Железная
                    дорога, Животные, Здание, Игрушки, Корабль, Море и океан,
                    Мотоцикл, Музыка, Насекомые, Одежда, Оружие, Памятники и
                    статуи, Природа, Птицы... и многое другое
                    <!--  (1) Развлечение
                    (2) Рыбы (1) Скорость (4) Скульптура (5) Собака (9)
                    Сооружение (16) Спорт (1) Стоимость (1) Техника (18)
                    Технология () Тоннели и мосты (2) Хобби (1) Человек -->
                </p>
            </div>
        </div>
        <!-- Features Item -->

        <div class="row gy-4 align-items-center features-item">
            <div class="col-md-5 d-flex align-items-center" data-aos="zoom-out">
                <img
                    src="/assets/img/features-3.svg"
                    class="img-fluid"
                    alt=""
                />
            </div>
            <div class="col-md-7" data-aos="fade-up">
                <h3>
                    Sunt! consequatur ad ut est nulla consectetur reiciendis
                    animi voluptas
                </h3>
                <p>
                    Cupiditate placeat cupiditate placeat est ipsam culpa.
                    Delectus quia minima quod. Sunt saepe odit aut quia
                    voluptatem hic voluptas dolor doloremque.
                </p>
                <ul>
                    <li>
                        <i class="bi bi-check"></i>
                        <span
                            >Ullamco laboris nisi ut aliquip ex ea commodo
                            consequat.</span
                        >
                    </li>
                    <li>
                        <i class="bi bi-check"></i
                        ><span>
                            Duis aute irure dolor in reprehenderit in voluptate
                            velit.</span
                        >
                    </li>
                    <li>
                        <i class="bi bi-check"></i>
                        <span
                            >Facilis ut et voluptatem aperiam. Autem soluta ad
                            fugiat</span
                        >.
                    </li>
                </ul>
            </div>
        </div>
        <!-- Features Item -->

        <div class="row gy-4 align-items-center features-item">
            <div
                class="col-md-5 order-1 order-md-2 d-flex align-items-center"
                data-aos="zoom-out"
            >
                <img
                    src="/assets/img/features-4.svg"
                    class="img-fluid"
                    alt=""
                />
            </div>
            <div class="col-md-7 order-2 order-md-1" data-aos="fade-up">
                <h3>
                    Quas et necessitatibus eaque impedit ipsum animi consequatur
                    incidunt in
                </h3>
                <p class="fst-italic">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                    do eiusmod tempor incididunt ut labore et dolore magna
                    aliqua.
                </p>
                <p>
                    Ullamco laboris nisi ut aliquip ex ea commodo consequat.
                    Duis aute irure dolor in reprehenderit in voluptate velit
                    esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
                    occaecat cupidatat non proident, sunt in culpa qui officia
                    deserunt mollit anim id est laborum
                </p>
            </div>
        </div>
        <!-- Features Item -->
    </div>
</section>
<!-- /Features Section -->

<!---->
<!-- Services Section -->
<section id="services" class="services section">
    <!-- Section Title -->
    <div class="container section-title" data-aos="fade-up">
        <h2>Services</h2>
        <p>
            Necessitatibus eius consequatur ex aliquid fuga eum quidem sint
            consectetur velit
        </p>
    </div>
    <!-- End Section Title -->

    <div class="container">
        <div class="row gy-4">
            <div
                class="col-lg-4 col-md-6"
                data-aos="fade-up"
                data-aos-delay="100"
            >
                <div class="service-item position-relative">
                    <div class="icon">
                        <i class="bi bi-activity"></i>
                    </div>
                    <a href="service-details.html" class="stretched-link">
                        <h3>Nesciunt Mete</h3>
                    </a>
                    <p>
                        Provident nihil minus qui consequatur non omnis maiores.
                        Eos accusantium minus dolores iure perferendis tempore
                        et consequatur.
                    </p>
                </div>
            </div>
            <!-- End Service Item -->

            <div
                class="col-lg-4 col-md-6"
                data-aos="fade-up"
                data-aos-delay="200"
            >
                <div class="service-item position-relative">
                    <div class="icon">
                        <i class="bi bi-broadcast"></i>
                    </div>
                    <a href="service-details.html" class="stretched-link">
                        <h3>Eosle Commodi</h3>
                    </a>
                    <p>
                        Ut autem aut autem non a. Sint sint sit facilis nam
                        iusto sint. Libero corrupti neque eum hic non ut
                        nesciunt dolorem.
                    </p>
                </div>
            </div>
            <!-- End Service Item -->

            <div
                class="col-lg-4 col-md-6"
                data-aos="fade-up"
                data-aos-delay="300"
            >
                <div class="service-item position-relative">
                    <div class="icon">
                        <i class="bi bi-easel"></i>
                    </div>
                    <a href="service-details.html" class="stretched-link">
                        <h3>Ledo Markt</h3>
                    </a>
                    <p>
                        Ut excepturi voluptatem nisi sed. Quidem fuga
                        consequatur. Minus ea aut. Vel qui id voluptas adipisci
                        eos earum corrupti.
                    </p>
                </div>
            </div>
            <!-- End Service Item -->

            <div
                class="col-lg-4 col-md-6"
                data-aos="fade-up"
                data-aos-delay="400"
            >
                <div class="service-item position-relative">
                    <div class="icon">
                        <i class="bi bi-bounding-box-circles"></i>
                    </div>
                    <a href="service-details.html" class="stretched-link">
                        <h3>Asperiores Commodit</h3>
                    </a>
                    <p>
                        Non et temporibus minus omnis sed dolor esse
                        consequatur. Cupiditate sed error ea fuga sit provident
                        adipisci neque.
                    </p>
                    <a href="service-details.html" class="stretched-link"></a>
                </div>
            </div>
            <!-- End Service Item -->

            <div
                class="col-lg-4 col-md-6"
                data-aos="fade-up"
                data-aos-delay="500"
            >
                <div class="service-item position-relative">
                    <div class="icon">
                        <i class="bi bi-calendar4-week"></i>
                    </div>
                    <a href="service-details.html" class="stretched-link">
                        <h3>Velit Doloremque</h3>
                    </a>
                    <p>
                        Cumque et suscipit saepe. Est maiores autem enim facilis
                        ut aut ipsam corporis aut. Sed animi at autem alias eius
                        labore.
                    </p>
                    <a href="service-details.html" class="stretched-link"></a>
                </div>
            </div>
            <!-- End Service Item -->

            <div
                class="col-lg-4 col-md-6"
                data-aos="fade-up"
                data-aos-delay="600"
            >
                <div class="service-item position-relative">
                    <div class="icon">
                        <i class="bi bi-chat-square-text"></i>
                    </div>
                    <a href="service-details.html" class="stretched-link">
                        <h3>Dolori Architecto</h3>
                    </a>
                    <p>
                        Hic molestias ea quibusdam eos. Fugiat enim doloremque
                        aut neque non et debitis iure. Corrupti recusandae
                        ducimus enim.
                    </p>
                    <a href="service-details.html" class="stretched-link"></a>
                </div>
            </div>
            <!-- End Service Item -->
        </div>
    </div>
</section>
<!-- /Services Section -->

<!---->
<!-- Portfolio Section -->
<section id="portfolio" class="portfolio section light-background">
    <!-- Section Title -->
    <div class="container section-title" data-aos="fade-up">
        <h2>Примеры</h2>
        <p>Примеры тематик постов с изображениями</p>
    </div>
    <!-- End Section Title -->

    <div class="container">
        <div
            class="isotope-layout"
            data-default-filter="*"
            data-layout="masonry"
            data-sort="original-order"
        >
            <ul
                class="portfolio-filters isotope-filters"
                data-aos="fade-up"
                data-aos-delay="100"
            >
                <li data-filter="*" class="filter-active">Все</li>
                <li data-filter=".filter-app">Строения</li>
                <li data-filter=".filter-product">Живое</li>
                <li data-filter=".filter-branding">Люди</li>
            </ul>
            <!-- End Portfolio Filters -->

            <div
                class="row gy-4 isotope-container"
                data-aos="fade-up"
                data-aos-delay="200"
            >
                
                <!-- Portfolio Item -->
                <!-- https://bevip.ru/images/data/2024/09/29/photo_2024-09-02_17-19-51.jpg-->

                <div
                    class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app"
                >
                    <img
                        src="https://bevip.ru/images/data/2024/09/29/photo_2024-09-02_17-19-51.jpg"
                        class="img-fluid"
                        alt=""
                    />
                    <div class="portfolio-info">
                        <h4>Самый маленький серийный автомобиль в мире</h4>
                        <p>Самый маленький серийный автом...</p>
                        <a
                            href="https://bevip.ru/images/data/2024/09/29/photo_2024-09-02_17-19-51.jpg"
                            title="App 1"
                            data-gallery="portfolio-gallery-app"
                            class="glightbox preview-link"
                            ><i class="bi bi-zoom-in"></i
                        ></a>
                        <a
                            href="portfolio-details.html"
                            title="More Details"
                            class="details-link"
                            ><i class="bi bi-link-45deg"></i
                        ></a>
                    </div>
                </div>
                <!-- End Portfolio Item -->
                
                <!-- Portfolio Item -->
                <!-- https://bevip.ru/images/data/2024/10/87/02.jpg-->

                <div
                    class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app"
                >
                    <img
                        src="https://bevip.ru/images/data/2024/10/87/02.jpg"
                        class="img-fluid"
                        alt=""
                    />
                    <div class="portfolio-info">
                        <h4>Самый большой единичный телескоп с заполненной апертурой - «Небесное око»</h4>
                        <p>Самый большой единичный телеск...</p>
                        <a
                            href="https://bevip.ru/images/data/2024/10/87/02.jpg"
                            title="App 1"
                            data-gallery="portfolio-gallery-app"
                            class="glightbox preview-link"
                            ><i class="bi bi-zoom-in"></i
                        ></a>
                        <a
                            href="portfolio-details.html"
                            title="More Details"
                            class="details-link"
                            ><i class="bi bi-link-45deg"></i
                        ></a>
                    </div>
                </div>
                <!-- End Portfolio Item -->
                
                <!-- Portfolio Item -->
                <!-- https://bevip.ru/images/data/2024/09/53/06.png-->

                <div
                    class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app"
                >
                    <img
                        src="https://bevip.ru/images/data/2024/09/53/06.png"
                        class="img-fluid"
                        alt=""
                    />
                    <div class="portfolio-info">
                        <h4>Самый длинный нефтепровод в мире - Нефтепровод «Дружба»</h4>
                        <p>Самый длинный нефтепровод в ми...</p>
                        <a
                            href="https://bevip.ru/images/data/2024/09/53/06.png"
                            title="App 1"
                            data-gallery="portfolio-gallery-app"
                            class="glightbox preview-link"
                            ><i class="bi bi-zoom-in"></i
                        ></a>
                        <a
                            href="portfolio-details.html"
                            title="More Details"
                            class="details-link"
                            ><i class="bi bi-link-45deg"></i
                        ></a>
                    </div>
                </div>
                <!-- End Portfolio Item -->
                
                <!-- Portfolio Item -->
                <!-- https://bevip.ru/images/data/2024/10/85/05.jpg-->

                <div
                    class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app"
                >
                    <img
                        src="https://bevip.ru/images/data/2024/10/85/05.jpg"
                        class="img-fluid"
                        alt=""
                    />
                    <div class="portfolio-info">
                        <h4>Самый большой вулкан в мире - Охос-дель-Саладо</h4>
                        <p>Самый большой вулкан в мире - ...</p>
                        <a
                            href="https://bevip.ru/images/data/2024/10/85/05.jpg"
                            title="App 1"
                            data-gallery="portfolio-gallery-app"
                            class="glightbox preview-link"
                            ><i class="bi bi-zoom-in"></i
                        ></a>
                        <a
                            href="portfolio-details.html"
                            title="More Details"
                            class="details-link"
                            ><i class="bi bi-link-45deg"></i
                        ></a>
                    </div>
                </div>
                <!-- End Portfolio Item -->
                
                <!-- Portfolio Item -->
                <!-- https://bevip.ru/images/data/2025/04/100/101.jpg-->

                <div
                    class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app"
                >
                    <img
                        src="https://bevip.ru/images/data/2025/04/100/101.jpg"
                        class="img-fluid"
                        alt=""
                    />
                    <div class="portfolio-info">
                        <h4>Наказание собаки</h4>
                        <p>Наказание собаки.

Наказание...</p>
                        <a
                            href="https://bevip.ru/images/data/2025/04/100/101.jpg"
                            title="App 1"
                            data-gallery="portfolio-gallery-app"
                            class="glightbox preview-link"
                            ><i class="bi bi-zoom-in"></i
                        ></a>
                        <a
                            href="portfolio-details.html"
                            title="More Details"
                            class="details-link"
                            ><i class="bi bi-link-45deg"></i
                        ></a>
                    </div>
                </div>
                <!-- End Portfolio Item -->
                
                <!-- Portfolio Item -->
                <!-- https://bevip.ru/images/data/2024/09/26/a1b0bf7ede43e0ba78b6e61c290899e9.jpg-->

                <div
                    class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app"
                >
                    <img
                        src="https://bevip.ru/images/data/2024/09/26/a1b0bf7ede43e0ba78b6e61c290899e9.jpg"
                        class="img-fluid"
                        alt=""
                    />
                    <div class="portfolio-info">
                        <h4></h4>
                        <p>Самый длинный язык по отношени...</p>
                        <a
                            href="https://bevip.ru/images/data/2024/09/26/a1b0bf7ede43e0ba78b6e61c290899e9.jpg"
                            title="App 1"
                            data-gallery="portfolio-gallery-app"
                            class="glightbox preview-link"
                            ><i class="bi bi-zoom-in"></i
                        ></a>
                        <a
                            href="portfolio-details.html"
                            title="More Details"
                            class="details-link"
                            ><i class="bi bi-link-45deg"></i
                        ></a>
                    </div>
                </div>
                <!-- End Portfolio Item -->
                
                <!-- Portfolio Item -->
                <!-- https://bevip.ru/images/data/2025/04/97/138.jpg-->

                <div
                    class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app"
                >
                    <img
                        src="https://bevip.ru/images/data/2025/04/97/138.jpg"
                        class="img-fluid"
                        alt=""
                    />
                    <div class="portfolio-info">
                        <h4>Почему собака не пьет?</h4>
                        <p>Почему собака не пьет?

Прич...</p>
                        <a
                            href="https://bevip.ru/images/data/2025/04/97/138.jpg"
                            title="App 1"
                            data-gallery="portfolio-gallery-app"
                            class="glightbox preview-link"
                            ><i class="bi bi-zoom-in"></i
                        ></a>
                        <a
                            href="portfolio-details.html"
                            title="More Details"
                            class="details-link"
                            ><i class="bi bi-link-45deg"></i
                        ></a>
                    </div>
                </div>
                <!-- End Portfolio Item -->
                
                <!-- Portfolio Item -->
                <!-- https://bevip.ru/images/data/2025/05/105/01.jpg-->

                <div
                    class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app"
                >
                    <img
                        src="https://bevip.ru/images/data/2025/05/105/01.jpg"
                        class="img-fluid"
                        alt=""
                    />
                    <div class="portfolio-info">
                        <h4>Если у собаки насморк?</h4>
                        <p>Если у собаки насморк?

Лече...</p>
                        <a
                            href="https://bevip.ru/images/data/2025/05/105/01.jpg"
                            title="App 1"
                            data-gallery="portfolio-gallery-app"
                            class="glightbox preview-link"
                            ><i class="bi bi-zoom-in"></i
                        ></a>
                        <a
                            href="portfolio-details.html"
                            title="More Details"
                            class="details-link"
                            ><i class="bi bi-link-45deg"></i
                        ></a>
                    </div>
                </div>
                <!-- End Portfolio Item -->
                
                <!-- Portfolio Item -->
                <!-- https://bevip.ru/images/data/2024/09/39/Dodge-Tomahawk-009.jpg-->

                <div
                    class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app"
                >
                    <img
                        src="https://bevip.ru/images/data/2024/09/39/Dodge-Tomahawk-009.jpg"
                        class="img-fluid"
                        alt=""
                    />
                    <div class="portfolio-info">
                        <h4>Самый быстрый мотоцикл в мире - мотоцикл Tomahawk</h4>
                        <p>Самый быстрый мотоцикл в мире....</p>
                        <a
                            href="https://bevip.ru/images/data/2024/09/39/Dodge-Tomahawk-009.jpg"
                            title="App 1"
                            data-gallery="portfolio-gallery-app"
                            class="glightbox preview-link"
                            ><i class="bi bi-zoom-in"></i
                        ></a>
                        <a
                            href="portfolio-details.html"
                            title="More Details"
                            class="details-link"
                            ><i class="bi bi-link-45deg"></i
                        ></a>
                    </div>
                </div>
                <!-- End Portfolio Item -->
                

                <div
                    class="col-lg-4 col-md-6 portfolio-item isotope-item filter-product"
                >
                    <img
                        src="/assets/img/masonry-portfolio/masonry-portfolio-5.jpg"
                        class="img-fluid"
                        alt=""
                    />
                    <div class="portfolio-info">
                        <h4>Product 2</h4>
                        <p>Lorem ipsum, dolor sit</p>
                        <a
                            href="/assets/img/masonry-portfolio/masonry-portfolio-5.jpg"
                            title="Product 2"
                            data-gallery="portfolio-gallery-product"
                            class="glightbox preview-link"
                            ><i class="bi bi-zoom-in"></i
                        ></a>
                        <a
                            href="portfolio-details.html"
                            title="More Details"
                            class="details-link"
                            ><i class="bi bi-link-45deg"></i
                        ></a>
                    </div>
                </div>
                <!-- End Portfolio Item -->

                <div
                    class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding"
                >
                    <img
                        src="/assets/img/masonry-portfolio/masonry-portfolio-6.jpg"
                        class="img-fluid"
                        alt=""
                    />
                    <div class="portfolio-info">
                        <h4>Branding 2</h4>
                        <p>Lorem ipsum, dolor sit</p>
                        <a
                            href="/assets/img/masonry-portfolio/masonry-portfolio-6.jpg"
                            title="Branding 2"
                            data-gallery="portfolio-gallery-branding"
                            class="glightbox preview-link"
                            ><i class="bi bi-zoom-in"></i
                        ></a>
                        <a
                            href="portfolio-details.html"
                            title="More Details"
                            class="details-link"
                            ><i class="bi bi-link-45deg"></i
                        ></a>
                    </div>
                </div>
                <!-- End Portfolio Item -->

                <div
                    class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app"
                >
                    <img
                        src="/assets/img/masonry-portfolio/masonry-portfolio-7.jpg"
                        class="img-fluid"
                        alt=""
                    />
                    <div class="portfolio-info">
                        <h4>App 3</h4>
                        <p>Lorem ipsum, dolor sit</p>
                        <a
                            href="/assets/img/masonry-portfolio/masonry-portfolio-7.jpg"
                            title="App 3"
                            data-gallery="portfolio-gallery-app"
                            class="glightbox preview-link"
                            ><i class="bi bi-zoom-in"></i
                        ></a>
                        <a
                            href="portfolio-details.html"
                            title="More Details"
                            class="details-link"
                            ><i class="bi bi-link-45deg"></i
                        ></a>
                    </div>
                </div>
                <!-- End Portfolio Item -->

                <div
                    class="col-lg-4 col-md-6 portfolio-item isotope-item filter-product"
                >
                    <img
                        src="/assets/img/masonry-portfolio/masonry-portfolio-8.jpg"
                        class="img-fluid"
                        alt=""
                    />
                    <div class="portfolio-info">
                        <h4>Product 3</h4>
                        <p>Lorem ipsum, dolor sit</p>
                        <a
                            href="/assets/img/masonry-portfolio/masonry-portfolio-8.jpg"
                            title="Product 3"
                            data-gallery="portfolio-gallery-product"
                            class="glightbox preview-link"
                            ><i class="bi bi-zoom-in"></i
                        ></a>
                        <a
                            href="portfolio-details.html"
                            title="More Details"
                            class="details-link"
                            ><i class="bi bi-link-45deg"></i
                        ></a>
                    </div>
                </div>
                <!-- End Portfolio Item -->

                <div
                    class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding"
                >
                    <img
                        src="/assets/img/masonry-portfolio/masonry-portfolio-9.jpg"
                        class="img-fluid"
                        alt=""
                    />
                    <div class="portfolio-info">
                        <h4>Branding 3</h4>
                        <p>Lorem ipsum, dolor sit</p>
                        <a
                            href="/assets/img/masonry-portfolio/masonry-portfolio-9.jpg"
                            title="Branding 2"
                            data-gallery="portfolio-gallery-branding"
                            class="glightbox preview-link"
                            ><i class="bi bi-zoom-in"></i
                        ></a>
                        <a
                            href="portfolio-details.html"
                            title="More Details"
                            class="details-link"
                            ><i class="bi bi-link-45deg"></i
                        ></a>
                    </div>
                </div>
                <!-- End Portfolio Item -->
            </div>
            <!-- End Portfolio Container -->
        </div>
    </div>
</section>
<!-- /Portfolio Section -->

<!---->
<!-- Team Section -->
<section id="team" class="team section">
    <!-- Section Title -->
    <div class="container section-title" data-aos="fade-up">
        <h2>Наша команда</h2>
        <p>В нашей команде работают профессиональные специалисты своего дела</p>
    </div>
    <!-- End Section Title -->

    <div class="container">
        <div class="row gy-4">
            <div
                class="col-lg-3 col-md-6 d-flex align-items-stretch"
                data-aos="fade-up"
                data-aos-delay="100"
            >
                <div class="team-member">
                    <div class="member-img">
                        <img
                            src="/assets/img/team/team-1.jpg"
                            class="img-fluid"
                            alt=""
                        />
                        <div class="social">
                            <a href=""><i class="bi bi-twitter-x"></i></a>
                            <a href=""><i class="bi bi-facebook"></i></a>
                            <a href=""><i class="bi bi-instagram"></i></a>
                            <a href=""><i class="bi bi-linkedin"></i></a>
                        </div>
                    </div>
                    <div class="member-info">
                        <h4>Walter White</h4>
                        <span>Chief Executive Officer</span>
                    </div>
                </div>
            </div>
            <!-- End Team Member -->

            <div
                class="col-lg-3 col-md-6 d-flex align-items-stretch"
                data-aos="fade-up"
                data-aos-delay="200"
            >
                <div class="team-member">
                    <div class="member-img">
                        <img
                            src="/assets/img/team/team-2.jpg"
                            class="img-fluid"
                            alt=""
                        />
                        <div class="social">
                            <a href=""><i class="bi bi-twitter-x"></i></a>
                            <a href=""><i class="bi bi-facebook"></i></a>
                            <a href=""><i class="bi bi-instagram"></i></a>
                            <a href=""><i class="bi bi-linkedin"></i></a>
                        </div>
                    </div>
                    <div class="member-info">
                        <h4>Sarah Jhonson</h4>
                        <span>Product Manager</span>
                    </div>
                </div>
            </div>
            <!-- End Team Member -->

            <div
                class="col-lg-3 col-md-6 d-flex align-items-stretch"
                data-aos="fade-up"
                data-aos-delay="300"
            >
                <div class="team-member">
                    <div class="member-img">
                        <img
                            src="/assets/img/team/team-3.jpg"
                            class="img-fluid"
                            alt=""
                        />
                        <div class="social">
                            <a href=""><i class="bi bi-twitter-x"></i></a>
                            <a href=""><i class="bi bi-facebook"></i></a>
                            <a href=""><i class="bi bi-instagram"></i></a>
                            <a href=""><i class="bi bi-linkedin"></i></a>
                        </div>
                    </div>
                    <div class="member-info">
                        <h4>William Anderson</h4>
                        <span>CTO</span>
                    </div>
                </div>
            </div>
            <!-- End Team Member -->

            <div
                class="col-lg-3 col-md-6 d-flex align-items-stretch"
                data-aos="fade-up"
                data-aos-delay="400"
            >
                <div class="team-member">
                    <div class="member-img">
                        <img
                            src="/assets/img/team/team-4.jpg"
                            class="img-fluid"
                            alt=""
                        />
                        <div class="social">
                            <a href=""><i class="bi bi-twitter-x"></i></a>
                            <a href=""><i class="bi bi-facebook"></i></a>
                            <a href=""><i class="bi bi-instagram"></i></a>
                            <a href=""><i class="bi bi-linkedin"></i></a>
                        </div>
                    </div>
                    <div class="member-info">
                        <h4>Amanda Jepson</h4>
                        <span>Accountant</span>
                    </div>
                </div>
            </div>
            <!-- End Team Member -->
        </div>
    </div>
</section>
<!-- /Team Section -->

<!---->
<!-- Pricing Section -->
<section id="pricing" class="pricing section light-background">
    <!-- Section Title -->
    <div class="container section-title" data-aos="fade-up">
        <h2>Цены</h2>
        <p>
            Necessitatibus eius consequatur ex aliquid fuga eum quidem sint
            consectetur velit
        </p>
    </div>
    <!-- End Section Title -->

    <div class="container">
        <div class="row gy-4">
            <div class="col-lg-4" data-aos="zoom-in" data-aos-delay="100">
                <div class="pricing-item">
                    <h3>Free Plan</h3>
                    <h4><sup>$</sup>0<span> / month</span></h4>
                    <ul>
                        <li>
                            <i class="bi bi-check"></i>
                            <span>Quam adipiscing vitae proin</span>
                        </li>
                        <li>
                            <i class="bi bi-check"></i>
                            <span>Nec feugiat nisl pretium</span>
                        </li>
                        <li>
                            <i class="bi bi-check"></i>
                            <span>Nulla at volutpat diam uteera</span>
                        </li>
                        <li class="na">
                            <i class="bi bi-x"></i>
                            <span>Pharetra massa massa ultricies</span>
                        </li>
                        <li class="na">
                            <i class="bi bi-x"></i>
                            <span>Massa ultricies mi quis hendrerit</span>
                        </li>
                    </ul>
                    <a href="#" class="buy-btn">Buy Now</a>
                </div>
            </div>
            <!-- End Pricing Item -->

            <div class="col-lg-4" data-aos="zoom-in" data-aos-delay="200">
                <div class="pricing-item featured">
                    <h3>Business Plan</h3>
                    <h4><sup>$</sup>29<span> / month</span></h4>
                    <ul>
                        <li>
                            <i class="bi bi-check"></i>
                            <span>Quam adipiscing vitae proin</span>
                        </li>
                        <li>
                            <i class="bi bi-check"></i>
                            <span>Nec feugiat nisl pretium</span>
                        </li>
                        <li>
                            <i class="bi bi-check"></i>
                            <span>Nulla at volutpat diam uteera</span>
                        </li>
                        <li>
                            <i class="bi bi-check"></i>
                            <span>Pharetra massa massa ultricies</span>
                        </li>
                        <li>
                            <i class="bi bi-check"></i>
                            <span>Massa ultricies mi quis hendrerit</span>
                        </li>
                    </ul>
                    <a href="#" class="buy-btn">Buy Now</a>
                </div>
            </div>
            <!-- End Pricing Item -->

            <div class="col-lg-4" data-aos="zoom-in" data-aos-delay="300">
                <div class="pricing-item">
                    <h3>Developer Plan</h3>
                    <h4><sup>$</sup>49<span> / month</span></h4>
                    <ul>
                        <li>
                            <i class="bi bi-check"></i>
                            <span>Quam adipiscing vitae proin</span>
                        </li>
                        <li>
                            <i class="bi bi-check"></i>
                            <span>Nec feugiat nisl pretium</span>
                        </li>
                        <li>
                            <i class="bi bi-check"></i>
                            <span>Nulla at volutpat diam uteera</span>
                        </li>
                        <li>
                            <i class="bi bi-check"></i>
                            <span>Pharetra massa massa ultricies</span>
                        </li>
                        <li>
                            <i class="bi bi-check"></i>
                            <span>Massa ultricies mi quis hendrerit</span>
                        </li>
                    </ul>
                    <a href="#" class="buy-btn">Buy Now</a>
                </div>
            </div>
            <!-- End Pricing Item -->
        </div>
    </div>
</section>
<!-- /Pricing Section -->

<!---->
<!-- Faq Section -->
<section id="faq" class="faq section">
    <!-- Section Title -->
    <div class="container section-title" data-aos="fade-up">
        <h2>Вопросы</h2>
        <p>Мы подобрали ответы на наиболее часто задаваемые вопросы</p>
    </div>
    <!-- End Section Title -->

    <div class="container">
        <div class="row faq-item" data-aos="fade-up" data-aos-delay="100">
            <div class="col-lg-5 d-flex">
                <i class="bi bi-question-circle"></i>
                <h4>Нужно ли мне самому составлять контент, текст, фото?</h4>
            </div>
            <div class="col-lg-7">
                <p>
                    Нет, у нас уже создан необходимой контент, вам необходимо
                    только выбрать требуемые категории.
                </p>
            </div>
        </div>
        <!-- End F.A.Q Item-->

        <div class="row faq-item" data-aos="fade-up" data-aos-delay="200">
            <div class="col-lg-5 d-flex">
                <i class="bi bi-question-circle"></i>
                <h4>Все оплаченные посты разместятся сразу же?</h4>
            </div>
            <div class="col-lg-7">
                <p>
                    Нет, посты размещаются автоматически по заданным вами
                    критериям, вы сами задаёте количество постов в сутки.
                </p>
            </div>
        </div>
        <!-- End F.A.Q Item-->
    </div>
</section>
<!-- /Faq Section -->



            <!-- Contact Section -->
            <section id="contact" class="contact section light-background">
                <!-- Section Title -->
                <div class="container section-title" data-aos="fade-up">
                    <h2>Контакт</h2>
                    <p>
                        По вопросам сотрудничества пишите через контактную
                        форму:
                    </p>
                </div>
                <!-- End Section Title -->

                <div class="container" data-aos="fade-up" data-aos-delay="100">
                    <div class="row gy-4">
                        <div class="col-lg-6">
                            <div class="row gy-4">
                                <div class="col-lg-12">
                                    <div
                                        class="info-item d-flex flex-column justify-content-center align-items-center"
                                        data-aos="fade-up"
                                        data-aos-delay="200"
                                    >
                                        <i class="bi bi-geo-alt"></i>
                                        <h3>Address</h3>
                                        <p>
                                            A108 Adam Street, New York, NY
                                            535022
                                        </p>
                                    </div>
                                </div>
                                <!-- End Info Item -->

                                <div class="col-md-6">
                                    <div
                                        class="info-item d-flex flex-column justify-content-center align-items-center"
                                        data-aos="fade-up"
                                        data-aos-delay="300"
                                    >
                                        <i class="bi bi-telephone"></i>
                                        <h3>Call Us</h3>
                                        <p>+1 5589 55488 55</p>
                                    </div>
                                </div>
                                <!-- End Info Item -->

                                <div class="col-md-6">
                                    <div
                                        class="info-item d-flex flex-column justify-content-center align-items-center"
                                        data-aos="fade-up"
                                        data-aos-delay="400"
                                    >
                                        <i class="bi bi-envelope"></i>
                                        <h3>Email Us</h3>
                                        <p>info@example.com</p>
                                    </div>
                                </div>
                                <!-- End Info Item -->
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <form
                                action="forms/contact.php"
                                method="post"
                                class="php-email-form"
                                data-aos="fade-up"
                                data-aos-delay="500"
                            >
                                <div class="row gy-4">
                                    <div class="col-md-6">
                                        <input
                                            type="text"
                                            name="name"
                                            class="form-control"
                                            placeholder="Ваше имя"
                                            required=""
                                        />
                                    </div>

                                    <div class="col-md-6">
                                        <input
                                            type="email"
                                            class="form-control"
                                            name="email"
                                            placeholder="Email"
                                            required=""
                                        />
                                    </div>

                                    <div class="col-md-12">
                                        <textarea
                                            class="form-control"
                                            name="message"
                                            rows="4"
                                            placeholder="Сообщение"
                                            required=""
                                        ></textarea>
                                    </div>

                                    <div class="col-md-12 text-center">
                                        <div class="loading">Loading</div>
                                        <div class="error-message"></div>
                                        <div class="sent-message">
                                            Your message has been sent. Thank
                                            you!
                                        </div>

                                        <button type="submit">
                                            Отправить сообщение
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <!-- End Contact Form -->
                    </div>
                </div>
            </section>
            <!-- /Contact Section -->
        </main>

        <footer id="footer" class="footer dark-background">
            <div class="container">
                <h3 class="sitename">Bocor</h3>
                <p>
                    Et aut eum quis fuga eos sunt ipsa nihil. Labore corporis
                    magni eligendi fuga maxime saepe commodi placeat.
                </p>
                <div class="social-links d-flex justify-content-center">
                    <a href=""><i class="bi bi-twitter-x"></i></a>
                    <a href=""><i class="bi bi-facebook"></i></a>
                    <a href=""><i class="bi bi-instagram"></i></a>
                    <a href=""><i class="bi bi-skype"></i></a>
                    <a href=""><i class="bi bi-linkedin"></i></a>
                </div>
                <div class="copyright">
                    <span>Copyright</span>
                    <strong class="px-1 sitename">Bocor</strong>
                    <span>All Rights Reserved</span>
                </div>
                <div class="credits">
                    <!-- All the links in the footer should remain intact. -->
                    <!-- You can delete the links only if you've purchased the pro version. -->
                    <!-- Licensing information: https://bootstrapmade.com/license/ -->
                    <!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
                    Разработка
                    <a href="https://interdesign.ru/">Интердизайн.ру</a>
                </div>
            </div>
        </footer>

        <!-- Scroll Top -->
        <a
            href="#"
            id="scroll-top"
            class="scroll-top d-flex align-items-center justify-content-center"
            ><i class="bi bi-arrow-up-short"></i
        ></a>

        <!-- Preloader -->
        <div id="preloader"></div>

        <!-- Vendor JS Files -->
        <script src="/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
        <script src="/assets/vendor/php-email-form/validate.js"></script>
        <script src="/assets/vendor/aos/aos.js"></script>
        <script src="/assets/vendor/glightbox/js/glightbox.min.js"></script>
        <script src="/assets/vendor/swiper/swiper-bundle.min.js"></script>
        <script src="/assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
        <script src="/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>

        <!-- Main JS File -->
        <script src="/assets/js/main.js"></script>

        
        <!-- Yandex.Metrika counter -->
        <script type="text/javascript">
            (function (m, e, t, r, i, k, a) {
                m[i] =
                    m[i] ||
                    function () {
                        (m[i].a = m[i].a || []).push(arguments);
                    };
                m[i].l = 1 * new Date();
                for (var j = 0; j < document.scripts.length; j++) {
                    if (document.scripts[j].src === r) {
                        return;
                    }
                }
                (k = e.createElement(t)),
                    (a = e.getElementsByTagName(t)[0]),
                    (k.async = 1),
                    (k.src = r),
                    a.parentNode.insertBefore(k, a);
            })(
                window,
                document,
                "script",
                "https://mc.yandex.ru/metrika/tag.js",
                "ym"
            );

            ym(7904578, "init", {
                clickmap: true,
                trackLinks: true,
                accurateTrackBounce: true,
            });
        </script>
        <noscript
            ><div>
                <img
                    src="https://mc.yandex.ru/watch/7904578"
                    style="position: absolute; left: -9999px"
                    alt=""
                /></div
        ></noscript>
        <!-- /Yandex.Metrika counter -->
        
    </body>
</html>
