Icon Hover Effect code: 1.index.html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Icon Hover Effect</title> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <body> <ul> <li> <div class="icon"> <a href="#"> <i class="fa fa-map-marker" aria-hidden="true"></i> <div class="text">Address</div> </a> </div> </li> <li> <div class="icon"> <a href="#"> <i class="fa fa-envelope" aria-hidden="true"></i> <div class="text">Email</div> </a> </div> […]