From 29d2f4c335525d9c7855c3d3430997e5a2c82fa2 Mon Sep 17 00:00:00 2001 From: Alisha-21-cloud Date: Fri, 18 Jul 2025 05:57:21 +0530 Subject: [PATCH] created interactive and modern ui for the both pages --- templates/home.html | 571 +++++++++++++++++++++++++++++++++++-------- templates/index.html | 441 ++++++++++++++++++++++++++++++++- 2 files changed, 904 insertions(+), 108 deletions(-) diff --git a/templates/home.html b/templates/home.html index ef031c20..f95a29cb 100644 --- a/templates/home.html +++ b/templates/home.html @@ -1,111 +1,468 @@ - + + + + + + Student Exam Performance Predictor + + -
-

Student Exam Performance Indicator

- -
-

- Student Exam Performance Prediction -

-
- - +
+

📚 Student Exam Performance Predictor

+ +
+
-
- - + + +
+ + +
Please select your gender
+
+ +
+ + +
Please select your ethnicity
+
+ +
+ + +
Please select parental education level
+
+ +
+ + +
Please select lunch type
+
+ +
+ + +
Please select test preparation status
+
+ +
+
+ +
+ +
+
+
Please enter a valid reading score (0-100)
+
+ +
+ +
+ +
+
+
Please enter a valid writing score (0-100)
+
+
+ + + + +
+
+ {% if results %} +
🎯
+
Predicted Math Score: {{ results }}
+ {% endif %} +
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- -
- -

- THE prediction is {{results}} -

- +
+ + + \ No newline at end of file diff --git a/templates/index.html b/templates/index.html index 6afd819d..1890f6e6 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1 +1,440 @@ -

Welcome to the home page

\ No newline at end of file + + + + + + Student Exam Performance Predictor + + + + +
+ + +
📚
+
🎓
+
📊
+
🔬
+ +
+ +
+
🎯
+

Student Exam Performance Predictor

+

Harness the power of machine learning to predict student mathematics performance based on comprehensive demographic and academic factors.

+ + +
+
+
95%
+
Accuracy
+
+
+
1000+
+
Predictions
+
+
+
⚡
+
Instant Results
+
+
+ + + 🚀 Start Prediction + +
+ + +
+
+ 🤖 +

AI-Powered Prediction

+

Advanced machine learning algorithms analyze multiple factors to provide accurate performance predictions.

+
+ +
+ 📈 +

Comprehensive Analysis

+

Considers demographics, education background, and existing scores for holistic assessment.

+
+ +
+ ⚡ +

Instant Results

+

Get immediate predictions with detailed insights to help improve academic performance.

+
+
+ + +
+

© 2025 Student Performance Predictor | Powered by Machine Learning

+
+
+ + + + \ No newline at end of file