Wiki source code of eMagiz Academy
Version 55.1 by Erik Bakker on 2022/04/25 15:42
Show last authors
author | version | line-number | content |
---|---|---|---|
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}} |