<!-- ======= Portfolio Section ======= -->
<section id="portfolio" class="portfolio">
	<div {% if settings.config_section %} class="{{ settings.config_section.type_container }} {{ settings.config_section.container_class }}" {% else %} class="container" {% endif %}>
		<div class="section-title">
			<h2>Portfolio</h2>
			<p>Check our Portfolio</p>
		</div>
		<div class="row" data-aos="fade-up" data-aos-delay="100">
			<div class="col-lg-12 d-flex justify-content-center">
				<ul id="portfolio-flters">
					<li data-filter="*" class="filter-active">All</li>
					<li data-filter=".filter-app">App</li>
					<li data-filter=".filter-card">Card</li>
					<li data-filter=".filter-web">Web</li>
				</ul>
			</div>
		</div>
		<div class="row portfolio-container" data-aos="fade-up" data-aos-delay="200">
			<div class="col-lg-4 col-md-6 portfolio-item filter-app">
				<div class="portfolio-wrap">
					<img src="/themes/custom/prestataires/images/portfolio/portfolio-1.jpg" class="img-fluid" alt=""/>
					<div class="portfolio-info">
						<h4>App 1</h4>
						<p>App</p>
						<div class="portfolio-links">
							<a href="/themes/custom/prestataires/images/portfolio/portfolio-1.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 1">
								<i class="bx bx-plus"></i>
							</a>
							<a href="portfolio-details.html" title="More Details">
								<i class="bx bx-link"></i>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item filter-web">
				<div class="portfolio-wrap">
					<img src="/themes/custom/prestataires/images/portfolio/portfolio-2.jpg" class="img-fluid" alt=""/>
					<div class="portfolio-info">
						<h4>Web 3</h4>
						<p>Web</p>
						<div class="portfolio-links">
							<a href="/themes/custom/prestataires/images/portfolio/portfolio-2.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 3">
								<i class="bx bx-plus"></i>
							</a>
							<a href="portfolio-details.html" title="More Details">
								<i class="bx bx-link"></i>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item filter-app">
				<div class="portfolio-wrap">
					<img src="/themes/custom/prestataires/images/portfolio/portfolio-3.jpg" class="img-fluid" alt=""/>
					<div class="portfolio-info">
						<h4>
							App 2
						</h4>
						<p>
							App
						</p>
						<div class="portfolio-links">
							<a href="/themes/custom/prestataires/images/portfolio/portfolio-3.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 2">
								<i class="bx bx-plus"></i>
							</a>
							<a href="portfolio-details.html" title="More Details">
								<i class="bx bx-link"></i>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item filter-card">
				<div class="portfolio-wrap">
					<img src="/themes/custom/prestataires/images/portfolio/portfolio-4.jpg" class="img-fluid" alt=""/>
					<div class="portfolio-info">
						<h4>
							Card 2
						</h4>
						<p>
							Card
						</p>
						<div class="portfolio-links">
							<a href="/themes/custom/prestataires/images/portfolio/portfolio-4.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 2">
								<i class="bx bx-plus"></i>
							</a>
							<a href="portfolio-details.html" title="More Details">
								<i class="bx bx-link"></i>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item filter-web">
				<div class="portfolio-wrap">
					<img src="/themes/custom/prestataires/images/portfolio/portfolio-5.jpg" class="img-fluid" alt=""/>
					<div class="portfolio-info">
						<h4>
							Web 2
						</h4>
						<p>
							Web
						</p>
						<div class="portfolio-links">
							<a href="/themes/custom/prestataires/images/portfolio/portfolio-5.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 2">
								<i class="bx bx-plus"></i>
							</a>
							<a href="portfolio-details.html" title="More Details">
								<i class="bx bx-link"></i>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item filter-app">
				<div class="portfolio-wrap">
					<img src="/themes/custom/prestataires/images/portfolio/portfolio-6.jpg" class="img-fluid" alt=""/>
					<div class="portfolio-info">
						<h4>App 3</h4>
						<p>App</p>
						<div class="portfolio-links">
							<a href="/themes/custom/prestataires/images/portfolio/portfolio-6.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 3">
								<i class="bx bx-plus"></i>
							</a>
							<a href="portfolio-details.html" title="More Details">
								<i class="bx bx-link"></i>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item filter-card">
				<div class="portfolio-wrap">
					<img src="/themes/custom/prestataires/images/portfolio/portfolio-7.jpg" class="img-fluid" alt=""/>
					<div class="portfolio-info">
						<h4>Card 1</h4>
						<p>Card</p>
						<div class="portfolio-links">
							<a href="/themes/custom/prestataires/images/portfolio/portfolio-7.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 1">
								<i class="bx bx-plus"></i>
							</a>
							<a href="portfolio-details.html" title="More Details">
								<i class="bx bx-link"></i>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item filter-card">
				<div class="portfolio-wrap">
					<img src="/themes/custom/prestataires/images/portfolio/portfolio-8.jpg" class="img-fluid" alt=""/>
					<div class="portfolio-info">
						<h4>Card 3</h4>
						<p>Card</p>
						<div class="portfolio-links">
							<a href="/themes/custom/prestataires/images/portfolio/portfolio-8.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 3">
								<i class="bx bx-plus"></i>
							</a>
							<a href="portfolio-details.html" title="More Details">
								<i class="bx bx-link"></i>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item filter-web">
				<div class="portfolio-wrap">
					<img src="/themes/custom/prestataires/images/portfolio/portfolio-9.jpg" class="img-fluid" alt=""/>
					<div class="portfolio-info">
						<h4>Web 3</h4>
						<p>Web</p>
						<div class="portfolio-links">
							<a href="/themes/custom/prestataires/images/portfolio/portfolio-9.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 3">
								<i class="bx bx-plus"></i>
							</a>
							<a href="portfolio-details.html" title="More Details">
								<i class="bx bx-link"></i>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- End Portfolio Section -->