<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>MYLCID</title>

  <!-- Bootstrap CSS -->
  <link href="assets/dist/css/bootstrap.min.css" rel="stylesheet" />
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">

  <!-- AOS CSS -->
  <link href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css" rel="stylesheet" />

  <!-- Bootstrap Icons -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet" />

  <!-- Custom CSS -->
  <link href="assets/dist/css/styles.css" rel="stylesheet" />
</head>

<body class="d-flex flex-column min-vh-100">

  <!-- Navigation Header (Thymeleaf fragment) -->
   <div>
    <nav class="navbar navbar-expand-lg sticky-top">
      <div class="container">
        <a class="navbar-brand" href="/">
          <img src="/assets/images/Logo-SIRIM-small.jpg" alt="Logo"/>
        </a>
        <div class="brand-text">
          <div class="navbar-brand">MYLCID</div>
          <div class="main-title">Malaysia Life Cycle Inventory Database</div>
        </div>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        
        <div class="collapse navbar-collapse" id="navbarNav">
          <ul class="navbar-nav ms-auto">
            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
            <li class="nav-item"><a class="nav-link" href="/about">About</a></li>
            <li class="nav-item"><a class="nav-link" href="/search">Search Data Sets</a></li> 

              
             <!-- Show only when user is NOT logged in -->
              
            
          
       
           
            <!-- Show only when user is NOT logged in -->

            <li class="nav-item">
            <a class="nav-link" href="/register">User Registration</a></li>
            <li class="nav-item">
            <a class="nav-link" href="/login">Login</a></li>

            
          <!-- Show only when user IS logged in -->
          
          			 
			 
			  <!-- Dropdown -->
          
          
    	  	
			 <!-- <li class="nav-item"><a class="nav-link" href="#" th:href="@{/api/user/22}">API</a></li> -->

  		</ul>
		</div>
          
                      
	</div>
    </nav>
  </div>

  <main class="flex-grow-1 d-flex flex-column w-100 p-0">

  <div class="image-header-container text-center position-relative">
                <img src="assets/images/background1.png" class="img-fluid w-100" alt="Background image">
                 <div class="overlay"></div>
    				<h2 class="image-title"></h2>
 </div>
             

    <!-- Search Section -->
    <section class="mt-5">
      <div class="row">
        <div class="col-md-12 text-danger"  data-aos="fade-up">
          <h2 class="text-center mb-4"></h2>
    
           <p class="text-justify mx-auto" style="max-width: 1200px; text-align: center;">No static resource sitemap.xml.</p>
           
           <p class="text-justify mx-auto" style="max-width: 1200px; text-align: center;"> 
           <a href="/" class="btn btn-primary mt-3">Back to Home</a>
			</p>
    
  
        </div>
        

        
      </div>

					
    </section>


  </main>

  <!-- Footer (Thymeleaf fragment) -->
  <div>
    <footer class="footer text-light py-4 mt-5">
      <div class="container">
        <div class="row">
         <div class="col-md-6 mb-3">
         <p class="mb-1">The complete LCI data set inclusive of input and output can be purchased by contacting the following address stated below. For any enquiries, please direct to:</p>
         </div>
         </div>
         <div class="row justify-content-center">
         <div class="col-md-6 mb-3">
            <h5 class="text-warning">Our Office</h5>
            <p class="mb-1">SIRIM Berhad</p>
            <p class="mb-1">Energy & Environment Centre</p>
            <p class="mb-1">1, Persiaran Dato' Menteri, Section 2, P. O. Box 7035,</p>
            <p class="mb-1">40911 Shah Alam, Malaysia</p>
            <p class="mb-1">Email: <a href="mailto:mylcid@sirim.my" class="text-warning">mylcid@sirim.my</a></p>
            <p class="mb-0">Phone: <a href="+603 5544 6275, +603 5544 6277" class="text-warning">+603 5544 6275, +603 5544 6277</a></p>
          </div>
          <div class="col-md-6 mb-3 text-md-end">
            <h5 class="text-warning">Connect</h5>
            <ul class="list-unstyled">
              <li><a href="#" class="text-light">Home</a></li>
              <li><a href="https://www.sirim.my" target="_blank" class="text-light">About SIRIM</a></li>
              <li><a href="https://www.sirim.my/ETRC" target="_blank" class="text-light">Services</a></li>
              <li><a href="https://www.sirim.my/Privacy-Policy" target="_blank" class="text-light">Privacy Policy</a></li>
            </ul>
          </div>
		</div>
    <hr class="border-light" />
    <div class="text-center small footer-copy">
      &copy; 2025 SIRIM Berhad. All rights reserved.
    </div>
      </div>
    </footer>
  </div>     

  <!-- Scroll to top button -->
  <button id="scrollTopBtn" class="btn btn-warning position-fixed" style="bottom: 20px; right: 20px; display: none; z-index: 9999;">
    <i class="bi bi-arrow-up"></i>
  </button>

  <!-- JavaScript -->
  <script src="assets/dist/js/bootstrap.bundle.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.js"></script>
  <script src="assets/dist/js/scripts.js"></script>
</body>
</html>

