Changes for page Academy

Last modified by Erik Bakker on 2024/09/24 16:12

From version 29.1
edited by Erik Bakker
on 2022/04/21 15:46
Change comment: Added object
To version 25.1
edited by Erik Bakker
on 2022/04/21 15:40
Change comment: Added object

Summary

Details

XWiki.GadgetClass[1]
content
... ... @@ -1,9 +1,60 @@
1 1  {{html}}
2 -<div class="card">
3 - <img src="img_avatar.png" alt="Avatar" style="width:100%">
4 - <div class="container">
5 - <h4><b>John Doe</b></h4>
6 - <p>Architect & Engineer</p>
2 +<div class="card-container">
3 + <div class="card card-1">
4 + <div class="card-img"></div>
5 + <a href="" class="card-link">
6 + <div class="card-img-hovered"></div>
7 + </a>
8 + <div class="card-info">
9 + <div class="card-about">
10 + <a class="card-tag tag-news">NEWS</a>
11 + <div class="card-time">6/11/2018</div>
12 + </div>
13 + <h1 class="card-title">There have been big Tesla accident at New Jersey</h1>
14 + <div class="card-creator">by <a href="">Sardorbek Usmonov</a></div>
15 + </div>
7 7   </div>
17 + <div class="card card-2">
18 + <div class="card-img"></div>
19 + <a href="" class="card-link">
20 + <div class="card-img-hovered"></div>
21 + </a>
22 + <div class="card-info">
23 + <div class="card-about">
24 + <a class="card-tag">Tech</a>
25 + <div class="card-time">6/07/2018</div>
26 + </div>
27 + <h1 class="card-title">Samsung laptops is exploding again</h1>
28 + <div class="card-creator">by <a href="">Tyler Platt</a></div>
29 + </div>
30 + </div>
31 + <div class="card card-3">
32 + <div class="card-img"></div>
33 + <a href="" class="card-link">
34 + <div class="card-img-hovered"></div>
35 + </a>
36 + <div class="card-info">
37 + <div class="card-about">
38 + <a class="card-tag tag-deals">Deals</a>
39 + <div class="card-time">5/27/2018</div>
40 + </div>
41 + <h1 class="card-title">Apple is having big Sale for the first time</h1>
42 + <div class="card-creator">by <a href="">Timur Mirzoyev</a></div>
43 + </div>
44 + </div>
45 + <div class="card card-4">
46 + <div class="card-img"></div>
47 + <a href="" class="card-link">
48 + <div class="card-img-hovered"></div>
49 + </a>
50 + <div class="card-info">
51 + <div class="card-about">
52 + <a class="card-tag tag-politics">Politics</a>
53 + <div class="card-time">5/20/2018</div>
54 + </div>
55 + <h1 class="card-title">Net-Nutrality is coming to its end</h1>
56 + <div class="card-creator">by <a href="">Gregoy Trem</a></div>
57 + </div>
58 + </div>
8 8  </div>
9 9  {{/html}}