<?php get_header();?>

    <!-- 图片轮播 -->
    <div class="zeng-slider">
        <div data-am-widget="slider" class="am-u-sm-12 am-slider am-slider-c3 am-no-layout" data-am-slider="{controlNav:false}">
            <div class="am-viewport" style="overflow: hidden; position: relative;">
                <ul class="am-slides" style="width: 1200%; transition-duration: 0.6s; transform: translate3d(-1125px, 0px, 0px);">
                    <li class="" style="width: 375px; float: left; display: block;">
                        <a href="#"><img src="<?php echo esc_url( get_template_directory_uri() );?>/images/vd1.png" draggable="false"></a>
                        <div class="am-slider-desc">
                            <div class="am-slider-counter"><span class="am-active">1</span>/3</div>
                             年轻是我们唯一有权力去编织梦想的时光
                        </div>
                    </li>
                    <li class="" style="width: 375px; float: left; display: block;">
                        <a href="#"><img src="<?php echo esc_url( get_template_directory_uri() );?>/images/vd2.png" draggable="false"></a>
                        <div class="am-slider-desc">
                            <div class="am-slider-counter"><span class="am-active">2</span>/3</div>
                             把生命用在记录感动和追随梦想里
                        </div>
                    </li>
                    <li style="width: 375px; float: left; display: block;" class="am-active-slide">
                        <a href="#"><img src="<?php echo esc_url( get_template_directory_uri() );?>/images/vd3.png" draggable="false"></a>
                        <div class="am-slider-desc">
                            <div class="am-slider-counter"><span class="am-active">3</span>/3</div>
                            最美的风景不是在远方,而是在心上
                        </div>
                    </li>
                </ul>
            </div>
            <ul class="am-direction-nav">
                <li class="am-nav-prev"><a class="am-prev" href="#"> </a></li>
                <li class="am-nav-next"><a class="am-next" href="#"> </a></li>
            </ul>
        </div>
    </div>

    <!-- 图片轮播 -->
    
    <!-- 文章页 -->
    <div class="zeng-page">
        <div class="am-g doc-am-g">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                <?php $query = new WP_Query( array( 'post_type' => 'page','posts_per_page' => 3) ); ?>
                <?php if($query->have_posts()): ?>
                    <?php while ($query->have_posts()) : $query->the_post();?>
                        <div class="am-u-sm-12 am-u-md-12 am-u-lg-6" id="post-<?php the_ID(); ?>">
                            <article class="blog-main">
                                <div class="am-titlebar am-titlebar-default">
                                    <h2 class="am-article-title blog-title am-titlebar-title"><a href="<?php the_permalink();?>"><?php the_title();?></a></h2>
                                </div>
                                
                                <h4 class="am-article-meta blog-meta">by <a href="<?php the_author_link();?>"><?php the_author();?></a> posted on <?php the_date().the_time();?> </h4>

                                <div class="am-g blog-content">
                                    <div class="am-u-lg-11"><?php the_content();the_tags();?></div>
                                </div>
                            </article>
                            <hr class="am-article-divider blog-hr">
                        </div>
                    <?php endwhile;?>
                <?php endif; ?>
            </div>
        </div>
    </div>
    <!-- 文章页 -->
    <?php get_footer();?>