Spaces:
Running
Running
Promote version 0cf493d to main
Browse filesPromoted commit 0cf493de01a6dff7e14fd831e5af1bddf04d5059 to main branch
- 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
|
| 46 |
</a>
|
| 47 |
-
|
| 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 |
-
|
| 119 |
-
|
| 120 |
-
<
|
| 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 |
-
<
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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 |
-
|
| 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 |
-
|
| 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>
|