<!doctype html>
<html lang="en">
<head>
<!-- Required Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title, Description, and Author -->
<title>Presta - Free Bootstrap Bike Repair Template</title>
<meta name="description" content="Presta is a Free Bootstrap Bike Repair Template.">
<!-- Favicon and Touch Icons -->
<link rel="icon" type="image/png" sizes="512x512" href="{dreamer-cms:template /}assets/favicon/favicon-512x512.png">
<!-- Google Fonts Files -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="{dreamer-cms:template /}assets/css/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
<!-- CSS Files -->
<link rel="stylesheet" href="{dreamer-cms:template /}assets/css/presta-pro-bsb.css">
<link rel="stylesheet" href="{dreamer-cms:template /}assets/css/swiper-bundle.min.css">
<!-- BSB Head -->
</head>
<body>
<!-- Hero 5 Pro - Bootstrap Brain Component -->
<section class="py-4 py-md-5 py-xl-8">
<div class="container">
<div class="row">
<div class="col-12">
<div class="container-fluid bsb-hero-pro-5 bsb-overlay border border-dark"
style="--bsb-overlay-opacity: 0.5; --bsb-overlay-bg-color: var(--bs-light-rgb); background-image: url('./assets/img/hero/hero-img-1.webp');">
<div class="justify-content-md-center align-items-center" style="display: flex;padding: 30px 0;">
<div class="col-12 col-md-11 col-xl-10X">
<!-- Slider Swiper Container -->
<div class="swiper bsb-hero-pro-5-swiper"
style="--swiper-navigation-size: 36px; --swiper-navigation-color: var(--bs-primary);">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
{dreamer-cms:list typeid="5hdb1085" pagenum="0" pagesize="3" flag="p" formkey="r6337ti9" addfields="img_url"}
<div class="swiper-slide">
<a href="[field:img_url/]">
<img src="[field:litpic /]" alt="[field:title /]" style="width: 100%">
</a>
</div>
{/dreamer-cms:list}
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Javascript Files: Vendors -->
<script src="{dreamer-cms:template /}assets/controller/bootstrap.bundle.min.js"></script>
<script src="{dreamer-cms:template /}assets/controller/swiper-bundle.min.js"></script>
<!-- Javascript Files: Controllers -->
<script src="{dreamer-cms:template /}assets/controller/presta-pro-bsb.js"></script>
<script src="{dreamer-cms:template /}assets/controller/hero-5.js"></script>
<script src="{dreamer-cms:template /}assets/controller/fact-6.js"></script>
<script src="{dreamer-cms:template /}assets/controller/testimonial-5.js"></script>
<script src="{dreamer-cms:template /}assets/controller/service-3.js"></script>
<script src="{dreamer-cms:template /}assets/controller/blog-4.js"></script>
<script src="{dreamer-cms:template /}assets/controller/client-4.js"></script>
</body>
</html>