123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 |
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Presta - Free Bootstrap Bike Repair Template</title>
- <meta name="description" content="Presta is a Free Bootstrap Bike Repair Template.">
-
- <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/swiper-bundle.min.css">
- <style>
- @media (min-width:768px) {
- .swiper {
- --swiper-navigation-size: 50px;
- --swiper-navigation-sides-offset: 20px;
- }
- }
- @media (max-width:769px) {
- .swiper {
- --swiper-navigation-size: 25px;
- --swiper-navigation-sides-offset: 20px;
- }
- }
- </style>
- </head>
- <body>
- <section class="pt-1 pt-md-3 pt-xl-1">
- <div class="" style="overflow: hidden;">
- <div class="row gx-0">
- <div class="swiper bsb-hero-pro-5-swiper" style=" --swiper-theme-color: #a9afb487;padding: 0;">
- <div class="swiper-wrapper">
-
- {dreamer-cms:list typeid="9jdjs0s8" pagenum="0" pagesize="3" flag="p"}
- <div class="swiper-slide">
- <a href="#">
- <img data-src="[field:litpic /]" alt="[field:title /]" style="width: 100%;height: auto;">
- </a>
- </div>
- {/dreamer-cms:list}
- </div>
- <div class="swiper-pagination"></div>
-
- </div>
- </div>
- </div>
- </section>
- <script src="{dreamer-cms:template /}assets/js/swiper-bundle.min.js"></script>
- <script>
- var mySwiper = new Swiper('.swiper', {
-
- autoplay: true,
- loop: true,
-
- pagination: {
- el: '.swiper-pagination',
- clickable: true
- },
-
-
-
-
-
-
- scrollbar: {
- el: '.swiper-scrollbar',
- },
- })
- </script>
- </body>
- </html>
|