Skip to content

Commit

Permalink
Added nervous system quiz
Browse files Browse the repository at this point in the history
  • Loading branch information
@Archiesachin
Archiesachin committed Jun 8, 2024
1 parent b196b7d commit 8804c5b
Show file tree
Hide file tree
Showing 7 changed files with 1,194 additions and 0 deletions.
15 changes: 15 additions & 0 deletions Pages/Quizes/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -220,6 +220,21 @@ <h2>Digestion and Absorption</h2>
</button>
</div>
</div>

<!--Nervous System Quiz-->
<div class="course card-10">
<div class="course-preview">
<h6>Course</h6>
<h2>Biology</h2>
</div>
<div class="course-info">
<h6>Test</h6>
<h2>Nervous System</h2>
<button class="card-btn" onclick="window.location.href = './tests/button-11/index.html' ">Start
<i class="fa-solid fa-file-pen"></i>
</button>
</div>
</div>

</div>
</div>
Expand Down
134 changes: 134 additions & 0 deletions Pages/Quizes/tests/button-11/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,134 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Virtuo Learn</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="media-queries.css">
<link rel="icon" type="image/x-icon" href="../../../../assets/logo.png">
</head>
<body>
<!-- nav bar -->
<nav>
<div class="container main-nav flex">
<a href="../../../../index.html" class="company-logo">
<img src="../../assets/asset 41.png" alt="company logo">
</a>
<div class="nav-links" id="nav-links">
<ul class="nav-menu">
<li><a href="../../../../index.html" class="hover-link"> Home </a></li>
<li><a href="../../../About-Us/index.html" class="hover-link">About Us</a></li>
<li><a href="../../../Simulation/index.html" class="hover-link">Simulations</a></li>
<li><a href="../../../3D-Visualizations/index.html" class="hover-link">3D Visualisations</a></li>
<li><a href="../../../Quizes/index.html" class="hover-link">Quizzes</a></li>
<li><a href="../../../Videos/index.html" class="hover-link">Videos</a></li>
<li><a href="../../../Doubt Engine/index.html" class="hover-link">Doubt Engine</a></li>
</ul>
</div>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</div>
</nav>

<!-- header section -->
<header>
<div class="header">
<h1>Nervous System</h1>
</div>
</header>

<!-- Quiz section -->

<div class="quiz-wrapper">
<div class="max-wrapper">
<div id="max-score"></div>
</div>

<div class="quiz-container" id="quiz">

<div class="quiz-header">
<div style="display: flex;">
<div id="difficulty" style="flex:1"></div>
<div id="quizcount" style="font-weight: bold;"></div>
</div>
<h2 id="question">Question is loading...</h2>

<ul class="quiz-ul">
<li>
<input type="radio" name="answer" id="a" class="answer" />
<label for="a" id="a_text">Answer...</label>
</li>
<li>
<input type="radio" name="answer" id="b" class="answer" />
<label for="b" id="b_text">Answer...</label>
</li>
<li>
<input type="radio" name="answer" id="c" class="answer" />
<label for="c" id="c_text">Answer...</label>
</li>
<li>
<input type="radio" name="answer" id="d" class="answer" />
<label for="d" id="d_text">Answer...</label>
</li>
<button id="submit">Submit</button>
</div>
</div>

</div>
<div class="result">
<div class="weak">

<div class="text">

</div>
</div>

</div>

<script src="./script.js"></script>

</div>

<div class="solution-div">

</div>

<div class="recommendations">

</div>

<div >
<div class="recommendation-thumbnails">

</div>
</div>

<!-- footer -->
<footer>
<div class="footer-content">
<a href="#" class="company-logo footer-logo">
<img src="../../assets/asset 41.png" alt="company logo">
</a>
<p>Developed By Jayesh Batra</p>
</div>
</footer>

<script src="https://kit.fontawesome.com/c1fc3d2826.js" crossorigin="anonymous"></script>

<script>
const hamburger = document.querySelector(".hamburger");
const navMenu = document.querySelector(".nav-menu");

hamburger.addEventListener("click", () => {
hamburger.classList.toggle("active");
navMenu.classList.toggle("active");
})
</script>

</body>
</html>
106 changes: 106 additions & 0 deletions Pages/Quizes/tests/button-11/media-queries.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,106 @@
@media screen and (max-width: 1030px) {

h3 {
font-size: 1.2rem;
}

.main-nav {
overflow: initial;
}

.hamburger{
display: block;
}

.hamburger.active .bar:nth-child(2){
opacity: 0;
}
.hamburger.active .bar:nth-child(1){
transform: translateY(8px) rotate(45deg);
}
.hamburger.active .bar:nth-child(3){
transform: translateY(-8px) rotate(-45deg);
}

.nav-menu{
position: absolute;
top: -100%;
left: 0;
gap: 0;
flex-direction: column;
width: 100%;
text-align: center;
transition: 0.3s;
z-index: 1;
/* background-color: aqua; */
/* max-height: 10vh; */
margin: 0;
padding: 0;

background: rgba(236, 235, 255, 0.2);
/* border-radius: 16px; */
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(3.3px);
-webkit-backdrop-filter: blur(3.3px);
border: 1px solid rgba(236, 235, 255, 0.3);

}
.hover-link{
margin: 16px 0;
}
.nav-menu.active{
top: 13%;
}

.course {
flex-direction: column;
height: 60vh;
}
.course-preview {
width: 70vw;
}
.course-info {
width: 100%;
height: 200%;
}
.card-btn {
bottom: 5vh;
right: 5vw;
}
/* Submit button */
button {
margin-left: 16.2rem;
}
/* Options */
.quiz-ul li {
width: 40rem;
}
}

@media screen and (max-width: 479px) {
:root {
--padding-inline-section: 10px;
}

h1 {
font-size: 2rem;
}

h2 {
font-size: 1.5rem;
}

h3 {
font-size: 1.5rem;
}

p {
font-size: 1rem;
}

.center{
position: relative;
left: 0vw;
}

}
Loading

0 comments on commit 8804c5b

Please sign in to comment.