dashboard/index.html at main · finesse-2823/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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
      crossorigin="anonymous"
    />
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
      crossorigin="anonymous"
    ></script>
    <script
      src="https://kit.fontawesome.com/90b91443f6.js"
      crossorigin="anonymous"
    ></script>


    <link rel="stylesheet" href="/styles.css" />
</head>
<body style="background-image: url(/images/bg.png); background-repeat: no-repeat; ">

      <div>
      <img src="/images/logo.jpg" alt="" width="300" height="240" class="d-inline-block align-text-center" style="border-radius: 50%; border: 2rem; border-color: black; filter: brightness(120%); filter: contrast(120%); filter: drop-shadow(10px 10px 10px green); padding-top: 1rem; padding-left: 2rem; padding-right: 2rem; padding-bottom: 1rem; position: relative;">


      <div style="float: right; padding-right: 5rem; padding-top: 3rem;">
        <h1 style="padding-left: 0rem; padding-top:  ;">
          <p style="font-family: Comic Sans MS; font-size: 60px; font-weight: bold;">
            S'O'A FABLAB
          </p>
          <p style="font-family: Comic Sans MS; font-size: 25px;">Powered by Karkhana</p>
        </h1>
      </div>


    </div>

    <div class="container">
      <div class="avatar">
          <a href="#">
              <img src="images/open_4.png" style="padding-right: 1rem;" alt="open" />
          </a>
       </div>
   </div>


    <!-- SlideShow of Images -->

    <div class="slider">
      <div class="rotator">
         <div class="items">
            <img src="/images/slideshow/DSC_4046.JPG" alt="items photo" />
         </div>
         <div class="items">
            <img src="/images/slideshow/DSC_4056.JPG" alt="items photo" />
         </div>
         <div class="items">
            <img src="/images/slideshow/DSC_4086.JPG" alt="items photo" />
         </div>
         <div class="items">
            <img src="/images/slideshow/DSC_4090.JPG" alt="items photo" />
         </div>
         <div class="items">
            <img src="/images/slideshow/DSC_4091.JPG" />
         </div>
         <div class="items">
            <img src="/images/slideshow/DSC_4104.JPG" alt="items photo" />
         </div>
         <div class="items">
            <img src="/images/slideshow/DSC_4106.JPG" alt="items photo" />
         </div>
         <div class="items">
            <img src="/images/slideshow/DSC_4108.JPG" alt="items photo" />
         </div>
         <div class="items">
            <img src="/images/slideshow/DSC_4110.JPG" alt="items photo" />
         </div>
      </div>
   </div>

   <div class="card" style="margin-bottom: 410px;margin-top: -100;top: -100;top: -200;margin-top: ‒200;bottom: 80px;left: 95px;top: -80;">
    <img src="/images/qrCode.png" alt="Avatar" style="width: 100%;">
   </div>

   <div id="time" style="margin-bottom: 50%; margin-left: 50px">
   </div>

   <script src="query.js"></script>
</body>
</html>