| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <link rel="stylesheet" href="{{asset('main.css')}}">
- </head>
- <body>
- <header>
- <section class="hedContain">
- <img class="img" src="{{ asset('image02.jpg') }}" alt="">
- <nav class="hedLinks">
- <a class="hedLink" href="#">Главная</a>
- <a class="hedLink" href="#">подать заявку</a>
- <a class="hedLink" href="#">регистрация</a>
- </nav>
- </section>
- </header>
- <main>
- <section class="slider">
- <img id="img" src="{{ asset('image001.webp') }}" alt="">
- </section>
- </main>
- <footer>
- <section class="fooCon">
- <a class="fooLink" href="#">Link</a>
- <a class="fooLink" href="#">Link</a>
- <a class="fooLink" href="#">Link</a>
- </section>
- <section class="fooCon">
- <a class="fooLink" href="#">Link</a>
- <a class="fooLink" href="#">Link</a>
- <a class="fooLink" href="#">Link</a>
- </section>
- <section class="fooCon">
- <a class="fooLink" href="#">Link</a>
- <a class="fooLink" href="#">Link</a>
- <a class="fooLink" href="#">Link</a>
- </section>
- </footer>
- <script>
- let Set = setInterval(()=>{
- document.getElementById('img').src ="{{ asset('image001.webp') }}";
-
- setTimeout(()=>{
- document.getElementById('img').src ="{{ asset('image02.jpg') }}";
- },3000)
- setTimeout(()=>{
- document.getElementById('img').src ="{{ asset('image03.png') }}";
- },6000)
- setTimeout(()=>{
- document.getElementById('img').src ="{{ asset('image04.jpg') }}";
- },9000)
- },12000)
- </script>
- </body>
- </html>
|