複製文字

@extends('layouts.master')
@section('title', '首頁')
@section('content')
<a href="{{url('Home/Index')}}" class="btn btn-success">Home Index</a>
<a href="{{url('Member/Index')}}" class="btn btn-success">Member Index</a>
<a href="{{url('Admin/Index')}}" class="btn btn-success">Admin Index</a>
<hr>
<div id="carouselExample" class="carousel slide" data-bs-ride="carousel">
      <div class="carousel-inner">
            <div class="carousel-item active">
                  <img src="{{url('images/img01.jpg')}}" class="d-block w-100">
            </div>
            <div class="carousel-item">
                  <img src="{{url('images/img02.jpg')}}" class="d-block w-100">
            </div>
            <div class="carousel-item">
                  <img src="{{url('images/img03.jpg')}}" class="d-block w-100">
            </div>
      </div>
      <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
      </button>
      <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
      </button>
</div>

<script>
      const myCarouselElement = document.querySelector('#carouselExample')

      const carousel = new bootstrap.Carousel(myCarouselElement, {
            interval: 1000
      })
</script>
@stop