From 248116d1ac42a81063469502ef15910896a753e2 Mon Sep 17 00:00:00 2001 From: mdfarid01 Date: Fri, 18 Oct 2024 01:01:03 +0530 Subject: [PATCH] Add start rating feature --- index.html | 301 ++++++++++++++++++++++++++++------------------------- style.css | 33 +++++- 2 files changed, 186 insertions(+), 148 deletions(-) diff --git a/index.html b/index.html index 650f7c40..7f03bd6b 100644 --- a/index.html +++ b/index.html @@ -613,155 +613,168 @@

Contact Our Customer Support Team

- - - - - -
- - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + - - - \ No newline at end of file + diff --git a/style.css b/style.css index 8890a47c..4d4c0fec 100644 --- a/style.css +++ b/style.css @@ -1917,8 +1917,33 @@ button { } } -@media only screen and (max-width: 700px) { - .footer-bottom { - width: 1000vw !important; - } +/* Feedback Star Rating */ + +.star_rating { + display: flex; + justify-content: center; + margin-top: -20px; + margin-left: 30px; + flex-direction: row-reverse; +} + +.star_rating input { + display: none; } + +.star_rating label { + font-size: 46px; + color: #ddd; + cursor: pointer; + transition: color 0.2s; +} + +.star_rating input:checked ~ label { + color: #ffca28; +} + +.star_rating label:hover, +.star_rating label:hover ~ label { + color: #ffca28; + } + \ No newline at end of file