203 lines
10 KiB
HTML
203 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="nl">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>JPM Security & Services</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<!-- Navigation -->
|
|
<nav class="navbar navbar-expand-lg navbar-dark fixed-top">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="#">
|
|
<span class="brand-text">JPM</span>
|
|
</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">Home</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#diensten">Diensten</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#over-ons">Over Ons</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#contact">Contact</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero Section -->
|
|
<section id="home" class="hero">
|
|
<div class="container h-100 position-relative" style="z-index: 1;">
|
|
<div class="row h-100 align-items-center">
|
|
<div class="col-lg-6">
|
|
<div class="hero-content">
|
|
<div class="logo-container mb-4">
|
|
<div class="logo-image"></div>
|
|
</div>
|
|
<h1>JPM</h1>
|
|
<h2>SECURITY & SERVICES</h2>
|
|
<p class="lead">Uw partner in beveiliging & dienstverlening</p>
|
|
<a href="#contact" class="btn btn-primary btn-lg">Neem contact op</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Services Section -->
|
|
<section id="diensten" class="services py-5">
|
|
<div class="container">
|
|
<div class="section-header text-center mb-5">
|
|
<h2>Onze Diensten</h2>
|
|
<p>Professionele oplossingen voor al uw beveiligings- en servicebehoeften</p>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 col-lg-3 mb-4">
|
|
<div class="service-card">
|
|
<div class="service-icon">
|
|
<i class="fas fa-shield-alt"></i>
|
|
</div>
|
|
<h3>Beveiliging</h3>
|
|
<p>Professionele beveiligingsdiensten voor evenementen, bedrijven en particulieren. Onze getrainde beveiligers zorgen voor een veilige omgeving met 24/7 toezicht en snelle responstijden.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-3 mb-4">
|
|
<div class="service-card">
|
|
<div class="service-icon">
|
|
<i class="fas fa-utensils"></i>
|
|
</div>
|
|
<h3>Catering</h3>
|
|
<p>Hoogwaardige cateringdiensten voor zakelijke en privé-evenementen. Ons ervaren team verzorgt smakelijke maaltijden en verfrissende dranken, afgestemd op uw specifieke wensen en dieetvereisten.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-3 mb-4">
|
|
<div class="service-card">
|
|
<div class="service-icon">
|
|
<i class="fas fa-concierge-bell"></i>
|
|
</div>
|
|
<h3>Conciërge</h3>
|
|
<p>Exclusieve conciërgediensten voor bedrijven en luxe residenties. Onze conciërges staan 24/7 voor u klaar om aan al uw wensen te voldoen, van reserveringen tot persoonlijke assistentie.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-3 mb-4">
|
|
<div class="service-card">
|
|
<div class="service-icon">
|
|
<i class="fas fa-hands-helping"></i>
|
|
</div>
|
|
<h3>Ondersteuning</h3>
|
|
<p>Aanvullende diensten op maat voor uw specifieke behoeften. Wij bieden flexibele oplossingen die naadloos aansluiten bij uw situatie, van administratieve ondersteuning tot facilitair beheer.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- About Section -->
|
|
<section id="over-ons" class="about py-5">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6 mb-4 mb-lg-0">
|
|
<div class="about-image"></div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="section-header mb-4">
|
|
<h2>Over Ons</h2>
|
|
</div>
|
|
<p>JPM Security & Services is een toonaangevende leverancier van beveiligings- en aanvullende diensten in Nederland. Met jarenlange ervaring in de branche bieden wij professionele oplossingen die voldoen aan de hoogste standaarden.</p>
|
|
<p>Onze missie is om betrouwbare en hoogwaardige diensten te leveren die bijdragen aan de veiligheid en het comfort van onze klanten. Wij geloven in een persoonlijke aanpak en streven naar langdurige relaties met onze klanten.</p>
|
|
<p>Bij JPM Security & Services begrijpen we dat elke klant unieke behoeften heeft. Daarom bieden we op maat gemaakte oplossingen die perfect aansluiten bij uw specifieke situatie. Onze flexibele aanpak en toewijding aan kwaliteit maken ons de ideale partner voor al uw beveiligings- en servicevereisten.</p>
|
|
<div class="values mt-4">
|
|
<h3>Onze Waarden</h3>
|
|
<ul>
|
|
<li><strong>Betrouwbaarheid</strong> - Wij staan altijd voor u klaar, ongeacht de omstandigheden</li>
|
|
<li><strong>Professionaliteit</strong> - Hoogopgeleide medewerkers met relevante certificeringen</li>
|
|
<li><strong>Kwaliteit</strong> - Dienstverlening van het hoogste niveau met aandacht voor detail</li>
|
|
<li><strong>Integriteit</strong> - Eerlijk en transparant in alles wat we doen, met respect voor privacy</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact Section -->
|
|
<section id="contact" class="contact py-5">
|
|
<div class="container">
|
|
<div class="section-header text-center mb-5">
|
|
<h2>Contact</h2>
|
|
<p>Neem contact met ons op voor meer informatie of een vrijblijvende offerte</p>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto mb-4">
|
|
<div class="contact-info">
|
|
<h3>Contactgegevens</h3>
|
|
<ul class="list-unstyled">
|
|
<li><i class="fas fa-map-marker-alt"></i> Hoofdstraat 123, 1234 AB Amsterdam</li>
|
|
<li><i class="fas fa-phone"></i> +31 20 123 4567</li>
|
|
</ul>
|
|
<div class="social-links mt-4">
|
|
<a href="#" class="social-icon"><i class="fab fa-facebook-f"></i></a>
|
|
<a href="#" class="social-icon"><i class="fab fa-linkedin-in"></i></a>
|
|
<a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-4">
|
|
<div class="col-lg-8 mx-auto">
|
|
<div class="business-hours">
|
|
<h3>Openingstijden</h3>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<ul class="list-unstyled">
|
|
<li><strong>Maandag - Vrijdag:</strong> 9:00 - 17:00</li>
|
|
<li><strong>Zaterdag:</strong> 10:00 - 14:00</li>
|
|
<li><strong>Zondag:</strong> Gesloten</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<p>Voor noodgevallen zijn wij 24/7 bereikbaar via ons telefoonnummer.</p>
|
|
<p>Bezoek aan ons kantoor is mogelijk op afspraak.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer py-4">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-4 text-lg-start">
|
|
<div class="footer-logo">JPM</div>
|
|
<div class="footer-tagline">SECURITY & SERVICES</div>
|
|
</div>
|
|
<div class="col-lg-4 text-lg-center">
|
|
<p class="mb-0">© 2025 JPM Security & Services. Alle rechten voorbehouden.</p>
|
|
</div>
|
|
<div class="col-lg-4 text-lg-end">
|
|
<a href="#" class="text-decoration-none me-3">Privacybeleid</a>
|
|
<a href="#" class="text-decoration-none">Algemene voorwaarden</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html> |