1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <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" flag="p" sortBy="weight" sortWay="desc" formkey="h4j2gb6u" addfields="href"}
- <div class="swiper-slide">
-
- <a href="[field:arcurl /]">
- <img data-src="[field:litpic /]" alt="[field:title /]" style="width: 100%;height: auto;" src="{dreamer-cms:template /}assets/img/none.png">
- </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: {
- delay: 3500
- },
- loop: true,
-
- pagination: {
- el: '.swiper-pagination',
- clickable: true
- },
-
-
-
-
-
-
- scrollbar: {
- el: '.swiper-scrollbar',
- },
- })
- </script>
- </body>
- </html>
|