555d1f673d
Existing links for the emojis are not working, hence have updated the links. Not the exact same as previous, but reflects the feedback statement precisely Thanks!
34 lines
1.5 KiB
HTML
34 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
|
|
<link rel="stylesheet" href="style.css" />
|
|
<title>Let Us Know Your Feedback</title>
|
|
</head>
|
|
<body>
|
|
<div id="panel" class="panel-container">
|
|
<strong>How satisfied are you with our <br /> customer support performance?</strong>
|
|
<div class="ratings-container">
|
|
<div class="rating">
|
|
<img src="https://img.icons8.com/external-neu-royyan-wijaya/64/000000/external-emoji-neumojis-smiley-neu-royyan-wijaya-17.png" alt="">
|
|
<small>Unhappy</small>
|
|
</div>
|
|
|
|
<div class="rating">
|
|
<img src="https://img.icons8.com/external-neu-royyan-wijaya/64/000000/external-emoji-neumojis-smiley-neu-royyan-wijaya-3.png" alt=""/>
|
|
<small>Neutral</small>
|
|
</div>
|
|
|
|
<div class="rating active">
|
|
<img src="https://img.icons8.com/external-neu-royyan-wijaya/64/000000/external-emoji-neumojis-smiley-neu-royyan-wijaya-30.png" alt=""/>
|
|
<small>Satisfied</small>
|
|
</div>
|
|
</div>
|
|
<button class="btn" id="send">Send Review</button>
|
|
</div>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|