notman-cafeosmo-dashboard/index.html at master · maison-notman-house/notman-cafeosmo-dashboard · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE HTML>
<html>
  <head>
    <title> Notman Caf&eacute; OSMO Dashboard </title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="style/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="style/notman.css">
  </head>
  <body>
    <ul>
       <li class="slide-image" ><img src="./images/slides/logo.png"></li>
       <li class="slide-image" ><img src="./images/slides/00001.jpg"></li>
       <li class="slide-image" ><img src="./images/slides/00002.jpg"></li>
       <li class="slide-image" ><img src="./images/slides/00003.jpg"></li>
       <li class="slide-image" ><img src="./images/slides/00004.jpg"></li>
       <li class="slide-image" ><img src="./images/slides/00005.jpg"></li>
       <li class="slide-image" ><img src="./images/slides/00006.jpg"></li>
       <li class="slide-image" ><img src="./images/slides/00007.jpg"></li>
       <li class="slide-image" ><img src="./images/slides/00008.jpg"></li>
       <li class="slide-image" ><img src="./images/slides/00009.jpg"></li>
       <li class="slide-image" ><img src="./images/slides/00010.jpg"></li>
       <li class="slide-image" ><img src="./images/slides/00011.jpg"></li>
       <li class="slide-image" ><img src="./images/slides/00012.jpg"></li>
       <li class="slide-image" ><img src="./images/slides/00013.jpg"></li>
       <li class="slide-image" ><img src="./images/slides/00014.jpg"></li>
    </ul>
    <div id="credits">Photos sur Instagram • Photos from Instagram</div>
    <div id="logo" class="logo"><img src="./images/logo.jpg"/></div>
    <div id="logo-notman" class="logo"><img src="./images/notman_logo.png"/></div>
    <div id="logo-reelyactive" class="logo"><img src="./images/reelyactive_logo.png"/></div>

    <script language="javascript">

        var slideIndex = 0;
        var sleep = 7000;
        carousel();

        function carousel() {
            var i;
            var x = document.getElementsByClassName("slide-image");
            for (i = 0; i < x.length; i++) {
                x[i].style.display = "none";
            }
            slideIndex++;
            if (slideIndex > x.length) {slideIndex = 1}
            x[slideIndex-1].style.display = "block";
            setTimeout(carousel, sleep);
        }
    </script>
  </body>
</html>