htmlfrontend/admin.html at main · roge64/htmlfrontend · 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
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Example Comment</title>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
	<link rel="stylesheet" href="estilos/adminstyle.css">
</head>

<body>
	<div class="container">
	<div class="comment-card">
		<div class="card-content">
			<div class="comment-text-container">
				<div class="comment-content">
					<span class="comment-text">
            You are running short of <span class="entity brand">CP flavor</span>, order more.   April is also a season for newly born, perhaps you should order<span class="entity country">Baby Shower decorations</span>.</span>
            <span class="comment-timestamp">11:17 - 4 March 2022</span>
				</div>
			</div>
			<ul class="comment-properties">
        <dl>
            <dt>BM flavor</dt><dd>11</dd>
            <dt>CP flavor</dt><dd>5</dd>
            <dt>MP flavor</dt><dd>8</dd>
            <dt></dt><dd></dd>
            <dt>Happy Birthday deco</dt><dd>35</dd>
            <dt>Baby Shower deco</dt><dd>7</dd>
            <dt>Happy Anniversary deco</dt><dd>16</dd>
            <dt>Get Well Soon deco</dt><dd>13</dd>
            <dt></dt><dd></dd>
            <dt>Orders BM</dt><dd>2.5</dd>
            <dt>Orders CP</dt><dd>3.5</dd>
            <dt>Orders PM</dt><dd>1</dd>
          </dl>
      </ul>
			<div class="labels">

          <form class="add-label">
            <input type="text" class="add-label-input" placeholder="Print reports" />
            <button type="submit" class="label-button">Print</button>
          </form>
        </div>
    </div>
  </div>
  <footer>
    <p style="color:#b49760"> Copyright &copy; 2021-<script>document.write(new Date().getFullYear())</script> Rogelio Valdés All Rights Reserved</p>
    <article id="footer1"></article>
</footer>
</body>

</html>