-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathstudy.html
More file actions
172 lines (157 loc) · 7.35 KB
/
Copy pathstudy.html
File metadata and controls
172 lines (157 loc) · 7.35 KB
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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ai CodeLab - Resources</title>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- Modern Styles -->
<link rel="stylesheet" href="styles.css">
<style>
.resources-grid {
display: grid;
grid-template-columns: 1fr 3fr;
gap: 3rem;
max-width: 1400px;
margin: 0 auto;
}
.resource-sidebar {
background: linear-gradient(135deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
border: 1px solid var(--glass-border);
border-radius: 20px;
padding: 2rem;
backdrop-filter: blur(20px);
position: sticky;
top: 100px;
height: fit-content;
}
.resource-sidebar h3 {
color: var(--secondary);
margin-bottom: 1.5rem;
border-bottom: 1px solid var(--glass-border);
padding-bottom: 0.5rem;
}
.sidebar-link {
display: flex;
align-items: center;
gap: 1rem;
padding: 0.8rem 1rem;
color: var(--text-pure);
border-radius: 10px;
transition: all 0.3s;
margin-bottom: 0.5rem;
}
.sidebar-link:hover {
background: rgba(255,255,255,0.1);
transform: translateX(10px);
color: var(--secondary);
}
@media (max-width: 900px) {
.resources-grid {
grid-template-columns: 1fr;
}
.resource-sidebar {
position: relative;
top: 0;
}
}
</style>
</head>
<body>
<!-- Custom Cursor -->
<div id="custom-cursor"></div>
<!-- Animated Mesh Gradient Background -->
<div class="mesh-bg">
<div class="blob blob-1"></div>
<div class="blob blob-2"></div>
<div class="blob blob-3"></div>
</div>
<!-- Modern Extreme Navbar -->
<nav>
<div class="logo-container">
<i class="fas fa-robot"></i>
<span>CodeLab<span style="color:var(--primary)">.ai</span></span>
</div>
<div class="nav-links">
<a href="index.html">Platform</a>
<a href="courses.html">Syllabus</a>
<a href="study.html" class="active">Resources</a>
<a href="join.html">Community</a>
</div>
<div style="display:flex;gap:10px;">
<a href="login.html" class="magnetic-btn" style="padding: 0.5rem 1.5rem; font-size: 0.9rem;"><span>Login</span></a>
</div>
</nav>
<!-- Page Title -->
<header style="margin-top: 120px; text-align: center; padding: 2rem;">
<h1 class="hover-target" style="font-size: clamp(2.5rem, 6vw, 4.5rem);"><span class="gradient-text">Study</span> Material</h1>
</header>
<main style="padding: 2rem;">
<div class="resources-grid">
<!-- Sidebar -->
<aside class="resource-sidebar reveal">
<h3><i class="fas fa-vial"></i> Live Exams</h3>
<a href="https://www.w3schools.com/quiztest/quiztest.asp?qtest=PYTHON" target="_blank" class="sidebar-link hover-target"><i class="fas fa-check-circle"></i> Python Protocol</a>
<a href="https://www.w3schools.com/quiztest/quiztest.asp?qtest=JAVA" target="_blank" class="sidebar-link hover-target"><i class="fas fa-check-circle"></i> Java Protocol</a>
<a href="https://www.w3schools.com/quiztest/quiztest.asp?qtest=JS" target="_blank" class="sidebar-link hover-target"><i class="fas fa-check-circle"></i> JS Protocol</a>
<a href="https://www.w3schools.com/quiztest/quiztest.asp?qtest=HTML" target="_blank" class="sidebar-link hover-target"><i class="fas fa-check-circle"></i> HTML Protocol</a>
<a href="https://www.w3schools.com/quiztest/quiztest.asp?qtest=CSS" target="_blank" class="sidebar-link hover-target"><i class="fas fa-check-circle"></i> CSS Protocol</a>
<a href="https://www.w3schools.com/quiztest/quiztest.asp?qtest=CPP" target="_blank" class="sidebar-link hover-target"><i class="fas fa-check-circle"></i> C++ Protocol</a>
</aside>
<!-- Main Library -->
<div class="grid-3" style="grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));">
<!-- Python Card -->
<div class="tilt-card reveal hover-target" data-tilt>
<div class="card-inner">
<i class="fab fa-python card-icon"></i>
<h3>Python Resources</h3>
<p>Complete official documentation, deep learning notebooks, and AI framework snippets.</p>
<a href="codelab-python.html" style="color:var(--secondary); margin-top: 1rem; display: inline-block;">Access Library →</a>
</div>
</div>
<!-- Java Card -->
<div class="tilt-card reveal hover-target" data-tilt>
<div class="card-inner">
<i class="fab fa-java card-icon"></i>
<h3>Java Resources</h3>
<p>JVM performance scaling tuning guides and core data structure implementations.</p>
<a href="codelab-java.html" style="color:var(--secondary); margin-top: 1rem; display: inline-block;">Access Library →</a>
</div>
</div>
<!-- Javascript Card -->
<div class="tilt-card reveal hover-target" data-tilt>
<div class="card-inner">
<i class="fab fa-js card-icon"></i>
<h3>JS Resources</h3>
<p>Async networking guides, DOM tracking, and interactive canvas logic.</p>
<a href="codelab-javascript.html" style="color:var(--secondary); margin-top: 1rem; display: inline-block;">Access Library →</a>
</div>
</div>
<!-- C++ Card -->
<div class="tilt-card reveal hover-target" data-tilt>
<div class="card-inner">
<i class="fas fa-microchip card-icon"></i>
<h3>C++ Resources</h3>
<p>Pointers, memory management, and high-performance algorithms.</p>
<a href="codelab-cpp.html" style="color:var(--secondary); margin-top: 1rem; display: inline-block;">Access Library →</a>
</div>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer>
<div class="footer-grid reveal">
<div>
<h2 class="footer-logo">CodeLab<span style="color:var(--primary)">.ai</span></h2>
<p class="footer-p">The frontier of learning.</p>
</div>
</div>
<div style="text-align: center; border-top: 1px solid var(--glass-border); padding-top: 2rem; margin-top:2rem; color:var(--text-muted); font-size: 0.9rem;">
© 2026 CodeLab.ai Operations. All Rights Reserved.
</div>
</footer>
<script src="script.js"></script>
</body>
</html>