Skip to Content

Wiki source code of eMagiz Academy

Version 55.1 by Erik Bakker on 2022/04/25 15:42
Show last authors
1 {{html}}
2 <html
3
4 <head>
5
6 <title>Card Hover Effect</title>
7
8 <meta name="viewport" content="width=device-width, initial-scale=1">
9
10 <link rel="stylesheet" type="text/css" media="screen" href="style.css" />
11
12 <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
13
14 crossorigin="anonymous">
15
16 </head>
17
18 <body>
19
20 <div class="container">
21
22
23
24 <div class="card">
25
26 <div class="slide slide1">
27
28 <div class="content">
29
30 <div class="icon">
31
32 <i class="fa fa-user-circle" aria-hidden="true"></i>
33
34 </div>
35
36 </div>
37
38 </div>
39
40 <div class="slide slide2">
41
42 <div class="content">
43
44 <h3>
45
46 Hello there!
47
48 </h3>
49
50 <p>Trust yourself and keep going.</p>
51
52 </div>
53
54 </div>
55
56 </div>
57
58
59
60 </div>
61
62 </body>
63
64 </html>
65 {{/html}}