diff --git a/README.md b/README.md index ea47f84..2993150 100644 --- a/README.md +++ b/README.md @@ -1 +1,7 @@ -# hackathon-projects \ No newline at end of file +# VIDYAMITRA +The Vidyamitra website serves as an educational platform designed to empower learners across various levels. It offers structured courses in English, Science, and Math, categorized into three levels: beginner, intermediate, and advanced. Each level focuses on foundational skills, gradually advancing to more complex topics. The platform aims to make learning accessible and engaging for all students. For more details, you can visit the site [here](https://vidyamitra.vercel.app/#). + +![Screenshot 2024-09-27 221544](https://github.com/user-attachments/assets/c88376e4-46f9-4175-b5aa-3fffe6aca0ad) +![Screenshot 2024-09-27 221612](https://github.com/user-attachments/assets/31c9ea4b-96bb-47db-a1df-4dd34f53239c) +![Screenshot 2024-09-27 221651](https://github.com/user-attachments/assets/90e74670-5e70-4ce2-b6dd-0fff214a71fa) +![image](https://github.com/user-attachments/assets/276ba0d1-7b7f-4b5e-bdb2-8a3c8776d259) diff --git a/back.jpg b/back.jpg new file mode 100644 index 0000000..fc09c4f Binary files /dev/null and b/back.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..b5dbdc1 --- /dev/null +++ b/index.html @@ -0,0 +1,192 @@ + + + + + + Vidyamitra - Your Learning Companion + + + + +
+ + +
+ + + +
+

Choose Your Learning Level

+
+
+
+
+

Level 1

+

Start your journey here.

+
+
+
    +
  • Engligh-Simple words and Sentence formation
    • +
  • Science-Plants & Animals Identification
    • +
  • Maths-Numbers & Counting
    • +
+
+
+
+
+
+
+

Level 2

+

Advance your knowledge.

+
+
+
    +
  • English-Phonics & Vocabulary
    • +
  • Science-Our Environment
    • +
  • Maths-Basic Operations(Addition, Subtraction)
    • +
+
+
+
+
+
+
+

Level 3

+

Master your skills.

+
+
+
    +
  • English-Parts of Speech & Comprehension
    • +
  • Science-Our Body
    • +
  • Maths-Basic Operations(Multiplication, Division)
    • +
+
+
+
+
+
+ + + +
+
+
Hello! How can I assist you today?
+
+ + +
+ + + + + + diff --git a/index1.html b/index1.html new file mode 100644 index 0000000..7ba2d0a --- /dev/null +++ b/index1.html @@ -0,0 +1,133 @@ + + + + + + Level 1 Quiz + + + +
+

Level 1 Quiz

+ + +

Math

+
+ +
+

1. What is 3 + 2?

+
+
+ +
+ + +
+

2. What is 5 - 3?

+
+
+ +
+ + +

English

+ + +
+

3. Which word is the name of a fruit?

+
+
+ +
+ + +
+

4. Complete the sentence: The sky is _____.

+
+
+ +
+ + +

Science

+ + +
+

5. Which one is a plant?

+
+
+ +
+ + +
+

6. Which one is an animal?

+
+
+ +
+ + + + +
+
+
+ + + + diff --git a/index2.html b/index2.html new file mode 100644 index 0000000..11e837b --- /dev/null +++ b/index2.html @@ -0,0 +1,133 @@ + + + + + + Level 1 Quiz: English, Math, Science + + + +
+

Level 2 Quiz

+ + +

English (Phonics and Vocabulary)

+
+ +
+

1. Which word starts with the "buh" sound?

+
+
+ +
+ + +
+

2. Which word means something you eat?

+
+
+ +
+ + +

Math (3-Digit Arithmetic)

+ + +
+

3. What is 245 + 132?

+
+
+ +
+ + +
+

4. What is 500 - 275?

+
+
+ +
+ + +

Science (Our Environment)

+ + +
+

5. Which of these helps plants grow?

+
+
+ +
+ + +
+

6. What do humans need to breathe?

