mithunparambath commited on
Commit
8d577c9
·
verified ·
1 Parent(s): 86270c7

Promote version 0cf493d to main

Browse files

Promoted commit 0cf493de01a6dff7e14fd831e5af1bddf04d5059 to main branch

Files changed (1) hide show
  1. index.html +71 -11
index.html CHANGED
@@ -42,9 +42,9 @@
42
  </p>
43
  <div class="flex flex-col sm:flex-row gap-4 justify-center">
44
  <a href="#technologies" class="bg-orange-500 hover:bg-orange-600 text-white px-8 py-4 rounded-lg font-semibold transition-all duration-300 transform hover:scale-105 shadow-lg">
45
- Explore Technologies
46
  </a>
47
- <a href="#contact" class="border border-orange-500 text-orange-500 hover:bg-orange-500 hover:text-white px-8 py-4 rounded-lg font-semibold transition-all duration-300 shadow-md">
48
  Get in Touch
49
  </a>
50
  </div>
@@ -115,15 +115,13 @@
115
  <div class="grid md:grid-cols-2 gap-12">
116
  <!-- MOCVD Card -->
117
  <div class="bg-white rounded-2xl p-8 border border-gray-200 hover:border-orange-500 transition-all duration-300 shadow-md hover:shadow-lg">
118
- <div class="mb-6">
119
- <div class="flex items-center gap-4">
120
- <div class="w-12 h-12 bg-orange-500 rounded-lg flex items-center justify-center">
121
- <i data-feather="layers" class="text-white"></i>
122
  </div>
123
  <h3 class="text-2xl font-semibold text-gray-900">MOCVD Systems</h3>
124
- </div>
125
  </div>
126
- <p class="text-gray-600 mb-6">
127
  Metal Organic Chemical Vapor Deposition systems for high-precision thin film growth
128
  of 2D materials and transition metal dichalcogenides (TMDs).
129
  </p>
@@ -255,13 +253,23 @@
255
  <div class="space-y-4">
256
  <div class="bg-orange-50 rounded-xl p-6 border-l-4 border-orange-500">
257
  <h4 class="font-semibold text-orange-500 mb-2">Academic Partnerships</h4>
258
- <p class="text-gray-600">Joint research projects with top-tier universities</p>
 
 
 
 
 
 
 
 
 
259
  </div>
 
260
  <div class="bg-orange-50 rounded-xl p-6 border-l-4 border-orange-500">
261
  <h4 class="font-semibold text-orange-500 mb-2">Industrial Collaborations</h4>
262
  <p class="text-gray-600">Technology transfer and co-development with industry leaders</p>
263
  </div>
264
- </div>
265
  </div>
266
  <div class="grid grid-cols-2 gap-4">
267
  <div class="bg-orange-50 rounded-xl p-6 flex items-center justify-center">
@@ -280,10 +288,62 @@
280
  </div>
281
  </div>
282
  </section>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
283
 
284
  <!-- Contact Section -->
285
  <section id="contact" class="py-20 bg-gray-50">
286
- <div class="max-w-6xl mx-auto px-4">
287
  <div class="text-center mb-16">
288
  <h2 class="text-4xl md:text-5xl font-bold mb-4 text-gray-900">Contact Us</h2>
289
  <div class="w-24 h-1 bg-orange-500 mx-auto"></div>
 
42
  </p>
43
  <div class="flex flex-col sm:flex-row gap-4 justify-center">
44
  <a href="#technologies" class="bg-orange-500 hover:bg-orange-600 text-white px-8 py-4 rounded-lg font-semibold transition-all duration-300 transform hover:scale-105 shadow-lg">
45
+ Explore Products
46
  </a>
47
+ <a href="#contact" class="border border-orange-500 text-orange-500 hover:bg-orange-500 hover:text-white px-8 py-4 rounded-lg font-semibold transition-all duration-300 shadow-md">
48
  Get in Touch
49
  </a>
50
  </div>
 
115
  <div class="grid md:grid-cols-2 gap-12">
116
  <!-- MOCVD Card -->
117
  <div class="bg-white rounded-2xl p-8 border border-gray-200 hover:border-orange-500 transition-all duration-300 shadow-md hover:shadow-lg">
118
+ <div class="flex items-center gap-4 mb-6">
119
+ <div class="w-12 h-12 bg-orange-500 rounded-lg flex items-center justify-center">
120
+ <i data-feather="layers" class="text-white"></i>
 
121
  </div>
122
  <h3 class="text-2xl font-semibold text-gray-900">MOCVD Systems</h3>
 
123
  </div>
124
+ <p class="text-gray-600 mb-6">
125
  Metal Organic Chemical Vapor Deposition systems for high-precision thin film growth
126
  of 2D materials and transition metal dichalcogenides (TMDs).
127
  </p>
 
253
  <div class="space-y-4">
254
  <div class="bg-orange-50 rounded-xl p-6 border-l-4 border-orange-500">
255
  <h4 class="font-semibold text-orange-500 mb-2">Academic Partnerships</h4>
