<?php
/*
Template Name: Главная
*/
get_header(); ?>
<div class="home3-hero">
            <div class="container-fluid">
                <div class="row row-content">
                    <div class="col-lg-6 col-head-otr">
                        <div class="col-head-inr">
                            <h1 class="head heading-h1">Рисуем, продвигаем,<br> программируем</h1>
                        </div>
                    </div>
                    <div class="col-lg-6 col-text-otr">
                        <div class="col-text-inr">
                            <p class="desc body-m">
                                У нас есть много решений для CMS, нажмите обзор для ознакомления или свяжитесь с нами для заказа индивидуальной разработки
                            </p>
                            <div class="btn-otr">
                                <a href="/topics/plugins-wordpress" class="btn-fill btn-explore">Обзор</a>
                                <a href="https://t.me/wpface" class="btn-outline1 btn-create">Связаться</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="wrapper">
                    <div class="row row-imgs">
                        <div class="col-lg-2 col-md-2 col-sm-2 col-img-otr box-1">
                            <div class="col-img-inr">
                                <img class="about-img img-fluid" src="src/assets/img/cover-img4.jpg" alt="img">
                            </div>
                            <div class="col-img-inr">
                                <img class="about-img img-fluid" src="src/assets/img/cover-img8.jpg" alt="img">
                            </div>
                            <div class="col-img-inr">
                                <img class="about-img img-fluid" src="src/assets/img/cover-img16.jpg" alt="img">
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-2 col-sm-2 col-img-otr box-2">
                            <div class="col-img-inr">
                                <img class="about-img img-fluid" src="src/assets/img/cover-img12.jpg" alt="img">
                            </div>
                            <div class="col-img-inr">
                                <img class="about-img img-fluid" src="src/assets/img/cover-img6.jpg" alt="img">
                            </div>
                            <div class="col-img-inr">
                                <img class="about-img img-fluid" src="src/assets/img/cover-img2.jpg" alt="img">
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-2 col-sm-2 col-img-otr box-3">
                            <div class="col-img-inr">
                                <img class="about-img img-fluid" src="src/assets/img/cover-img1.jpg" alt="img">
                            </div>
                            <div class="col-img-inr">
                                <img class="about-img img-fluid" src="src/assets/img/cover-img3.jpg" alt="img">
                            </div>
                            <div class="col-img-inr">
                                <img class="about-img img-fluid" src="src/assets/img/cover-img9.jpg" alt="img">
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-2 col-sm-2 col-img-otr box-4">
                            <div class="col-img-inr">
                                <img class="about-img img-fluid" src="src/assets/img/cover-img14.jpg" alt="img">
                            </div>
                            <div class="col-img-inr">
                                <img class="about-img img-fluid" src="src/assets/img/cover-img10.jpg" alt="img">
                            </div>
                            <div class="col-img-inr">
                                <img class="about-img img-fluid" src="src/assets/img/cover-img15.jpg" alt="img">
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-2 col-sm-2 col-img-otr box-5">
                            <div class="col-img-inr">
                                <img class="about-img img-fluid" src="src/assets/img/cover-img2.jpg" alt="img">
                            </div>
                            <div class="col-img-inr">
                                <img class="about-img img-fluid" src="src/assets/img/cover-img8.jpg" alt="img">
                            </div>
                            <div class="col-img-inr">
                                <img class="about-img img-fluid" src="src/assets/img/cover-img17.jpg" alt="img">
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-2 col-sm-2 col-img-otr box-6">
                            <div class="col-img-inr">
                                <img class="about-img img-fluid" src="src/assets/img/cover-img9.jpg" alt="img">
                            </div>
                            <div class="col-img-inr">
                                <img class="about-img img-fluid" src="src/assets/img/cover-img4.jpg" alt="img">
                            </div>
                            <div class="col-img-inr">
                                <img class="about-img img-fluid" src="src/assets/img/cover-img16.jpg" alt="img">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
		
		
		
		
		<div class="live-acution">
            <div class="container-fluid">
                <div class="live-auction-inr">
                    <div class="heading-otr">
                        <div class="head-otr">
                            <span class="dot"></span>
                            <h3 class="heading heading-h3">Последнее</h3>
                        </div>
                    </div>
                    <span class="line"></span>
                    <div class="row row-custom owl-carousel owl-theme" id="live-auctions">
					<?php
					
$args = array(
    'category__in' => array(2, 3, 7, 8), // Указываем ID категорий
    'posts_per_page' => 5, // Ограничиваем количество выводимых записей до 5
    'orderby' => 'date', // Сортировка по дате
    'order' => 'DESC', // По убыванию (сначала новые)
);

$query = new WP_Query($args);

if ($query->have_posts()) {
    while ($query->have_posts()) {
        $query->the_post();

        $price = get_post_meta(get_the_ID(), 'price', true);
        if (!$price) {
          $price = 0;
        }

					?>
					  
					
					
                        <div class="col-otr">
                            <div class="col-inr box1">
                                <div class="img-otr">
                                    <a href="<?=the_permalink()?>" class="tilt-otr img-tilt" data-tilt>
                                        <img class="img-inr img-fluid" src="<?=get_the_post_thumbnail_url()?>" alt="artwork-img">
                                    </a>
                                </div>
                                <div class="time-main">
                                   
                                   
                                </div>
                                <a href="<?=the_permalink()?>" class="body-mb box-head"><?=the_title()?></a>
                                <div class="bid-main">
                                    <p class="body-sb bid">Цена:</p>
                                    <p class="body-mb eth"><?=number_format($price, 0, '', ' ')?>₽</p>
                                </div>
                            </div>
                        </div>
                      
					  <?php
					        // Дополнительно вы можете добавить вывод других данных записи
    }
    wp_reset_postdata(); // Восстанавливаем глобальный объект $post
} else {
    echo 'Записей не найдено.';
}
?>
					
                    </div>
                </div>
            </div>
        </div>
		

     
<?php
get_footer();