Tejas123we commited on
Commit
ead792e
·
verified ·
1 Parent(s): 47ee127

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +689 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Code
3
- emoji: 📉
4
- colorFrom: red
5
- colorTo: indigo
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: code
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: yellow
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,689 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Code-Genexis Corp - IT Education & Courses</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ .hero-gradient {
11
+ background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
12
+ }
13
+ .service-card:hover {
14
+ transform: translateY(-5px);
15
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
16
+ }
17
+ .nav-link {
18
+ position: relative;
19
+ }
20
+ .nav-link:after {
21
+ content: '';
22
+ position: absolute;
23
+ width: 0;
24
+ height: 2px;
25
+ bottom: 0;
26
+ left: 0;
27
+ background-color: #3b82f6;
28
+ transition: width 0.3s ease;
29
+ }
30
+ .nav-link:hover:after {
31
+ width: 100%;
32
+ }
33
+ .animate-float {
34
+ animation: float 6s ease-in-out infinite;
35
+ }
36
+ @keyframes float {
37
+ 0% { transform: translateY(0px); }
38
+ 50% { transform: translateY(-20px); }
39
+ 100% { transform: translateY(0px); }
40
+ }
41
+ .course-details {
42
+ display: none;
43
+ }
44
+ .course-details.active {
45
+ display: block;
46
+ animation: fadeIn 0.5s ease-in-out;
47
+ }
48
+ @keyframes fadeIn {
49
+ from { opacity: 0; transform: translateY(10px); }
50
+ to { opacity: 1; transform: translateY(0); }
51
+ }
52
+ </style>
53
+ </head>
54
+ <body class="font-sans antialiased text-gray-800">
55
+ <!-- Navigation -->
56
+ <nav class="bg-white shadow-md sticky top-0 z-50">
57
+ <div class="container mx-auto px-6 py-4">
58
+ <div class="flex justify-between items-center">
59
+ <div class="flex items-center">
60
+ <a href="#" class="text-2xl font-bold text-indigo-600">CODE-GENEXIS CORP</a>
61
+ </div>
62
+ <div class="hidden md:flex space-x-8">
63
+ <a href="#home" class="nav-link text-gray-700 hover:text-indigo-600">Home</a>
64
+ <a href="#courses" class="nav-link text-gray-700 hover:text-indigo-600">Courses</a>
65
+ <a href="#about" class="nav-link text-gray-700 hover:text-indigo-600">About</a>
66
+ <a href="#portfolio" class="nav-link text-gray-700 hover:text-indigo-600">Portfolio</a>
67
+ <a href="#contact" class="nav-link text-gray-700 hover:text-indigo-600">Contact</a>
68
+ </div>
69
+ <div class="md:hidden">
70
+ <button id="mobile-menu-button" class="text-gray-700 focus:outline-none">
71
+ <i class="fas fa-bars text-2xl"></i>
72
+ </button>
73
+ </div>
74
+ </div>
75
+ <!-- Mobile menu -->
76
+ <div id="mobile-menu" class="hidden md:hidden mt-4">
77
+ <a href="#home" class="block py-2 text-gray-700 hover:text-indigo-600">Home</a>
78
+ <a href="#courses" class="block py-2 text-gray-700 hover:text-indigo-600">Courses</a>
79
+ <a href="#about" class="block py-2 text-gray-700 hover:text-indigo-600">About</a>
80
+ <a href="#portfolio" class="block py-2 text-gray-700 hover:text-indigo-600">Portfolio</a>
81
+ <a href="#contact" class="block py-2 text-gray-700 hover:text-indigo-600">Contact</a>
82
+ </div>
83
+ </div>
84
+ </nav>
85
+
86
+ <!-- Hero Section -->
87
+ <section id="home" class="hero-gradient text-white py-20 md:py-32">
88
+ <div class="container mx-auto px-6 flex flex-col md:flex-row items-center">
89
+ <div class="md:w-1/2 mb-12 md:mb-0">
90
+ <h1 class="text-4xl md:text-5xl font-bold mb-6">Empowering Your Tech Journey</h1>
91
+ <p class="text-xl mb-8">Master in-demand IT skills with our comprehensive courses in programming, AI tools, LLMs, ethical hacking, and web development.</p>
92
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
93
+ <a href="#contact" class="bg-white text-indigo-600 hover:bg-gray-100 px-8 py-3 rounded-lg font-semibold text-center transition duration-300">Get Started</a>
94
+ <a href="#courses" class="border-2 border-white text-white hover:bg-white hover:text-indigo-600 px-8 py-3 rounded-lg font-semibold text-center transition duration-300">Our Courses</a>
95
+ </div>
96
+ </div>
97
+ <div class="md:w-1/2 flex justify-center">
98
+ <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="IT Solutions" class="rounded-lg shadow-2xl animate-float max-w-full h-auto">
99
+ </div>
100
+ </div>
101
+ </section>
102
+
103
+ <!-- Courses Section -->
104
+ <section id="courses" class="py-20 bg-gray-50">
105
+ <div class="container mx-auto px-6">
106
+ <div class="text-center mb-16">
107
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Our Courses</h2>
108
+ <div class="w-24 h-1 bg-indigo-600 mx-auto mb-6"></div>
109
+ <p class="text-lg text-gray-600 max-w-2xl mx-auto">Comprehensive IT education programs designed to make you industry-ready.</p>
110
+ </div>
111
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
112
+ <!-- Course 1 -->
113
+ <div class="service-card bg-white p-8 rounded-lg shadow-md transition duration-300 cursor-pointer" onclick="showCourseDetails('ethical-hacking')">
114
+ <div class="text-indigo-600 mb-4">
115
+ <i class="fas fa-user-secret text-4xl"></i>
116
+ </div>
117
+ <h3 class="text-xl font-bold mb-3">Ethical Hacking</h3>
118
+ <p class="text-gray-600">Learn to think like a hacker to protect systems from cyber threats.</p>
119
+ <div id="ethical-hacking" class="course-details mt-4">
120
+ <h4 class="font-semibold mb-2">Course Details:</h4>
121
+ <ul class="list-disc pl-5 text-sm text-gray-600 space-y-1">
122
+ <li>Penetration testing methodologies</li>
123
+ <li>Network security fundamentals</li>
124
+ <li>Vulnerability assessment</li>
125
+ <li>Cryptography techniques</li>
126
+ <li>Security tools like Kali Linux, Metasploit</li>
127
+ <li>Certification preparation (CEH, OSCP)</li>
128
+ </ul>
129
+ <p class="mt-3 text-sm font-medium">Duration: 12 weeks | Level: Intermediate to Advanced</p>
130
+ </div>
131
+ </div>
132
+ <!-- Course 2 -->
133
+ <div class="service-card bg-white p-8 rounded-lg shadow-md transition duration-300 cursor-pointer" onclick="showCourseDetails('coding')">
134
+ <div class="text-indigo-600 mb-4">
135
+ <i class="fas fa-code text-4xl"></i>
136
+ </div>
137
+ <h3 class="text-xl font-bold mb-3">Coding Mastery</h3>
138
+ <p class="text-gray-600">Become proficient in 10+ programming languages and frameworks.</p>
139
+ <div id="coding" class="course-details mt-4">
140
+ <h4 class="font-semibold mb-2">Languages Covered:</h4>
141
+ <div class="grid grid-cols-2 gap-2">
142
+ <div class="flex items-center">
143
+ <i class="fab fa-python text-indigo-600 mr-2"></i>
144
+ <span>Python</span>
145
+ </div>
146
+ <div class="flex items-center">
147
+ <i class="fab fa-java text-indigo-600 mr-2"></i>
148
+ <span>Java</span>
149
+ </div>
150
+ <div class="flex items-center">
151
+ <i class="fab fa-js text-indigo-600 mr-2"></i>
152
+ <span>JavaScript</span>
153
+ </div>
154
+ <div class="flex items-center">
155
+ <i class="fas fa-code text-indigo-600 mr-2"></i>
156
+ <span>C++</span>
157
+ </div>
158
+ <div class="flex items-center">
159
+ <i class="fab fa-swift text-indigo-600 mr-2"></i>
160
+ <span>Swift</span>
161
+ </div>
162
+ <div class="flex items-center">
163
+ <i class="fab fa-php text-indigo-600 mr-2"></i>
164
+ <span>PHP</span>
165
+ </div>
166
+ <div class="flex items-center">
167
+ <i class="fab fa-rust text-indigo-600 mr-2"></i>
168
+ <span>Rust</span>
169
+ </div>
170
+ <div class="flex items-center">
171
+ <i class="fas fa-database text-indigo-600 mr-2"></i>
172
+ <span>SQL</span>
173
+ </div>
174
+ <div class="flex items-center">
175
+ <i class="fab fa-r-project text-indigo-600 mr-2"></i>
176
+ <span>R</span>
177
+ </div>
178
+ <div class="flex items-center">
179
+ <i class="fab fa-golang text-indigo-600 mr-2"></i>
180
+ <span>Go</span>
181
+ </div>
182
+ </div>
183
+ <p class="mt-3 text-sm font-medium">Duration: 6 months | Level: Beginner to Advanced</p>
184
+ </div>
185
+ </div>
186
+ <!-- Course 3 -->
187
+ <div class="service-card bg-white p-8 rounded-lg shadow-md transition duration-300 cursor-pointer" onclick="showCourseDetails('web-building')">
188
+ <div class="text-indigo-600 mb-4">
189
+ <i class="fas fa-laptop-code text-4xl"></i>
190
+ </div>
191
+ <h3 class="text-xl font-bold mb-3">Website Building</h3>
192
+ <p class="text-gray-600">From basic HTML to full-stack development - build professional websites.</p>
193
+ <div id="web-building" class="course-details mt-4">
194
+ <h4 class="font-semibold mb-2">Course Curriculum:</h4>
195
+ <ul class="list-disc pl-5 text-sm text-gray-600 space-y-1">
196
+ <li>HTML5 & CSS3 fundamentals</li>
197
+ <li>JavaScript and modern frameworks (React, Vue, Angular)</li>
198
+ <li>Responsive design principles</li>
199
+ <li>Backend development with Node.js</li>
200
+ <li>Database integration (MongoDB, MySQL)</li>
201
+ <li>Deployment and hosting solutions</li>
202
+ <li>E-commerce website development</li>
203
+ <li>SEO optimization techniques</li>
204
+ </ul>
205
+ <p class="mt-3 text-sm font-medium">Duration: 16 weeks | Level: Beginner to Intermediate</p>
206
+ </div>
207
+ </div>
208
+ <!-- Course 4 -->
209
+ <div class="service-card bg-white p-8 rounded-lg shadow-md transition duration-300 cursor-pointer" onclick="showCourseDetails('ai-tools')">
210
+ <div class="text-indigo-600 mb-4">
211
+ <i class="fas fa-robot text-4xl"></i>
212
+ </div>
213
+ <h3 class="text-xl font-bold mb-3">AI Tools Mastery</h3>
214
+ <p class="text-gray-600">Learn to leverage cutting-edge AI tools for various applications.</p>
215
+ <div id="ai-tools" class="course-details mt-4">
216
+ <h4 class="font-semibold mb-2">Course Content:</h4>
217
+ <ul class="list-disc pl-5 text-sm text-gray-600 space-y-1">
218
+ <li>Introduction to AI and machine learning</li>
219
+ <li>Popular AI tools and frameworks</li>
220
+ <li>Natural language processing applications</li>
221
+ <li>Computer vision tools</li>
222
+ <li>AI for data analysis</li>
223
+ <li>Automation with AI</li>
224
+ <li>Ethical considerations in AI</li>
225
+ </ul>
226
+ <p class="mt-3 text-sm font-medium">Duration: 10 weeks | Level: Intermediate</p>
227
+ </div>
228
+ </div>
229
+ <!-- Course 5 -->
230
+ <div class="service-card bg-white p-8 rounded-lg shadow-md transition duration-300 cursor-pointer" onclick="showCourseDetails('llm')">
231
+ <div class="text-indigo-600 mb-4">
232
+ <i class="fas fa-brain text-4xl"></i>
233
+ </div>
234
+ <h3 class="text-xl font-bold mb-3">LLM Technologies</h3>
235
+ <p class="text-gray-600">Master Large Language Models and their practical applications.</p>
236
+ <div id="llm" class="course-details mt-4">
237
+ <h4 class="font-semibold mb-2">Course Modules:</h4>
238
+ <ul class="list-disc pl-5 text-sm text-gray-600 space-y-1">
239
+ <li>Fundamentals of LLMs</li>
240
+ <li>Working with GPT models</li>
241
+ <li>Fine-tuning language models</li>
242
+ <li>Building LLM-powered applications</li>
243
+ <li>Prompt engineering techniques</li>
244
+ <li>Ethical considerations in LLM usage</li>
245
+ <li>Deployment strategies</li>
246
+ </ul>
247
+ <p class="mt-3 text-sm font-medium">Duration: 8 weeks | Level: Intermediate to Advanced</p>
248
+ </div>
249
+ </div>
250
+ </div>
251
+ </div>
252
+ </section>
253
+
254
+ <!-- About Section -->
255
+ <section id="about" class="py-20">
256
+ <div class="container mx-auto px-6">
257
+ <div class="flex flex-col md:flex-row items-center">
258
+ <div class="md:w-1/2 mb-12 md:mb-0 md:pr-12">
259
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">About Code-Genexis Corp</h2>
260
+ <div class="w-24 h-1 bg-indigo-600 mb-6"></div>
261
+ <p class="text-gray-600 mb-6">Founded in 2015, Code-Genexis Corp has been empowering individuals and businesses with cutting-edge IT education and solutions. Our mission is to bridge the gap between academic knowledge and real-world tech skills.</p>
262
+ <p class="text-gray-600 mb-8">We believe in hands-on, practical learning that prepares our students for the challenges of the modern tech industry. Our instructors are industry professionals with years of practical experience.</p>
263
+ <div class="flex space-x-4">
264
+ <div class="text-center">
265
+ <div class="text-3xl font-bold text-indigo-600">5,000+</div>
266
+ <div class="text-gray-600">Students Trained</div>
267
+ </div>
268
+ <div class="text-center">
269
+ <div class="text-3xl font-bold text-indigo-600">15+</div>
270
+ <div class="text-gray-600">Cutting-edge Courses</div>
271
+ </div>
272
+ <div class="text-center">
273
+ <div class="text-3xl font-bold text-indigo-600">98%</div>
274
+ <div class="text-gray-600">Satisfaction Rate</div>
275
+ </div>
276
+ </div>
277
+ </div>
278
+ <div class="md:w-1/2">
279
+ <img src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Our Team" class="rounded-lg shadow-lg max-w-full h-auto">
280
+ </div>
281
+ </div>
282
+ </div>
283
+ </section>
284
+
285
+ <!-- Portfolio Section -->
286
+ <section id="portfolio" class="py-20 bg-gray-50">
287
+ <div class="container mx-auto px-6">
288
+ <div class="text-center mb-16">
289
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Student Projects</h2>
290
+ <div class="w-24 h-1 bg-indigo-600 mx-auto mb-6"></div>
291
+ <p class="text-lg text-gray-600 max-w-2xl mx-auto">See what our students have built after completing our courses.</p>
292
+ </div>
293
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
294
+ <!-- Project 1 -->
295
+ <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300">
296
+ <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Project 1" class="w-full h-48 object-cover">
297
+ <div class="p-6">
298
+ <h3 class="text-xl font-bold mb-2">E-Commerce Platform</h3>
299
+ <p class="text-gray-600 mb-4">Built by our Web Development students using MERN stack.</p>
300
+ <div class="flex flex-wrap gap-2">
301
+ <span class="bg-indigo-100 text-indigo-800 text-xs px-3 py-1 rounded-full">React</span>
302
+ <span class="bg-indigo-100 text-indigo-800 text-xs px-3 py-1 rounded-full">Node.js</span>
303
+ <span class="bg-indigo-100 text-indigo-800 text-xs px-3 py-1 rounded-full">MongoDB</span>
304
+ </div>
305
+ </div>
306
+ </div>
307
+ <!-- Project 2 -->
308
+ <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300">
309
+ <img src="https://images.unsplash.com/photo-1512941937669-90a1b58eaf91?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Project 2" class="w-full h-48 object-cover">
310
+ <div class="p-6">
311
+ <h3 class="text-xl font-bold mb-2">Security Dashboard</h3>
312
+ <p class="text-gray-600 mb-4">Developed by our Ethical Hacking students to monitor network vulnerabilities.</p>
313
+ <div class="flex flex-wrap gap-2">
314
+ <span class="bg-indigo-100 text-indigo-800 text-xs px-3 py-1 rounded-full">Python</span>
315
+ <span class="bg-indigo-100 text-indigo-800 text-xs px-3 py-1 rounded-full">Django</span>
316
+ <span class="bg-indigo-100 text-indigo-800 text-xs px-3 py-1 rounded-full">Security</span>
317
+ </div>
318
+ </div>
319
+ </div>
320
+ <!-- Project 3 -->
321
+ <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300">
322
+ <img src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1415&q=80" alt="Project 3" class="w-full h-48 object-cover">
323
+ <div class="p-6">
324
+ <h3 class="text-xl font-bold mb-2">AI Chatbot</h3>
325
+ <p class="text-gray-600 mb-4">Created by our AI Tools students using natural language processing.</p>
326
+ <div class="flex flex-wrap gap-2">
327
+ <span class="bg-indigo-100 text-indigo-800 text-xs px-3 py-1 rounded-full">Python</span>
328
+ <span class="bg-indigo-100 text-indigo-800 text-xs px-3 py-1 rounded-full">NLP</span>
329
+ <span class="bg-indigo-100 text-indigo-800 text-xs px-3 py-1 rounded-full">AI</span>
330
+ </div>
331
+ </div>
332
+ </div>
333
+ </div>
334
+ <div class="text-center mt-12">
335
+ <a href="#contact" class="inline-block bg-indigo-600 hover:bg-indigo-700 text-white px-8 py-3 rounded-lg font-semibold transition duration-300">View More Projects</a>
336
+ </div>
337
+ </div>
338
+ </section>
339
+
340
+ <!-- Testimonials Section -->
341
+ <section class="py-20 bg-indigo-600 text-white">
342
+ <div class="container mx-auto px-6">
343
+ <div class="text-center mb-16">
344
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">What Our Students Say</h2>
345
+ <div class="w-24 h-1 bg-white mx-auto mb-6"></div>
346
+ <p class="text-lg max-w-2xl mx-auto">Hear from individuals who transformed their careers with our courses.</p>
347
+ </div>
348
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
349
+ <!-- Testimonial 1 -->
350
+ <div class="bg-white bg-opacity-10 p-8 rounded-lg backdrop-filter backdrop-blur-sm">
351
+ <div class="flex items-center mb-4">
352
+ <div class="text-yellow-400 text-xl mr-2">
353
+ <i class="fas fa-star"></i>
354
+ <i class="fas fa-star"></i>
355
+ <i class="fas fa-star"></i>
356
+ <i class="fas fa-star"></i>
357
+ <i class="fas fa-star"></i>
358
+ </div>
359
+ </div>
360
+ <p class="mb-6">"The Ethical Hacking course at Code-Genexis Corp completely changed my career trajectory. I landed a cybersecurity job just 2 months after completing the program."</p>
361
+ <div class="flex items-center">
362
+ <img src="https://randomuser.me/api/portraits/women/43.jpg" alt="Client" class="w-12 h-12 rounded-full mr-4 object-cover">
363
+ <div>
364
+ <h4 class="font-bold">Sarah Johnson</h4>
365
+ <p class="text-sm opacity-80">Security Analyst, TechSecure</p>
366
+ </div>
367
+ </div>
368
+ </div>
369
+ <!-- Testimonial 2 -->
370
+ <div class="bg-white bg-opacity-10 p-8 rounded-lg backdrop-filter backdrop-blur-sm">
371
+ <div class="flex items-center mb-4">
372
+ <div class="text-yellow-400 text-xl mr-2">
373
+ <i class="fas fa-star"></i>
374
+ <i class="fas fa-star"></i>
375
+ <i class="fas fa-star"></i>
376
+ <i class="fas fa-star"></i>
377
+ <i class="fas fa-star"></i>
378
+ </div>
379
+ </div>
380
+ <p class="mb-6">"I went from zero coding knowledge to building my own web applications thanks to the comprehensive Coding Mastery program. The instructors are phenomenal!"</p>
381
+ <div class="flex items-center">
382
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Client" class="w-12 h-12 rounded-full mr-4 object-cover">
383
+ <div>
384
+ <h4 class="font-bold">Michael Chen</h4>
385
+ <p class="text-sm opacity-80">Junior Developer, WebCraft</p>
386
+ </div>
387
+ </div>
388
+ </div>
389
+ <!-- Testimonial 3 -->
390
+ <div class="bg-white bg-opacity-10 p-8 rounded-lg backdrop-filter backdrop-blur-sm">
391
+ <div class="flex items-center mb-4">
392
+ <div class="text-yellow-400 text-xl mr-2">
393
+ <i class="fas fa-star"></i>
394
+ <i class="fas fa-star"></i>
395
+ <i class="fas fa-star"></i>
396
+ <i class="fas fa-star"></i>
397
+ <i class="fas fa-star-half-alt"></i>
398
+ </div>
399
+ </div>
400
+ <p class="mb-6">"The AI Tools course gave me practical skills that I use daily in my data science job. The hands-on projects were particularly valuable for my career growth."</p>
401
+ <div class="flex items-center">
402
+ <img src="https://randomuser.me/api/portraits/women/65.jpg" alt="Client" class="w-12 h-12 rounded-full mr-4 object-cover">
403
+ <div>
404
+ <h4 class="font-bold">Emily Rodriguez</h4>
405
+ <p class="text-sm opacity-80">Data Scientist, AI Solutions</p>
406
+ </div>
407
+ </div>
408
+ </div>
409
+ </div>
410
+ </div>
411
+ </section>
412
+
413
+ <!-- Contact Section -->
414
+ <section id="contact" class="py-20">
415
+ <div class="container mx-auto px-6">
416
+ <div class="text-center mb-16">
417
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Get In Touch</h2>
418
+ <div class="w-24 h-1 bg-indigo-600 mx-auto mb-6"></div>
419
+ <p class="text-lg text-gray-600 max-w-2xl mx-auto">Ready to start your learning journey or have questions about our courses? Contact us today.</p>
420
+ </div>
421
+ <div class="flex flex-col md:flex-row">
422
+ <div class="md:w-1/2 mb-12 md:mb-0 md:pr-12">
423
+ <h3 class="text-2xl font-bold mb-6">Contact Information</h3>
424
+ <div class="space-y-6">
425
+ <div class="flex items-start">
426
+ <div class="text-indigo-600 mr-4 mt-1">
427
+ <i class="fas fa-envelope text-xl"></i>
428
+ </div>
429
+ <div>
430
+ <h4 class="font-bold mb-1">Email</h4>
431
+ <p class="text-gray-600">tejas256k@gmail.com</p>
432
+ <p class="text-gray-600">cgc.yatharth@hotmail.com</p>
433
+ <p class="text-gray-600">pappoor470@gmail.com</p>
434
+ <p class="text-gray-600">wwc2.hi@hotmail.com</p>
435
+ </div>
436
+ </div>
437
+ <div class="flex items-start">
438
+ <div class="text-indigo-600 mr-4 mt-1">
439
+ <i class="fas fa-phone-alt text-xl"></i>
440
+ </div>
441
+ <div>
442
+ <h4 class="font-bold mb-1">Phone</h4>
443
+ <p class="text-gray-600">+1 (555) 123-4567</p>
444
+ </div>
445
+ </div>
446
+ </div>
447
+ <div class="mt-12">
448
+ <h3 class="text-2xl font-bold mb-6">Follow Us</h3>
449
+ <div class="flex space-x-4">
450
+ <a href="#" class="bg-gray-100 hover:bg-indigo-600 hover:text-white w-12 h-12 rounded-full flex items-center justify-center text-gray-700 transition duration-300">
451
+ <i class="fab fa-facebook-f text-xl"></i>
452
+ </a>
453
+ <a href="#" class="bg-gray-100 hover:bg-indigo-600 hover:text-white w-12 h-12 rounded-full flex items-center justify-center text-gray-700 transition duration-300">
454
+ <i class="fab fa-twitter text-xl"></i>
455
+ </a>
456
+ <a href="#" class="bg-gray-100 hover:bg-indigo-600 hover:text-white w-12 h-12 rounded-full flex items-center justify-center text-gray-700 transition duration-300">
457
+ <i class="fab fa-linkedin-in text-xl"></i>
458
+ </a>
459
+ <a href="#" class="bg-gray-100 hover:bg-indigo-600 hover:text-white w-12 h-12 rounded-full flex items-center justify-center text-gray-700 transition duration-300">
460
+ <i class="fab fa-instagram text-xl"></i>
461
+ </a>
462
+ </div>
463
+ </div>
464
+ </div>
465
+ <div class="md:w-1/2">
466
+ <form id="contact-form" class="bg-white p-8 rounded-lg shadow-md">
467
+ <div class="mb-6">
468
+ <label for="name" class="block text-gray-700 font-medium mb-2">Full Name</label>
469
+ <input type="text" id="name" name="name" class="w-full px-4 py-3 border rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500" required>
470
+ </div>
471
+ <div class="mb-6">
472
+ <label for="email" class="block text-gray-700 font-medium mb-2">Email Address</label>
473
+ <input type="email" id="email" name="email" class="w-full px-4 py-3 border rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500" required>
474
+ </div>
475
+ <div class="mb-6">
476
+ <label for="course" class="block text-gray-700 font-medium mb-2">Course Interest</label>
477
+ <select id="course" name="course" class="w-full px-4 py-3 border rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500" required>
478
+ <option value="">Select a course</option>
479
+ <option value="ethical-hacking">Ethical Hacking</option>
480
+ <option value="coding">Coding Mastery</option>
481
+ <option value="web-building">Website Building</option>
482
+ <option value="ai-tools">AI Tools Mastery</option>
483
+ <option value="llm">LLM Technologies</option>
484
+ </select>
485
+ </div>
486
+ <div class="mb-6">
487
+ <label for="message" class="block text-gray-700 font-medium mb-2">Message</label>
488
+ <textarea id="message" name="message" rows="5" class="w-full px-4 py-3 border rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500" required></textarea>
489
+ </div>
490
+ <button type="submit" class="w-full bg-indigo-600 hover:bg-indigo-700 text-white px-6 py-3 rounded-lg font-semibold transition duration-300">Send Message</button>
491
+ </form>
492
+ </div>
493
+ </div>
494
+ </div>
495
+ </section>
496
+
497
+ <!-- Footer -->
498
+ <footer class="bg-gray-900 text-white py-12">
499
+ <div class="container mx-auto px-6">
500
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
501
+ <div>
502
+ <h3 class="text-xl font-bold mb-4">CODE-GENEXIS CORP</h3>
503
+ <p class="text-gray-400">Empowering the next generation of tech professionals through comprehensive IT education.</p>
504
+ </div>
505
+ <div>
506
+ <h4 class="text-lg font-semibold mb-4">Quick Links</h4>
507
+ <ul class="space-y-2">
508
+ <li><a href="#home" class="text-gray-400 hover:text-white transition">Home</a></li>
509
+ <li><a href="#courses" class="text-gray-400 hover:text-white transition">Courses</a></li>
510
+ <li><a href="#about" class="text-gray-400 hover:text-white transition">About Us</a></li>
511
+ <li><a href="#portfolio" class="text-gray-400 hover:text-white transition">Portfolio</a></li>
512
+ <li><a href="#contact" class="text-gray-400 hover:text-white transition">Contact</a></li>
513
+ </ul>
514
+ </div>
515
+ <div>
516
+ <h4 class="text-lg font-semibold mb-4">Courses</h4>
517
+ <ul class="space-y-2">
518
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Ethical Hacking</a></li>
519
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Coding Mastery</a></li>
520
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Website Building</a></li>
521
+ <li><a href="#" class="text-gray-400 hover:text-white transition">AI Tools Mastery</a></li>
522
+ <li><a href="#" class="text-gray-400 hover:text-white transition">LLM Technologies</a></li>
523
+ </ul>
524
+ </div>
525
+ <div>
526
+ <h4 class="text-lg font-semibold mb-4">Newsletter</h4>
527
+ <p class="text-gray-400 mb-4">Subscribe to our newsletter for course updates and tech insights.</p>
528
+ <form class="flex">
529
+ <input type="email" placeholder="Your email" class="px-4 py-2 rounded-l-lg focus:outline-none text-gray-800 w-full">
530
+ <button type="submit" class="bg-indigo-600 hover:bg-indigo-700 px-4 py-2 rounded-r-lg transition">
531
+ <i class="fas fa-paper-plane"></i>
532
+ </button>
533
+ </form>
534
+ </div>
535
+ </div>
536
+ <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
537
+ <p class="text-gray-400 mb-4 md:mb-0">© 2023 Code-Genexis Corp. All rights reserved.</p>
538
+ <div class="flex space-x-6">
539
+ <a href="#" class="text-gray-400 hover:text-white transition">Privacy Policy</a>
540
+ <a href="#" class="text-gray-400 hover:text-white transition">Terms of Service</a>
541
+ <a href="#" class="text-gray-400 hover:text-white transition">Sitemap</a>
542
+ </div>
543
+ </div>
544
+ </div>
545
+ </footer>
546
+
547
+ <!-- Back to Top Button -->
548
+ <button id="back-to-top" class="fixed bottom-8 right-8 bg-indigo-600 text-white w-12 h-12 rounded-full shadow-lg flex items-center justify-center transition duration-300 opacity-0 invisible">
549
+ <i class="fas fa-arrow-up"></i>
550
+ </button>
551
+
552
+ <script>
553
+ // Mobile menu toggle
554
+ const mobileMenuButton = document.getElementById('mobile-menu-button');
555
+ const mobileMenu = document.getElementById('mobile-menu');
556
+
557
+ mobileMenuButton.addEventListener('click', () => {
558
+ mobileMenu.classList.toggle('hidden');
559
+ });
560
+
561
+ // Smooth scrolling for navigation links
562
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
563
+ anchor.addEventListener('click', function (e) {
564
+ e.preventDefault();
565
+
566
+ const targetId = this.getAttribute('href');
567
+ const targetElement = document.querySelector(targetId);
568
+
569
+ if (targetElement) {
570
+ window.scrollTo({
571
+ top: targetElement.offsetTop - 80,
572
+ behavior: 'smooth'
573
+ });
574
+
575
+ // Close mobile menu if open
576
+ mobileMenu.classList.add('hidden');
577
+ }
578
+ });
579
+ });
580
+
581
+ // Back to top button
582
+ const backToTopButton = document.getElementById('back-to-top');
583
+
584
+ window.addEventListener('scroll', () => {
585
+ if (window.pageYOffset > 300) {
586
+ backToTopButton.classList.remove('opacity-0', 'invisible');
587
+ backToTopButton.classList.add('opacity-100', 'visible');
588
+ } else {
589
+ backToTopButton.classList.remove('opacity-100', 'visible');
590
+ backToTopButton.classList.add('opacity-0', 'invisible');
591
+ }
592
+ });
593
+
594
+ backToTopButton.addEventListener('click', () => {
595
+ window.scrollTo({
596
+ top: 0,
597
+ behavior: 'smooth'
598
+ });
599
+ });
600
+
601
+ // Form submission
602
+ const contactForm = document.getElementById('contact-form');
603
+
604
+ contactForm.addEventListener('submit', (e) => {
605
+ e.preventDefault();
606
+
607
+ // Get form values
608
+ const name = document.getElementById('name').value;
609
+ const email = document.getElementById('email').value;
610
+ const course = document.getElementById('course').value;
611
+ const message = document.getElementById('message').value;
612
+
613
+ // Prepare email content
614
+ const subject = `Interest in ${course} course`;
615
+ const body = `Name: ${name}\nEmail: ${email}\nCourse: ${course}\nMessage: ${message}`;
616
+
617
+ // Send to all email addresses
618
+ const emails = [
619
+ 'tejas256k@gmail.com',
620
+ 'cgc.yatharth@hotmail.com',
621
+ 'pappoor470@gmail.com',
622
+ 'wwc2.hi@hotmail.com'
623
+ ];
624
+
625
+ emails.forEach(emailAddress => {
626
+ // In a real implementation, you would send this to your server
627
+ // which would then email all recipients
628
+ console.log(`Email would be sent to: ${emailAddress}`);
629
+ console.log(`Subject: ${subject}`);
630
+ console.log(`Body: ${body}\n`);
631
+ });
632
+
633
+ // Show success message to user
634
+ alert(`Thank you, ${name}! We've received your interest in our ${course} course. We'll contact you at ${email} soon.`);
635
+
636
+ // Reset form
637
+ contactForm.reset();
638
+ });
639
+
640
+ // Show course details
641
+ let activeCourse = null;
642
+
643
+ function showCourseDetails(courseId) {
644
+ const courseElement = document.getElementById(courseId);
645
+
646
+ // If clicking the same course, toggle it
647
+ if (activeCourse === courseId) {
648
+ courseElement.classList.toggle('active');
649
+ return;
650
+ }
651
+
652
+ // Hide any currently active course
653
+ if (activeCourse) {
654
+ document.getElementById(activeCourse).classList.remove('active');
655
+ }
656
+
657
+ // Show the clicked course
658
+ courseElement.classList.add('active');
659
+ activeCourse = courseId;
660
+ }
661
+
662
+ // Animation on scroll
663
+ const animateOnScroll = () => {
664
+ const elements = document.querySelectorAll('.service-card, .animate-float');
665
+
666
+ elements.forEach(element => {
667
+ const elementPosition = element.getBoundingClientRect().top;
668
+ const screenPosition = window.innerHeight / 1.2;
669
+
670
+ if (elementPosition < screenPosition) {
671
+ element.style.opacity = '1';
672
+ element.style.transform = 'translateY(0)';
673
+ }
674
+ });
675
+ };
676
+
677
+ // Set initial state for animated elements
678
+ document.querySelectorAll('.service-card').forEach(card => {
679
+ card.style.opacity = '0';
680
+ card.style.transform = 'translateY(20px)';
681
+ card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
682
+ });
683
+
684
+ // Run animation check on load and scroll
685
+ window.addEventListener('load', animateOnScroll);
686
+ window.addEventListener('scroll', animateOnScroll);
687
+ </script>
688
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Tejas123we/code" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
689
+ </html>
prompts.txt ADDED
File without changes