139 lines
6.1 KiB
PHP
139 lines
6.1 KiB
PHP
<?php
|
|
if (session_status() === PHP_SESSION_NONE) {
|
|
session_start();
|
|
}
|
|
require_once 'db/config.php';
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>About Us - Car Sells in Afghanistan</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css" rel="stylesheet">
|
|
<link href="assets/css/custom.css?v=<?php echo time(); ?>" rel="stylesheet">
|
|
<style>
|
|
.about-hero {
|
|
background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://images.pexels.com/photos/116675/pexels-photo-116675.jpeg?auto=compress&cs=tinysrgb&w=1200');
|
|
background-size: cover;
|
|
background-position: center;
|
|
height: 400px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: white;
|
|
text-align: center;
|
|
margin-bottom: 5rem;
|
|
}
|
|
.story-img {
|
|
border-radius: 20px;
|
|
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
|
|
}
|
|
.feature-card {
|
|
border: none;
|
|
border-radius: 20px;
|
|
transition: transform 0.3s ease;
|
|
height: 100%;
|
|
}
|
|
.feature-card:hover {
|
|
transform: translateY(-10px);
|
|
}
|
|
.feature-icon {
|
|
width: 60px;
|
|
height: 60px;
|
|
background: var(--primary-color);
|
|
color: white;
|
|
border-radius: 15px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 1.5rem;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<?php include 'partials/navbar.php'; ?>
|
|
|
|
<section class="about-hero">
|
|
<div class="container">
|
|
<h1 class="display-3 fw-bold mb-3">Our Story</h1>
|
|
<p class="lead">Building Trust in the Afghan Automotive Market</p>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="container mb-5">
|
|
<div class="row align-items-center g-5">
|
|
<div class="col-lg-6">
|
|
<img src="https://images.pexels.com/photos/3184418/pexels-photo-3184418.jpeg?auto=compress&cs=tinysrgb&w=800" alt="About Me" class="img-fluid story-img">
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<h2 class="display-5 fw-bold mb-4">A Story About Me & My Vision</h2>
|
|
<p class="lead text-muted mb-4">Hi, I'm the founder of <strong>Car Sells in Afghanistan</strong>. Growing up in Kabul, I always noticed the challenges people faced when trying to find reliable vehicles at fair prices.</p>
|
|
<p class="mb-4">My journey started with a simple idea: to create a transparent, digital platform that connects sellers and buyers across all provinces—from the bustling streets of Herat to the historic roads of Kandahar and Mazar-i-Sharif.</p>
|
|
<p class="mb-4">We aren't just selling cars; we are building a community based on trust. Every car listed on our platform undergoes a rigorous check to ensure it meets our quality standards. Our mission is to modernize the Afghan car market, one vehicle at a time.</p>
|
|
<div class="d-flex gap-3">
|
|
<div class="text-center">
|
|
<h4 class="fw-bold text-primary mb-0">10+</h4>
|
|
<small class="text-muted">Provinces</small>
|
|
</div>
|
|
<div class="vr"></div>
|
|
<div class="text-center">
|
|
<h4 class="fw-bold text-primary mb-0">500+</h4>
|
|
<small class="text-muted">Happy Clients</small>
|
|
</div>
|
|
<div class="vr"></div>
|
|
<div class="text-center">
|
|
<h4 class="fw-bold text-primary mb-0">1000+</h4>
|
|
<small class="text-muted">Cars Sold</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<section class="bg-light py-5">
|
|
<div class="container py-5">
|
|
<div class="text-center mb-5">
|
|
<h2 class="fw-bold">Why Choose Us?</h2>
|
|
<p class="text-muted">We provide the best service in the country</p>
|
|
</div>
|
|
<div class="row g-4">
|
|
<div class="col-md-4">
|
|
<div class="card feature-card p-4">
|
|
<div class="feature-icon">
|
|
<i class="bi bi-shield-check"></i>
|
|
</div>
|
|
<h4 class="fw-bold">Verified Cars</h4>
|
|
<p class="text-muted">Every car is inspected for mechanical issues and documentation authenticity before being listed.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card feature-card p-4">
|
|
<div class="feature-icon bg-success">
|
|
<i class="bi bi-cash-stack"></i>
|
|
</div>
|
|
<h4 class="fw-bold">Best Prices</h4>
|
|
<p class="text-muted">We ensure that our prices are competitive and reflect the true value of the vehicle in the Afghan market.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card feature-card p-4">
|
|
<div class="feature-icon bg-info">
|
|
<i class="bi bi-headset"></i>
|
|
</div>
|
|
<h4 class="fw-bold">24/7 Support</h4>
|
|
<p class="text-muted">Our dedicated team is always ready to assist you with your inquiries, whether you're buying or selling.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<?php include 'partials/footer.php'; ?>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html>
|