136 lines
6.1 KiB
PHP
136 lines
6.1 KiB
PHP
<?php
|
|
declare(strict_types=1);
|
|
@ini_set('display_errors', '1');
|
|
@error_reporting(E_ALL);
|
|
@date_default_timezone_set('UTC');
|
|
|
|
$phpVersion = PHP_VERSION;
|
|
$now = date('Y-m-d H:i:s');
|
|
?>
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Fuel Management System</title>
|
|
<?php
|
|
// Read project preview data from environment
|
|
$projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Welcome to our Fuel Management System. Please log in to access your account.';
|
|
$projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
|
|
?>
|
|
<?php if ($projectDescription): ?>
|
|
<meta name="description" content="<?= htmlspecialchars($projectDescription) ?>" />
|
|
<meta property="og:description" content="<?= htmlspecialchars($projectDescription) ?>" />
|
|
<meta property="twitter:description" content="<?= htmlspecialchars($projectDescription) ?>" />
|
|
<?php endif; ?>
|
|
<?php if ($projectImageUrl): ?>
|
|
<meta property="og:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
|
|
<meta property="twitter:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
|
|
<?php endif; ?>
|
|
<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=Inter:wght@400;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="assets/css/style.css?v=<?php echo time(); ?>">
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
<div class="header-container">
|
|
<div class="logo">
|
|
<h1><a href="index.php">FuelCo</a></h1>
|
|
</div>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="#about">About</a></li>
|
|
<li><a href="#gallery">Gallery</a></li>
|
|
<li><a href="#contact">Contact</a></li>
|
|
<li><a href="#request-account">Request Account</a></li>
|
|
<li><a href="login.php">Login</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="container">
|
|
<section id="hero">
|
|
<h1>Your Reliable Partner for Bulk Fuel</h1>
|
|
<p>FuelCo provides top-quality diesel and petrol for commercial needs. Our portal allows you to manage orders, view real-time pricing, and track deliveries with ease.</p>
|
|
</section>
|
|
|
|
<section id="about">
|
|
<h2>About Us</h2>
|
|
<div class="about-content">
|
|
<div class="about-text">
|
|
<p>Founded in 2005, FuelCo has grown to be a leading distributor of commercial fuel. We are committed to reliability, competitive pricing, and outstanding customer service. Our state-of-the-art logistics network ensures timely deliveries to keep your business moving.</p>
|
|
<p>We serve a wide range of industries, from transportation and construction to agriculture and power generation. Our team of experts is always ready to help you find the best fuel solutions for your specific needs.</p>
|
|
</div>
|
|
<aside class="sidebar">
|
|
<h3>Did You Know?</h3>
|
|
<div class="did-you-know-item">
|
|
<p><strong>Regular vehicle maintenance</strong> can improve fuel efficiency by up to 4%.</p>
|
|
</div>
|
|
<div class="did-you-know-item">
|
|
<p>The first gas pump was invented by Sylvanus Bowser in 1885.</p>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="gallery">
|
|
<h2>Gallery</h2>
|
|
<div class="gallery-grid">
|
|
<div class="gallery-item"><img src="https://images.pexels.com/photos/2109099/pexels-photo-2109099.jpeg?auto=compress&cs=tinysrgb&w=600" alt="Fuel truck"></div>
|
|
<div class="gallery-item"><img src="https://images.pexels.com/photos/38280/pexels-photo-38280.jpeg?auto=compress&cs=tinysrgb&w=600" alt="Gas station at night"></div>
|
|
<div class="gallery-item"><img src="https://images.pexels.com/photos/1578533/pexels-photo-1578533.jpeg?auto=compress&cs=tinysrgb&w=600" alt="Fuel nozzle"></div>
|
|
<div class="gallery-item"><img src="https://images.pexels.com/photos/2414036/pexels-photo-2414036.jpeg?auto=compress&cs=tinysrgb&w=600" alt="Oil refinery"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="contact">
|
|
<h2>Contact Us</h2>
|
|
<p>Have questions? Get in touch with our team.</p>
|
|
<ul>
|
|
<li><strong>Email:</strong> <a href="mailto:sales@fuelco.net">sales@fuelco.net</a></li>
|
|
<li><strong>Phone:</strong> (800) 555-0199</li>
|
|
<li><strong>Address:</strong> 123 Fuel Way, Houston, TX 77002</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section id="request-account">
|
|
<h2>Request a Customer Account</h2>
|
|
<p>Fill out the form below to request a new account. We will review your submission and get back to you shortly.</p>
|
|
<form action="handle_request.php" method="post" enctype="multipart/form-data" class="account-form">
|
|
<div class="form-group">
|
|
<label for="name">Your Full Name</label>
|
|
<input type="text" id="name" name="name" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="company_name">Company Name</label>
|
|
<input type="text" id="company_name" name="company_name" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="email">Email Address</label>
|
|
<input type="email" id="email" name="email" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="phone">Phone Number</label>
|
|
<input type="tel" id="phone" name="phone" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="documents">Company Documentation</label>
|
|
<input type="file" id="documents" name="documents" required>
|
|
<small>Please upload relevant company registration documents.</small>
|
|
</div>
|
|
<div class="form-group">
|
|
<button type="submit" class="btn">Submit Request</button>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
</div>
|
|
|
|
<footer>
|
|
<p>© <?= date('Y') ?> FuelCo. All rights reserved.</p>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|