SkeletonPlus/test.html at master · LucasCtrl/SkeletonPlus · 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
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>SkeletonPlus</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" media="screen" href="./dist/css/app.css" />
</head>
<body style="margin-bottom: 150px;">
  <div class="container" style="margin-top: 150px;">
    <div class="container">
      <div class="card card-rounded">
        <img src="./dist/img/MOTD_personnalise.png" alt="" class="card-image">
        <div class="card-content">
          <div class="card-title">Hello World</div>
          <div class="card-body">Ut dolor occaecat qui ex et sit anim id. Tempor amet dolore consequat aliqua cillum. Dolore labore quis eiusmod ad. Minim dolor velit quis tempor minim. Adipisicing ad nisi in aliqua voluptate ut. Consectetur anim anim anim ut nulla aliquip est anim. Qui exercitation ut tempor quis in aliqua cupidatat ut sint irure mollit.</div>
        </div>
      </div>
      <div style="margin-bottom: 50px;" class="status success"><i class="fa fa-check"></i>fa fa-check</div>
      <div class="row">
        <div class="four columns">
          <div class="card">
            <img src="./dist/img/MOTD_personnalise.png" alt="" class="card-image">
            <div class="card-content">
              <div class="card-title">Hello World</div>
              <div class="card-body">Dolore culpa duis nisi non do excepteur voluptate labore anim quis.</div>
            </div>
            <div class="card-status primary">
              Squared
            </div>
          </div>
        </div>
        <div class="four columns">
          <div class="card card-rounded">
            <img src="./dist/img/MOTD_personnalise.png" alt="" class="card-image">
            <div class="card-content">
              <div class="card-title">Hello World</div>
              <div class="card-body">Laboris culpa voluptate nisi velit.</div>
            </div>
            <div class="card-status primary">
              Rounded
            </div>
          </div>
        </div>
        <div class="four columns">
            <div style="margin-bottom: 10px;" class="status status-rounded success"><i class="fa fa-check"></i>fa fa-check</div>
            <div style="margin-bottom: 10px;" class="status status-rounded primary"><i class="fa fa-check"></i>fa fa-check</div>
            <div style="margin-bottom: 10px;" class="status warning"><i class="fa fa-check"></i>fa fa-check</div>
            <div class="status error"><i class="fa fa-check"></i>fa fa-check</div>
        </div>
      </div>
    </div>
    <!-- <p>You can found the documentation here : <a rel="noopener noreferrer" target="_blank" href="#">https://lucasalt.fr/SkeletonPlus/fr/</a></p> -->
  </div>
</body>
</html>