-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcourses.html
More file actions
138 lines (125 loc) · 6.94 KB
/
Copy pathcourses.html
File metadata and controls
138 lines (125 loc) · 6.94 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ai CodeLab - Syllabi</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">
</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" class="active">Syllabus</a>
<a href="study.html">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 -->
<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">Core Architecture</span> Syllabi</h1>
</header>
<main>
<section style="padding-top: 2rem;">
<div class="founder-box reveal hover-target" style="margin-bottom: 4rem;">
<div class="founder-content" style="text-align: left;">
<h3><i class="fas fa-code"></i> Engineering Foundations</h3>
<p class="founder-quote" style="margin-top: 1rem; font-size: 1.1rem;">
Learning programming may take time, but it is very important to build a strong foundation. Tutorials explain important concepts like variables, loops, functions, and data structures in a way that builds intuition for complex AI projects.
While AI tools can help us write code today, the core understanding of system architecture cannot be outsourced.
</p>
</div>
</div>
<h2 class="section-title reveal hover-target" style="margin-bottom: 2rem;">Available Stacks</h2>
<div class="grid-3">
<!-- 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 AI Systems</h3>
<p>A language used for modern AI workflows, data science, automation, and web development.</p>
<a href="codelab-python.html" class="magnetic-btn primary" style="margin-top:1.5rem; display:inline-block; font-size:0.9rem;"><span>Start Learning</span></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 Enterprise</h3>
<p>A powerful typed language used in massive enterprise applications, Android development, and backend systems.</p>
<a href="codelab-java.html" class="magnetic-btn primary" style="margin-top:1.5rem; display:inline-block; font-size:0.9rem;"><span>Start Learning</span></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>JavaScript Web</h3>
<p>The key language for web development, making sites dynamic, interactive and connecting UI to backend APIs.</p>
<a href="codelab-javascript.html" class="magnetic-btn primary" style="margin-top:1.5rem; display:inline-block; font-size:0.9rem;"><span>Start Learning</span></a>
</div>
</div>
<!-- HTML Card -->
<div class="tilt-card reveal hover-target" data-tilt>
<div class="card-inner">
<i class="fab fa-html5 card-icon"></i>
<h3>HTML Structure</h3>
<p>The core syntax of the web. Semantic structure and accessibility constraints for standard browsing.</p>
<a href="codelab-html.html" class="magnetic-btn primary" style="margin-top:1.5rem; display:inline-block; font-size:0.9rem;"><span>Start Learning</span></a>
</div>
</div>
<!-- CSS Card -->
<div class="tilt-card reveal hover-target" data-tilt>
<div class="card-inner">
<i class="fab fa-css3-alt card-icon"></i>
<h3>CSS Architecture</h3>
<p>Build stunning glass layouts, GPU-accelerated animations, and responsive flex grid architectures.</p>
<a href="codelab-css.html" class="magnetic-btn primary" style="margin-top:1.5rem; display:inline-block; font-size:0.9rem;"><span>Start Learning</span></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++ Low-Level</h3>
<p>The engine of modern computing. High-performance memory management and systems programming for neural accelerators.</p>
<a href="codelab-cpp.html" class="magnetic-btn primary" style="margin-top:1.5rem; display:inline-block; font-size:0.9rem;"><span>Start Learning</span></a>
</div>
</div>
</div>
</section>
</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>