IIT_NSTU/c.html at main · Sakinadi21/IIT_NSTU · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Year and Course Selection</title>
    <link rel="stylesheet" href="c.css">
</head>
<body>

   <!-- Navigation Bar -->
    <nav class="navbar">
        <div class="logo">IIT Semester</div>
        <ul class="nav-links">
            <li><a href="#main-container">Home</a></li>
            <li><a href="#year-container">Years</a></li>
            <li><a href="#course-container">Courses</a></li>
            <li><a href="#resource-container">Resources</a></li>
            <li><a href="contact.html">Contact</a></li>
        </ul>

        <div class="three-dots">
            <span class="dots" onclick="toggleMenu()">⋮</span>
            <div class="dropdown-menu" id="dropdownMenu">
                <a href="About.html">About</a>
                <a href="links.html">Useful Links</a>
                <a href="teacher.html">Our Teachers</a>
                <a href="codeprac.html">Coding Hub</a>
                <a href="c.html">Course Materials</a>
                <a href="club.html">Clubs</a>
                <a href="event.html">Events</a>
                <a href="contact.html">Resources</a>
                <a href="ielts.html">IELTS</a>
                <a href="gre.html">GRE</a>
                <a href="senior.html">Seniors</a>
                <a href="iit7.html">SE Students</a>
                <a href="last.html">IIT-6th Batch</a>
            </div>
        </div>
    </nav>

<br>
<br>
    <main>
    <div id="main-container">
        <h1>Select Year and Course</h1>
        <div id="year-container">
            <button class="year-btn" onclick="showSemesters(1)">1st Year</button>
            <button class="year-btn" onclick="showSemesters(2)">2nd Year</button>
            <button class="year-btn" onclick="showSemesters(3)">3rd Year</button>
            <button class="year-btn" onclick="showSemesters(4)">4th Year</button>
        </div>
        <div id="semester-container" class="hidden"></div>
        <div id="course-container" class="hidden"></div>
        <div id="resource-container" class="hidden"></div>
        <div id="detail-container" class="hidden"></div>
    </div>
</main>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
    <!-- Footer -->
    <footer class="footer">
        <p>&copy;  IIT Semester. All Rights Reserved.</p>
    </footer>

    <script src="c.js"></script>
</body>
</html>