Project2024
/
cms-system


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
							<!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>