-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
72 lines (70 loc) · 2.12 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Policing the Truth</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="Container">
<div class="TvColumn">
<div id="TvBl" class="TvBox">
<div class="Rectangle"></div>
<img class="Evidence" />
</div>
<div id="TvTl" class="TvBox">
<div class="Rectangle"></div>
<img class="Evidence" />
</div>
</div>
<div class="StatisticsColumn">
<div class="Statistics">
<h1 class="title">Policing the Truth</h1>
<h3 class="prompt">
<!-- Reduced class name for brevity -->
<!-- Placeholder content -->
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
</h3>
<svg class="Public-opinion" width="50%">
<rect
class="Bar"
id="Positive"
x="5%"
y="10%"
height="80%"
fill="#22C55E"
></rect>
<rect
class="Bar"
id="Negative"
x="35%"
y="30%"
height="60%"
fill="#EF4444"
></rect>
</svg>
<div class="Column-wrapper">
<div class="Column">Column 1</div>
<div class="Column">Column 2</div>
<div class="Column">Column 3</div>
<div class="Column">Column 4</div>
</div>
</div>
</div>
<div class="TvColumn">
<div id="TvBr" class="TvBox">
<div class="Rectangle"></div>
<img class="Evidence" />
</div>
<div id="TvTr" class="TvBox">
<div class="Rectangle"></div>
<img class="Evidence" />
</div>
</div>
</div>
</body>
</html>