Spaces:
Running
Running
Write a professional success story page for NanoMatter Technologies with uploaded image about the successful installation and commissioning of an advanced MOCVD (Metal Organic Chemical Vapor Deposition) system at Tata Institute of Fundamental Research (TIFR), Hyderbad.
a130ddd
verified
| class CustomFooter extends HTMLElement { | |
| connectedCallback() { | |
| this.attachShadow({ mode: 'open' }); | |
| this.shadowRoot.innerHTML = ` | |
| <style> | |
| footer { | |
| background: #f9fafb; | |
| border-top: 1px solid #e5e7eb; | |
| padding: 3rem 1rem; | |
| } | |
| .footer-container { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| } | |
| .footer-content { | |
| display: grid; | |
| grid-template-columns: 2fr 1fr 1fr; | |
| gap: 2rem; | |
| } | |
| .footer-section h4 { | |
| color: #111827; | |
| font-weight: 600; | |
| margin-bottom: 1rem; | |
| } | |
| .footer-links { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 0.5rem; | |
| } | |
| .footer-link { | |
| color: #6b7280; | |
| text-decoration: none; | |
| transition: color 0.3s ease; | |
| } | |
| .footer-link:hover { | |
| color: #ff6600; | |
| } | |
| .footer-bottom { | |
| border-top: 1px solid #e5e7eb; | |
| margin-top: 2rem; | |
| padding-top: 2rem; | |
| text-align: center; | |
| color: #6b7280; | |
| } | |
| @media (max-width: 768px) { | |
| .footer-content { | |
| grid-template-columns: 1fr; | |
| gap: 2rem; | |
| } | |
| } | |
| </style> | |
| <footer> | |
| <div class="footer-container"> | |
| <div class="footer-content"> | |
| <div class="footer-section"> | |
| <h4>NanoMatter Technologies</h4> | |
| <p style="color: #6b7280; margin: 0;">Advanced semiconductor equipment for next-generation innovation.</p> | |
| </div> | |
| <div class="footer-section"> | |
| <h4>Quick Links</h4> | |
| <div class="footer-links"> | |
| <a href="#about" class="footer-link">About</a> | |
| <a href="#specifications" class="footer-link">Specifications</a> | |
| <a href="#service" class="footer-link">Services</a> | |
| <a href="#partnerships" class="footer-link">Partnerships</a> | |
| <a href="success-stories/tifr-mocvd-installation.html" class="footer-link">Success Stories</a> | |
| <a href="#contact" class="footer-link">Contact</a> | |
| </div> | |
| </div> | |
| <div class="footer-section"> | |
| <h4>Contact</h4> | |
| <div class="footer-links"> | |
| <span style="color: #6b7280;">India: +91 7994785886</span> | |
| <span style="color: #6b7280;">Germany: +49 1628528047</span> | |
| </div> | |
| </div> | |
| <div class="footer-bottom"> | |
| <p>© 2024 NanoMatter Technologies. All rights reserved.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| `; | |
| } | |
| } | |
| customElements.define('custom-footer', CustomFooter); |