303 lines
20 KiB
PHP
303 lines
20 KiB
PHP
<?php session_start(); ?>
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>TPS Petroleums LLP - Advanced RDF Biofuel Solutions</title>
|
||
<meta name="description" content="High-performance, environmentally responsible biofuel with secure logistics and strict quality control.">
|
||
<meta name="keywords" content="biofuel, RDF biofuel, renewable energy, industrial fuel, TPS Petroleums">
|
||
|
||
<!-- Bootstrap CSS -->
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
||
|
||
<!-- Google Fonts -->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
|
||
|
||
<!-- Bootstrap Icons -->
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
||
|
||
<!-- Custom CSS -->
|
||
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
||
</head>
|
||
<body>
|
||
|
||
<!-- Scroll to Top Button -->
|
||
<a href="#" id="scroll-to-top" class="d-none"><i class="bi bi-arrow-up-short"></i></a>
|
||
|
||
<!-- Header & Navigation -->
|
||
<header>
|
||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||
<div class="container">
|
||
<a class="navbar-brand fw-bold" href="#">TPS Petroleums LLP</a>
|
||
<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 Us</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="#quality">Quality & Assurance</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="#product">Product</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="#sustainability">Sustainability</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="#logistics">Logistics</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
|
||
<!-- Hero Section -->
|
||
<main>
|
||
<section class="hero-section text-white d-flex justify-content-center align-items-center" style="background-image: url('assets/images/hero-background.jpg');">
|
||
<div class="container text-center">
|
||
<h1 class="display-3 fw-bold">Advanced RDF Biofuel Solutions for a Cleaner Industrial Future</h1>
|
||
<p class="lead my-4">High-performance, environmentally responsible biofuel with secure logistics and strict quality control.</p>
|
||
<a href="#product" class="btn btn-primary btn-lg mx-2">Explore Our Product</a>
|
||
<a href="#contact" class="btn btn-outline-light btn-lg mx-2">Contact Us</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="about" class="py-5">
|
||
<div class="container">
|
||
<div class="text-center mb-5">
|
||
<h2 class="fw-bold">Company Focus</h2>
|
||
<p class="lead text-muted">TPS Petroleums LLP delivers advanced RDF Biofuel solutions with a strong emphasis on quality control, secure logistics, and environmental sustainability. The company uses innovative processing technology to ensure reliable, high-performance biofuel for industrial applications.</p>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-4 text-center">
|
||
<div class="mb-3"><i class="bi bi-shield-check display-4 text-primary"></i></div>
|
||
<h4>Quality Control</h4>
|
||
</div>
|
||
<div class="col-md-4 text-center">
|
||
<div class="mb-3"><i class="bi bi-truck display-4 text-primary"></i></div>
|
||
<h4>Secure Logistics</h4>
|
||
</div>
|
||
<div class="col-md-4 text-center">
|
||
<div class="mb-3"><i class="bi bi-leaf display-4 text-primary"></i></div>
|
||
<h4>Sustainability</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="quality" class="bg-light py-5">
|
||
<div class="container">
|
||
<div class="text-center mb-5">
|
||
<h2 class="fw-bold">Multi-Stage Quality Assurance</h2>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-3 mb-4"><div class="card h-100 text-center shadow-sm"><div class="card-body"><div class="mb-3"><i class="bi bi-eyedropper display-4 text-primary"></i></div><h5 class="card-title">Raw Material Testing</h5><p class="card-text">Feedstock analysis before unloading.</p></div></div></div>
|
||
<div class="col-md-3 mb-4"><div class="card h-100 text-center shadow-sm"><div class="card-body"><div class="mb-3"><i class="bi bi-arrow-repeat display-4 text-primary"></i></div><h5 class="card-title">In-Process Monitoring</h5><p class="card-text">Continuous quality checks.</p></div></div></div>
|
||
<div class="col-md-3 mb-4"><div class="card h-100 text-center shadow-sm"><div class="card-body"><div class="mb-3"><i class="bi bi-patch-check display-4 text-primary"></i></div><h5 class="card-title">Final Product Verification</h5><p class="card-text">Comprehensive testing before dispatch.</p></div></div></div>
|
||
<div class="col-md-3 mb-4"><div class="card h-100 text-center shadow-sm"><div class="card-body"><div class="mb-3"><i class="bi bi-file-earmark-text display-4 text-primary"></i></div><h5 class="card-title">Documentation & Sampling</h5><p class="card-text">Test reports and counter samples with every delivery.</p></div></div></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="product" class="py-5">
|
||
<div class="container">
|
||
<div class="text-center mb-5">
|
||
<h2 class="fw-bold">Our Product: RDF Biofuel</h2>
|
||
<p class="lead text-muted">Manufactured from non-edible vegetable oil for clean and efficient industrial combustion.</p>
|
||
</div>
|
||
<div class="row mb-5">
|
||
<div class="col-md-3">
|
||
<div class="card h-100 text-center">
|
||
<img src="assets/images/product1.jpg" class="card-img-top" alt="Zero Sludge">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Zero Sludge</h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<div class="card h-100 text-center">
|
||
<img src="assets/images/product2.jpg" class="card-img-top" alt="Low Sulfur">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Low Sulfur</h5>
|
||
<p class="text-muted">max 0.0034%</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<div class="card h-100 text-center">
|
||
<img src="assets/images/product3.jpg" class="card-img-top" alt="High Calorific Value">
|
||
<div class="card-body">
|
||
<h5 class="card-title">High Calorific Value</h5>
|
||
<p class="text-muted">10,200 kcal/kg</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<div class="card h-100 text-center">
|
||
<img src="assets/images/product4.jpg" class="card-img-top" alt="Optimal Density">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Optimal Density</h5>
|
||
<p class="text-muted">0.88–0.92 kg/ltr</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="sustainability" class="mb-5">
|
||
<h3 class="text-center fw-bold mb-4">Environmental Impact vs. LDO</h3>
|
||
<div class="row"><div class="col-md-3 text-center"><div class="p-3 border rounded"><h4>99.8%</h4><p class="text-muted">SOx Reduction</p></div></div><div class="col-md-3 text-center"><div class="p-3 border rounded"><h4>40%</h4><p class="text-muted">Particulate Matter Reduction</p></div></div><div class="col-md-3 text-center"><div class="p-3 border rounded"><h4>93%</h4><p class="text-muted">Hydrocarbon Reduction</p></div></div><div class="col-md-3 text-center"><div class="p-3 border rounded"><h4>50%</h4><p class="text-muted">CO Reduction</p></div></div></div>
|
||
</div>
|
||
<div class="row text-center mb-5">
|
||
<div class="col-md-4"><div class="mb-2"><i class="bi bi-gear display-4 text-primary"></i></div><h5>Operational & Safety Advantages</h5><ul class="list-unstyled text-muted"><li>3–4% higher burning efficiency than LDO</li><li>Flash point >70°C for safer storage</li><li>Comparable viscosity to LDO</li></ul></div>
|
||
<div class="col-md-4"><div class="mb-2"><i class="bi bi-cash-coin display-4 text-primary"></i></div><h5>Economic & Strategic Benefits</h5><ul class="list-unstyled text-muted"><li>Cost-competitive alternative</li><li>Renewable and sustainable</li><li>Uses domestic agricultural feedstock</li></ul></div>
|
||
<div class="col-md-4"><div class="mb-2"><i class="bi bi-exclamation-triangle display-4 text-primary"></i></div><h5>Lower Toxicity</h5><ul class="list-unstyled text-muted"><li>Better workplace safety</li><li>Non-toxic and biodegradable</li></ul></div>
|
||
</div>
|
||
<h3 class="text-center fw-bold mb-4">Technical Specifications</h3>
|
||
<div class="table-responsive"><table class="table table-bordered table-striped"><thead class="table-dark"><tr><th>Parameter</th><th>RDF Biofuel</th><th>LDO</th></tr></thead><tbody><tr><td>Sulfur %</td><td>< 0.0034%</td><td>~0.5 - 1.8%</td></tr><tr><td>Calorific Value (kcal/kg)</td><td>10,200</td><td>~10,300</td></tr><tr><td>SOx Emissions</td><td>Dramatically Lower</td><td>High</td></tr><tr><td>Safety (Flash Point)</td><td>>70°C (Safer)</td><td>~66°C</td></tr><tr><td>Efficiency</td><td>3-4% Higher</td><td>Standard</td></tr></tbody></table></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="logistics" class="bg-light py-5">
|
||
<div class="container">
|
||
<div class="text-center mb-5">
|
||
<h2 class="fw-bold">Logistics & Traceability</h2>
|
||
<p class="lead text-muted">Our integrated logistics network ensures that your biofuel supply is secure, timely, and fully traceable from our plant to your facility.</p>
|
||
</div>
|
||
<div class="row align-items-center">
|
||
<div class="col-md-6">
|
||
<img src="assets/images/pexels/906982.jpg" class="img-fluid rounded shadow-sm" alt="Logistics and Traceability">
|
||
</div>
|
||
<div class="col-md-6">
|
||
<ul class="list-unstyled">
|
||
<li class="mb-3"><i class="bi bi-check-circle-fill text-primary me-2"></i><strong>Detailed Test Reports:</strong> Every shipment includes comprehensive test reports, so you have full visibility into the fuel's specifications.</li>
|
||
<li class="mb-3"><i class="bi bi-check-circle-fill text-primary me-2"></i><strong>Counter Samples:</strong> For quality assurance, we store counter samples of every delivery for one month.</li>
|
||
<li class="mb-3"><i class="bi bi-check-circle-fill text-primary me-2"></i><strong>Sealed Invoices:</strong> All invoices and challans are dispatched with a unique seal number to ensure tamper-proof documentation.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="conclusion-section bg-secondary text-white py-5">
|
||
<div class="container text-center">
|
||
<h2 class="fw-bold">A Complete Biofuel Solution</h2>
|
||
<p class="lead">TPS Petroleums LLP provides a complete biofuel solution combining quality assurance, secure logistics, and environmentally responsible RDF Biofuel technology—offering cost savings, improved efficiency, and major emission reductions.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="contact" class="py-5">
|
||
<div class="container">
|
||
<div class="text-center mb-5">
|
||
<h2 class="fw-bold">Contact Us</h2>
|
||
<p class="lead text-muted">Get in touch for inquiries or to place an order.</p>
|
||
<button class="btn btn-primary btn-lg" data-bs-toggle="modal" data-bs-target="#orderModal">Place an Order</button>
|
||
</div>
|
||
|
||
<?php if (isset($_SESSION['status']) && isset($_SESSION['message'])): ?>
|
||
<div class="alert alert-<?php echo $_SESSION['status'] === 'success' ? 'success' : 'danger'; ?> alert-dismissible fade show" role="alert">
|
||
<?php echo htmlspecialchars($_SESSION['message']); ?>
|
||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
||
</div>
|
||
<?php
|
||
unset($_SESSION['status']);
|
||
unset($_SESSION['message']);
|
||
?>
|
||
<?php endif; ?>
|
||
|
||
<div class="row">
|
||
<div class="col-md-8 mx-auto">
|
||
<form action="contact_handler.php" method="post">
|
||
<div class="mb-3"><input type="text" name="name" class="form-control" placeholder="Your Name" required></div>
|
||
<div class="mb-3"><input type="email" name="email" class="form-control" placeholder="Your Email" required></div>
|
||
<div class="mb-3"><textarea name="message" class="form-control" rows="5" placeholder="Your Message" required></textarea></div>
|
||
<div class="text-center"><button type="submit" class="btn btn-primary">Send Message</button></div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<!-- Footer -->
|
||
<footer class="bg-dark text-white py-5">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<h5>TPS Petroleums LLP</h5>
|
||
<p class="text-muted">Your partner in sustainable energy solutions.</p>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<h5>Quick Links</h5>
|
||
<ul class="list-unstyled">
|
||
<li><a href="#" class="text-white text-decoration-none">Home</a></li>
|
||
<li><a href="#about" class="text-white text-decoration-none">About Us</a></li>
|
||
<li><a href="#product" class="text-white text-decoration-none">Product</a></li>
|
||
<li><a href="#contact" class="text-white text-decoration-none">Contact</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<h5>Contact Us</h5>
|
||
<p class="text-muted">
|
||
Email: info@tpspetroleums.com<br>
|
||
Phone: +91 123 456 7890
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="text-center mt-4 text-muted">
|
||
<p>© <?php echo date("Y"); ?> TPS Petroleums LLP. All Rights Reserved.</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- Bootstrap JS -->
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
||
|
||
<!-- Custom JS -->
|
||
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
|
||
|
||
<!-- Order Modal -->
|
||
<div class="modal fade" id="orderModal" tabindex="-1" aria-labelledby="orderModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-lg">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title" id="orderModalLabel">Place an Order</h5>
|
||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<form id="orderForm">
|
||
<div class="mb-3">
|
||
<label for="companyName" class="form-label">Company Name</label>
|
||
<input type="text" class="form-control" id="companyName" required>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="contactPerson" class="form-label">Contact Person</label>
|
||
<input type="text" class="form-control" id="contactPerson" required>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="email" class="form-label">Email Address</label>
|
||
<input type="email" class="form-control" id="email" required>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="phone" class="form-label">Phone Number</label>
|
||
<input type="tel" class="form-control" id="phone" required>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="quantity" class="form-label">Quantity (in Liters)</label>
|
||
<input type="number" class="form-control" id="quantity" required min="1000">
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="deliveryAddress" class="form-label">Delivery Address</label>
|
||
<textarea class="form-control" id="deliveryAddress" rows="3" required></textarea>
|
||
</div>
|
||
<div class="form-check mb-3">
|
||
<input class="form-check-input" type="checkbox" value="" id="termsCheck" required>
|
||
<label class="form-check-label" for="termsCheck">
|
||
I agree to the terms and conditions.
|
||
</label>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary">Submit Order</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|