From b041cae6c262db062a940aa3c07fd30acd65a8ea Mon Sep 17 00:00:00 2001
From: Ratnadeep Rajendra Kharade <92khra1mst@hft-stuttgart.de>
Date: Thu, 29 Oct 2020 21:15:44 +0100
Subject: [PATCH] added description for category
---
public/index.html | 17 +++++++++++++++++
public/style.css | 5 +++++
2 files changed, 22 insertions(+)
diff --git a/public/index.html b/public/index.html
index f48cfe9..dca6363 100644
--- a/public/index.html
+++ b/public/index.html
@@ -80,6 +80,23 @@
</select>
<div id="category-validation" class="error-message">Please select the category.</div>
+ <div class="more-information">
+ <div>
+ <h4> <span>ⓘ</span> More Information</h4>
+ </div>
+ <div>
+ <div>1) Mixed-ability group: It represents a standard classroom that includes learners whose average
+ scores in English range from 0 to 20.</div>
+ <div>2) High-ability group: This category represents learners of a very good level of English. This can be
+ determined by the English school average scale 16-20.</div>
+ <div>3) Good-ability group: This category represents learners of good level of English. This can be
+ determined by the English school average scale 13-15.99.</div>
+ <div>4) Average-ability group: This category includes learners of average level of English. This can be
+ determined by the English average scale 10-13.99.</div>
+ <div>5) Low-ability group: This category includes learners of low level of English. This can be determined
+ by the English school average that is lower than 10.</div>
+ </div>
+ </div>
</div>
<div>
<div>
diff --git a/public/style.css b/public/style.css
index 3067a00..82f1b28 100644
--- a/public/style.css
+++ b/public/style.css
@@ -132,3 +132,8 @@ button:hover {
display: none;
}
+.more-information {
+ font-size: 12px;
+ font-style: italic;
+}
+
--
GitLab