welcome.blade.php 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <link rel="stylesheet" href="{{asset('main.css')}}">
  8. </head>
  9. <body>
  10. <header>
  11. <section class="hedContain">
  12. <img class="img" src="{{ asset('image02.jpg') }}" alt="">
  13. <nav class="hedLinks">
  14. <a class="hedLink" href="#">Главная</a>
  15. <a class="hedLink" href="#">подать заявку</a>
  16. <a class="hedLink" href="#">регистрация</a>
  17. </nav>
  18. </section>
  19. </header>
  20. <main>
  21. <section class="slider">
  22. <img id="img" src="{{ asset('image001.webp') }}" alt="">
  23. </section>
  24. </main>
  25. <footer>
  26. <section class="fooCon">
  27. <a class="fooLink" href="#">Link</a>
  28. <a class="fooLink" href="#">Link</a>
  29. <a class="fooLink" href="#">Link</a>
  30. </section>
  31. <section class="fooCon">
  32. <a class="fooLink" href="#">Link</a>
  33. <a class="fooLink" href="#">Link</a>
  34. <a class="fooLink" href="#">Link</a>
  35. </section>
  36. <section class="fooCon">
  37. <a class="fooLink" href="#">Link</a>
  38. <a class="fooLink" href="#">Link</a>
  39. <a class="fooLink" href="#">Link</a>
  40. </section>
  41. </footer>
  42. <script>
  43. let Set = setInterval(()=>{
  44. document.getElementById('img').src ="{{ asset('image001.webp') }}";
  45. setTimeout(()=>{
  46. document.getElementById('img').src ="{{ asset('image02.jpg') }}";
  47. },3000)
  48. setTimeout(()=>{
  49. document.getElementById('img').src ="{{ asset('image03.png') }}";
  50. },6000)
  51. setTimeout(()=>{
  52. document.getElementById('img').src ="{{ asset('image04.jpg') }}";
  53. },9000)
  54. },12000)
  55. </script>
  56. </body>
  57. </html>