Bootstrap 4 Cards with Swiper Slider

page.php

<div class="container-fluid">
	<div class="swiper-container">
		<div class="swiper-wrapper">
      
				<?php $the_query=new WP_Query( array( 'post_type'=> 'project' ) ); ?>
				<?php if ( $the_query->have_posts() ) : ?>
				<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
				<?php $featured_img_url=get_the_post_thumbnail_url(get_the_ID(), 'full'); ?>
	
					<div class="swiper-slide card">
						<img class="card-img-top" src="<?php echo $featured_img_url ?>" alt="<?php the_title(); ?>">
						<div class="card-body">
							<h4 class="card-title"><?php the_title(); ?></h4>
							<p class="card-text"><?php the_content(); ?></p>
						</div>
					</div>

				<?php endwhile; ?>
				<?php wp_reset_postdata(); ?>
				<?php else : ?>
				<p>
					<?php esc_html_e( 'Sorry, no posts matched your criteria.' ); ?>
				</p>
				<?php endif; ?>
      
			</div>
		</div>
	</div>