查看文件: index.php

大小: 5.93 KB

类型: application/octet-stream

<!doctype html>

<title>Medic Care Bootstrap 5 CSS Template</title>

</head>
 
          <main>
           <nav class="navbar navbar-expand-lg bg-light fixed-top shadow-lg">
                <div class="container">
                    <a class="navbar-brand mx-auto d-lg-none" href="index.html">
                       Skybni Home
                    
                  </a>

<li class="nav-item">
                                <a class="nav-link" href="#about">About</a>
                            </li>

<li class="nav-item">
                                <a class="nav-link" href="#timeline">Timeline</a>
                            </li>

<a class="navbar-brand d-none d-lg-block" href="index.html">
                            Skybni Home</a>

<li class="nav-item">
                                <a class="nav-link" href="#reviews">Testimonials</a>
                            </li>

<li class="nav-item">
                                <a class="nav-link" href="#booking">Booking</a>
                            </li>

<li class="nav-item">
                                <a class="nav-link" href="#contact">Contact</a>
                            </li>
                        </ul>
                    </div>

</div>
           </nav>
        </main>

<h1>Flexisel</h1>

<p>Flexisel will adapt responsively as the screen width gets smaller...</p>

<p>You can also change the number of items shown depending on the screen width.</p>
<ul id="fD5"> 
 <? for ( $i=1 ; $i<27 ; $i++ ) { ?>
    <li><img src="img/100/a<?= $i?>.jpg" /></li>
 <? } ?>   
                                                             
</ul>

<p>And you can set whether you want the slider to be infinite or not.</p>

$(window).load(function() {
    //$("#flexiselDemo3").flexisel();
 
    
    $("#fD1").flexisel({
        visibleItems: 5,
        itemsToScroll: 1,         
        autoPlay: {
            enable: true,
            interval: 5000,
            pauseOnHover: true
        }        
    });
    
    $("#fD2").flexisel({
        infinite: false     
    });  
	  
     $("#fD3").flexisel({
        infinite: false     
    }); 
	$("#fD4").flexisel({
        infinite: false     
    });
	  $("#fD5").flexisel({
        visibleItems: 7,
        itemsToScroll:3,         
        autoPlay: {
            enable: true,
            interval: 5000,
            pauseOnHover: true
        }        
    }); 
	 
});
</script>

<script src="js/bootstrap.bundle.min.js"></script>
         
        <script src="js/scrollspy.min.js"></script>
     
        <script src="js/custom.js"></script>
<!--

TemplateMo 566 Medic Care

https://templatemo.com/tm-566-medic-care

-->
    </body>
</html>