Wiki source code of eMagiz Academy
Version 55.1 by Erik Bakker on 2022/04/25 15:42
Hide last authors
| author | version | line-number | content |
|---|---|---|---|
 |
55.1 | 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 | |||
| |
52.1 | 60 | </div> |
| |
55.1 | 61 | |
| 62 | </body> | ||
| 63 | |||
| 64 | </html> | ||
| 65 | {{/html}} | ||
| 66 |