+
+
+ +
+ + + + +
+
+
+ + + + diff --git a/index3.html b/index3.html new file mode 100644 index 0000000..f337c09 --- /dev/null +++ b/index3.html @@ -0,0 +1,133 @@ + + + + + + Level 1 Quiz: English, Math, Science + + + +
+

Level 3 Quiz

+ + +

English (Parts of Speech and Comprehension)

+
+ +
+

1. What part of speech is the word "run" in the sentence: "I like to run"?

+
+
+ +
+ + +
+

2. Read the sentence: "The cat is sleeping on the sofa." Where is the cat?

+
+
+ +
+ + +

Math (Multiplication and Division)

+ + +
+

3. What is 6 x 4?

+
+
+ +
+ + +
+

4. What is 12 ÷ 3?

+
+
+ +
+ + +

Science (Our Body)

+ + +
+

5. Which of these is used for seeing?

+
+
+ +
+ + +
+

6. What does the heart do in our body?

+
+
+ +
+ + + + +
+
+
+ + + + diff --git a/script.js b/script.js new file mode 100644 index 0000000..5a9fd47 --- /dev/null +++ b/script.js @@ -0,0 +1,11 @@ +// JavaScript to enable flipping the card on click +document.addEventListener("DOMContentLoaded", function () { + const flipCards = document.querySelectorAll(".flip-card"); + + flipCards.forEach((card) => { + card.addEventListener("click", function () { + const innerCard = card.querySelector(".flip-card-inner"); + innerCard.classList.toggle("flipped"); + }); + }); +}); diff --git a/script1.js b/script1.js new file mode 100644 index 0000000..9d9fa9e --- /dev/null +++ b/script1.js @@ -0,0 +1,55 @@ +function submitQuiz() { + let score = 0; + + // Math section + const q1Answer = document.querySelector('input[name="q1"]:checked'); + const q2Answer = document.querySelector('input[name="q2"]:checked'); + + // Question 1: 3 + 2 = 5 + if (q1Answer && q1Answer.value === "B") { + score++; + } + + // Question 2: 5 - 3 = 2 + if (q2Answer && q2Answer.value === "B") { + score++; + } + + // English section + const q3Answer = document.querySelector('input[name="q3"]:checked'); + const q4Answer = document.querySelector('input[name="q4"]:checked'); + + // Question 3: Apple is a fruit + if (q3Answer && q3Answer.value === "B") { + score++; + } + + // Question 4: The sky is blue + if (q4Answer && q4Answer.value === "B") { + score++; + } + + // Science section + const q5Answer = document.querySelector('input[name="q5"]:checked'); + const q6Answer = document.querySelector('input[name="q6"]:checked'); + + // Question 5: Tree is a plant + if (q5Answer && q5Answer.value === "C") { + score++; + } + + // Question 6: Lion is an animal + if (q6Answer && q6Answer.value === "B") { + score++; + } + + // Display the result + const resultElement = document.getElementById('result'); + resultElement.innerHTML = `You got ${score} out of 6 correct!`; + + if (score === 6) { + resultElement.style.color = 'green'; + } else { + resultElement.style.color = 'red'; + } +} diff --git a/script2.js b/script2.js new file mode 100644 index 0000000..b822af5 --- /dev/null +++ b/script2.js @@ -0,0 +1,55 @@ +function submitQuiz() { + let score = 0; + + // English section + const q1Answer = document.querySelector('input[name="q1"]:checked'); + const q2Answer = document.querySelector('input[name="q2"]:checked'); + + // Question 1: "Ball" starts with "buh" sound + if (q1Answer && q1Answer.value === "B") { + score++; + } + + // Question 2: Apple is something you eat + if (q2Answer && q2Answer.value === "B") { + score++; + } + + // Math section + const q3Answer = document.querySelector('input[name="q3"]:checked'); + const q4Answer = document.querySelector('input[name="q4"]:checked'); + + // Question 3: 245 + 132 = 377 + if (q3Answer && q3Answer.value === "A") { + score++; + } + + // Question 4: 500 - 275 = 225 + if (q4Answer && q4Answer.value === "A") { + score++; + } + + // Science section + const q5Answer = document.querySelector('input[name="q5"]:checked'); + const q6Answer = document.querySelector('input[name="q6"]:checked'); + + // Question 5: Water helps plants grow + if (q5Answer && q5Answer.value === "A") { + score++; + } + + // Question 6: Humans need oxygen to breathe + if (q6Answer && q6Answer.value === "B") { + score++; + } + + // Display the result + const resultElement = document.getElementById('result'); + resultElement.innerHTML = `You got ${score} out of 6 correct!`; + + if (score === 6) { + resultElement.style.color = 'green'; + } else { + resultElement.style.color = 'red'; + } +} diff --git a/script3.js b/script3.js new file mode 100644 index 0000000..e22aafc --- /dev/null +++ b/script3.js @@ -0,0 +1,55 @@ +function submitQuiz() { + let score = 0; + + // English section + const q1Answer = document.querySelector('input[name="q1"]:checked'); + const q2Answer = document.querySelector('input[name="q2"]:checked'); + + // Question 1: "run" is a verb + if (q1Answer && q1Answer.value === "B") { + score++; + } + + // Question 2: The cat is on the sofa + if (q2Answer && q2Answer.value === "B") { + score++; + } + + // Math section + const q3Answer = document.querySelector('input[name="q3"]:checked'); + const q4Answer = document.querySelector('input[name="q4"]:checked'); + + // Question 3: 6 x 4 = 24 + if (q3Answer && q3Answer.value === "B") { + score++; + } + + // Question 4: 12 ÷ 3 = 4 + if (q4Answer && q4Answer.value === "A") { + score++; + } + + // Science section + const q5Answer = document.querySelector('input[name="q5"]:checked'); + const q6Answer = document.querySelector('input[name="q6"]:checked'); + + // Question 5: Eyes are used for seeing + if (q5Answer && q5Answer.value === "B") { + score++; + } + + // Question 6: The heart pumps blood + if (q6Answer && q6Answer.value === "B") { + score++; + } + + // Display the result + const resultElement = document.getElementById('result'); + resultElement.innerHTML = `You got ${score} out of 6 correct!`; + + if (score === 6) { + resultElement.style.color = 'green'; + } else { + resultElement.style.color = 'red'; + } +} diff --git a/style.css b/style.css new file mode 100644 index 0000000..40aa80d --- /dev/null +++ b/style.css @@ -0,0 +1,186 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: Arial, sans-serif; + background-color: #b0aaaa; + color: #0e0e0e; +} + +.navbar { + display: flex; + justify-content: space-between; + padding: 20px; + background-color: #010616; + color: white; +} + +.nav-links { + list-style: none; + display: flex; +} + +.nav-links li { + margin-left: 20px; +} + +.nav-links a { + text-decoration: none; + color: white; +} + +.logo { + font-size: 1.5rem; + font-weight: bold; +} + +.banner { + padding: 100px 20px; + background-image: url("back.jpg"); /* Add your banner image */ + background-size: cover; + background-position: center; + text-align: center; + color: white; + background-color: #010616; +} + +.banner h1 { + font-size: 3rem; + margin-bottom: 20px; +} + +.banner p { + font-size: 1.5rem; + margin: 20px 0; +} + +.banner button { + padding: 10px 20px; + margin: 10px; + background-color: #000000; + border: none; + color: white; + cursor: pointer; + font-size: 1rem; + transition: background-color 0.3s ease; +} + +.banner button:hover { + background-color: #333; +} + +.levels { + padding: 40px; + text-align: center; +} + +.levels h2 { + font-size: 2rem; + margin-bottom: 20px; +} + +.level-grid { + display: flex; + justify-content: center; + gap: 20px; + flex-wrap: wrap; +} + +.flip-card { + background-color: transparent; + width: 300px; + height: 300px; + perspective: 1000px; + cursor: pointer; +} + +.flip-card-inner { + position: relative; + width: 100%; + height: 100%; + text-align: center; + transition: transform 0.6s; + transform-style: preserve-3d; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); +} + +.flip-card-inner.flipped { + transform: rotateY(180deg); +} + +.flip-card-front, +.flip-card-back { + position: absolute; + width: 100%; + height: 100%; + backface-visibility: hidden; + border-radius: 10px; + display: flex; + justify-content: center; + align-items: center; + padding: 20px; + color: white; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +.flip-card-front { + background-color: #4b5563; /* Default background color */ +} + +.flip-card-back { + background-color: #010616; + transform: rotateY(180deg); +} + +.flip-card-front h3 { + margin-bottom: 10px; /* Adjust the space between the heading and the description */ +} + +.flip-card-front p { + margin: 0; + font-size: 16px; /* Adjust font size if needed */ +} + +.flip-card h3 { + margin-bottom: 15px; +} + +.flip-card-back ul { + list-style: none; + text-align: left; + padding-left: 0; +} + +/* Beginner - Gradient from light purple to dark purple */ +.beginner .flip-card-front { + background: linear-gradient( + 135deg, + #d4a1e1, + #6a0e88 + ); /* 135deg for diagonal gradient */ +} + +/* Intermediate - Gradient from light violet to dark violet */ +.intermediate .flip-card-front { + background: linear-gradient(135deg, #9a5fb3, #310945); +} + +/* Advanced - Gradient from light to deep dark purple */ +.advanced .flip-card-front { + background: linear-gradient(135deg, #622e7a, #280530); +} + +.footer { + padding: 20px; + text-align: center; + background-color: #010616; + color: white; +} + +.footer p { + margin: 0; + font-size: 1rem; +} diff --git a/style1.css b/style1.css new file mode 100644 index 0000000..428444a --- /dev/null +++ b/style1.css @@ -0,0 +1,50 @@ +body { + font-family: 'Comic Sans MS', sans-serif; + background-color: #f4f4f9; + padding: 20px; +} + +.quiz-container { + background-color: #ffffff; + border-radius: 10px; + padding: 20px; + width: 400px; + margin: auto; + box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); +} + +h1, h2 { + text-align: center; + color: #333; +} + +.question { + margin-bottom: 20px; +} + +label { + font-size: 16px; + color: #333; +} + +button { + background-color: #4CAF50; + color: white; + padding: 10px 20px; + font-size: 16px; + border: none; + border-radius: 5px; + cursor: pointer; + width: 100%; +} + +button:hover { + background-color: #45a049; +} + +#result { + margin-top: 20px; + font-size: 18px; + font-weight: bold; + color: #333; +} diff --git a/style2.css b/style2.css new file mode 100644 index 0000000..428444a --- /dev/null +++ b/style2.css @@ -0,0 +1,50 @@ +body { + font-family: 'Comic Sans MS', sans-serif; + background-color: #f4f4f9; + padding: 20px; +} + +.quiz-container { + background-color: #ffffff; + border-radius: 10px; + padding: 20px; + width: 400px; + margin: auto; + box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); +} + +h1, h2 { + text-align: center; + color: #333; +} + +.question { + margin-bottom: 20px; +} + +label { + font-size: 16px; + color: #333; +} + +button { + background-color: #4CAF50; + color: white; + padding: 10px 20px; + font-size: 16px; + border: none; + border-radius: 5px; + cursor: pointer; + width: 100%; +} + +button:hover { + background-color: #45a049; +} + +#result { + margin-top: 20px; + font-size: 18px; + font-weight: bold; + color: #333; +} diff --git a/style3.css b/style3.css new file mode 100644 index 0000000..428444a --- /dev/null +++ b/style3.css @@ -0,0 +1,50 @@ +body { + font-family: 'Comic Sans MS', sans-serif; + background-color: #f4f4f9; + padding: 20px; +} + +.quiz-container { + background-color: #ffffff; + border-radius: 10px; + padding: 20px; + width: 400px; + margin: auto; + box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); +} + +h1, h2 { + text-align: center; + color: #333; +} + +.question { + margin-bottom: 20px; +} + +label { + font-size: 16px; + color: #333; +} + +button { + background-color: #4CAF50; + color: white; + padding: 10px 20px; + font-size: 16px; + border: none; + border-radius: 5px; + cursor: pointer; + width: 100%; +} + +button:hover { + background-color: #45a049; +} + +#result { + margin-top: 20px; + font-size: 18px; + font-weight: bold; + color: #333; +}