256
+ <div class="space-y-3">
257
+ <p class="text-gray-600 mb-2">Joint research projects with top-tier institutions:</p>
258
+ <div class="space-y-2">
259
+ <a href="https://www.tifrh.res.in/" target="_blank" class="block text-orange-500 hover:text-orange-600 font-medium transition-colors duration-200" rel="noopener">
260
+ • Tata Institute of Fundamental Research (TIFR)
261
+ </a>
262
+ <a href="https://www.chalmers.se/en/centres/2d-tech/" target="_blank" class="block text-orange-500 hover:text-orange-600 font-medium transition-colors duration-200" rel="noopener">
263
+ • Chalmers 2D-TECH Center
264
+ </a>
265
+ </div>
266
  </div>
267
+ </div>
268
  <div class="bg-orange-50 rounded-xl p-6 border-l-4 border-orange-500">
269
  <h4 class="font-semibold text-orange-500 mb-2">Industrial Collaborations</h4>
270
  <p class="text-gray-600">Technology transfer and co-development with industry leaders</p>
271
  </div>
272
+ </div>
273
  </div>
274
  <div class="grid grid-cols-2 gap-4">
275
  <div class="bg-orange-50 rounded-xl p-6 flex items-center justify-center">
 
288
  </div>
289
  </div>
290
  </section>
291
+ <!-- Technical Notes Section -->
292
+ <section id="technical-notes" class="py-20 px-4 bg-white">
293
+ <div class="max-w-6xl mx-auto">
294
+ <div class="text-center mb-16">
295
+ <h2 class="text-4xl md:text-5xl font-bold mb-4 text-gray-900">Technical Notes & Resources</h2>
296
+ <div class="w-24 h-1 bg-orange-500 mx-auto"></div>
297
+ </div>
298
+ <div class="grid md:grid-cols-2 gap-12">
299
+ <div class="bg-orange-50 rounded-2xl p-8 border border-orange-200">
300
+ <h3 class="text-2xl font-semibold mb-6 text-orange-500">Deposition Process Guidelines</h3>
301
+ <div class="space-y-6">
302
+ <div class="bg-white rounded-xl p-6 border-l-4 border-orange-500">
303
+ <h4 class="font-semibold text-orange-500 mb-2">MOCVD Best Practices</h4>
304
+ <ul class="text-sm text-gray-600 space-y-2">
305
+ <li>• Optimize precursor flow rates for uniform film growth</li>
306
+ <li>• Maintain stable substrate temperature during deposition</li>
307
+ <li>• Regular chamber cleaning to prevent contamination</li>
308
+ <li>• Monitor chamber pressure and gas composition</li>
309
+ </ul>
310
+ </div>
311
+ <div class="bg-white rounded-xl p-6 border-l-4 border-orange-500">
312
+ <h4 class="font-semibold text-orange-500 mb-2">PVD Optimization Tips</h4>
313
+ <ul class="text-sm text-gray-600 space-y-2">
314
+ <li>• Pre-sputter targets to remove surface oxides</li>
315
+ <li>• Maintain proper target-to-substrate distance</li>
316
+ <li>• Optimize sputtering power and gas pressure</li>
317
+ <li>• Use appropriate substrate bias for film adhesion</li>
318
+ </ul>
319
+ </div>
320
+ </div>
321
+ <div class="bg-orange-50 rounded-2xl p-8 border border-orange-200">
322
+ <h3 class="text-2xl font-semibold mb-6 text-orange-500">Material Specifications</h3>
323
+ <div class="space-y-4">
324
+ <div class="bg-white rounded-lg p-4">
325
+ <h4 class="font-semibold text-gray-900 mb-3">2D Materials Growth</h4>
326
+ <p class="text-sm text-gray-600">Detailed protocols for MoS₂, WS₂, and other TMDs</div>
327
+ <div class="bg-white rounded-lg p-4">
328
+ <h4 class="font-semibold text-gray-900 mb-3">Metal Thin Films</h4>
329
+ <p class="text-sm text-gray-600">Aluminum, Copper, Titanium deposition parameters</div>
330
+ <div class="bg-white rounded-lg p-4">
331
+ <h4 class="font-semibold text-gray-900 mb-3">Dielectric Layers</h4>
332
+ <p class="text-sm text-gray-600">SiO₂, Si₃N₄, Al₂O₃ growth conditions</div>
333
+ </div>
334
+ <div class="mt-6 text-center">
335
+ <a href="#" class="bg-orange-500 hover:bg-orange-600 text-white px-6 py-3 rounded-lg font-semibold transition-all duration-300 transform hover:scale-105 shadow-lg">
336
+ Download Technical Manual
337
+ </a>
338
+ </div>
339
+ </div>
340
+ </div>
341
+ </div>
342
+ </section>
343
 
344
  <!-- Contact Section -->
345
  <section id="contact" class="py-20 bg-gray-50">
346
+ <div class="max-w-6xl mx-auto px-4">
347
  <div class="text-center mb-16">
348
  <h2 class="text-4xl md:text-5xl font-bold mb-4 text-gray-900">Contact Us</h2>
349
  <div class="w-24 h-1 bg-orange-500 mx-auto"></div>