-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (124 loc) · 4.77 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
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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Esan testi pure-css-accordion</title>
<link rel="stylesheet" href="./huu.css">
<style>
body {
font-family: Roboto, Verdana, Geneva, Tahoma, sans-serif;
background-color: #fff;
top: 0;
bottom: 0;
left: 0;
z-index: 100;
padding: 90px 0 0;
}
</style>
</head>
<body>
<p style="text-align: center; color:green;">
Todo: tämän voisi vetää vaan jonnekin leftnavi:n sisään tms.
</p>
<section class="ac-container">
<div>
<input id="menu1" type="checkbox">
<label for="menu1">
Etusivu (Todo)
</label>
</div>
<div>
<input id="menu2" type="checkbox">
<label for="menu2" (click)="open(content)">
Jotain (ei tee mitään)
</label>
</div>
<!-- <div>
<input id="ac-toka" type="checkbox" checked>
<label for="ac-toka">Ei vielä toimintoi</label>
</div> -->
<div class="ac-alasveto">
<input id="menu4" type="checkbox">
<label for="menu4">
Alitoimintoja
</label>
<article>
<p>
<i class="fa fa-tags"></i>
<!-- <span routerLink="/login">Eka valinta (login)</span> -->
<span> Eka toiminto </span>
</p>
<!-- <a routerLink="/huu">Toinen valinta</a> -->
<p>
<i class="fa fa-paw"></i>
<span>Toka (jotain)</span>>
</p>
<p routerLink="/dashboard">
<i class="fa fa-leaf"></i>
Kolmas (ei tee mittään)
</p>
</article>
</div>
<!-- <p style="margin:0; padding: 5px 10px;">Muut toiminnot</p> -->
<div class="ac-alasveto">
<!-- <input id="ac-viisi" type="checkbox" checked> -->
<input id="menu5" type="checkbox">
<label for="menu5">
Tekstii 1
</label>
<article>
<p>
<i class="fa fa-paw" style="color:#777;"></i>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque vitae nesciunt placeat eveniet illo
aliquam quia quisquam rem deleniti officiis id harum, voluptatibus sapiente quo illum iste animi at
cupiditate!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque vitae nesciunt placeat eveniet illo
aliquam quia quisquam rem deleniti officiis id harum, voluptatibus sapiente quo illum iste animi at
cupiditate!
</p>
</article>
</div>
<div class="ac-alasveto">
<input id="menu6" type="checkbox">
<label for="menu6">
Tekstii 2
</label>
<article>
<p>
<i class="fa fa-home"></i>
Kait tänne saisi jonkun kuvankin !!
<br>
<img src="https://media.geeksforgeeks.org/wp-content/uploads/20210915115837/gfg3-300x300.png"
alt="GFG image" />
</p>
</article>
</div>
<div class="ac-alasveto">
<!-- <input id="ac-seiska" type="checkbox" checked> -->
<input id="menu7" type="checkbox">
<label for="menu7">
Tiedotteita
</label>
<article>
<p style="background-color:#F3DE9D"">
<i class="fa fa-info-circle" style="color:#777;"></i>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Illo in earum impedit corporis saepe consequatur iusto tempore, sint nisi incidunt placeat perspiciatis eum, repellendus praesentium quisquam. Nobis officiis omnis animi.
</p>
</article>
</div>
<div class=" ac-alasveto">
<!-- Voi laittaa "checked" päälle jos haluaa oletuksena auki -->
<input id="menu8" type="checkbox" checked>
<label for="menu8">
Todo
</label>
<article>
<p>
<i class="fa fa-info-circle"></i>
<span>Ok, nyt pitäisi oikean reunan "chevron" kuvakkeet kääntyä oikein up/down riippuen onko auki/kiinni !</span>
</p>
</article>
</div>
</section>
</body>