craftnce-agency-wordpress-theme/index.php at master · mamurjordev/craftnce-agency-wordpress-theme · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<?php
    get_header();

    get_template_part('template-parts/common/breadcrumb');
?>

    <!-- Post -->
    <section class="pb-5" id="content">
        <div class="container py-5">
            <?php if(have_posts()) : ?>
            <div class="articles-wrapper row py-5 mb-5 py-lg-0">
                <?php
                    while(have_posts()) :
                        the_post();
                ?>
                <div <?php post_class('portfo-box col-md-6 col-lg-4 mt-4'); ?>>
                    <div class="card border-0  rounded-3 blog-card">
                        <?php
                            if(has_post_thumbnail()) {
                                the_post_thumbnail('large', array('class'=>'img-fluid w-100 h-100'));
                            }
                        ?>

                        <div>
                            <a class="text-dark text-decoration-none" href="<?php the_permalink(); ?>">
                                <h4 class="fw-bold my-3">
                                    <?php the_title(); ?>
                                </h4>
                            </a>
                            <p class="text-sm m-0 lh-base excerpt">
                                <?php echo get_the_excerpt(); ?>
                            </p>
                        </div>

                        <a href="<?php the_permalink(); ?>" class="single-blog-read-more-btn position-relative mt-3 text-dark text-decoration-none w-max">
                            <?php _e('Read More', 'craftnce'); ?>
                        </a>
                    </div>
                </div>
                <?php endwhile; ?>
            </div>
            <div class="pagination text-center w-max mx-auto mt-4">
                <?php
                    the_posts_pagination( array(
                        'screen_reader_text'            =>  ' ',
                        'prev_text'                     =>  '<i class="ri-arrow-left-s-fill"></i>',
                        'next_text'                     =>  '<i class="ri-arrow-right-s-fill"></i>',
                    ));
                ?>
            </div>
            <?php endif; ?>
        </div>
    </section>

<?php
    get_footer();