One Hat Cyber Team

Your IP : 172.71.120.55

Server IP : 188.114.96.7

Server : Linux advantage-project 5.14.0-503.26.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Feb 19 16:28:19 UTC 2025 x86_64

Server Software : Apache/2.4.62 (Rocky Linux) OpenSSL/3.2.2

PHP Version : 8.3.17

Buat File | Buat Folder

Dir : ~/var/www/htmlOld/theme/dev/components/section/

Edit File: _blog-carousel.pug

include ../post/_post

// Blog carousel
section.section-md.bg-transparent
	.container
		.row.row-5.align-items-center
			.col-md-5( data-animate!={ class: 'fadeIn' } )
				h2 Our Blog
			.col-md-7( data-animate!={ class: 'fadeIn', delay: '.2s' } )
				p.font-weight-medium Read the latest news from the world of NGO & charity written daily by our team, volunteers, and global partners.
		// Swiper slider
		.swiper-carousel
			.swiper-container( data-swiper!={
				breakpoints: {
					576:  {
						slidesPerView: 2,
						spaceBetween:  15
					},
					768:  {
						slidesPerView: 3,
						spaceBetween:  30
					}
				},
				loop: false,
				pagination: {
					type: 'custom'
				} } )
				// Additional required wrapper
				.swiper-wrapper
					// Slides
					.swiper-slide
						+post-shadow({
							img:     'blog-01-370x257',
							title:   '5 Charities That Build Homes For People',
							date:    'November 12, 2020'
						})

.swiper-slide
						+post-shadow({
							img:     'blog-02-370x257',
							title:   '3 Ways You Can Give Back During Holidays',
							date:    'November 12, 2020'
						})

.swiper-slide
						+post-shadow({
							img:     'blog-03-370x257',
							title:   'The Road To Charity Isn’t Paved With Ease',
							date:    'November 12, 2020'
						})

.swiper-slide
						+post-shadow({
							img:     'blog-04-370x257',
							title:   'Aid for Japan: The Charity for Orphans',
							date:    'November 12, 2020'
						})

.swiper-slide
						+post-shadow({
							img:     'blog-05-370x257',
							title:   '5 Excellent Global Charitable Causes',
							date:    'November 12, 2020'
						})

.swiper-slide
						+post-shadow({
							img:     'blog-06-370x257',
							title:   'How Much Can You Afford To Give?',
							date:    'November 12, 2020'
						})

.swiper-controls
					// Pagination
					.swiper-pagination

// Scrollbar
					.swiper-progress
						.swiper-progress-bar

// Navigation
					.swiper-buttons
						.swiper-button-prev.mdi-chevron-left
						.swiper-button-next.mdi-chevron-right