429 lines
21 KiB
HTML
429 lines
21 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="style4.css">
|
|
</head>
|
|
<body>
|
|
<!-- Top Bar -->
|
|
<div class="top-bar">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="top-contact">
|
|
<span><i class="fas fa-phone"></i> +31 20 123 4567</span>
|
|
<span><i class="fas fa-map-marker-alt"></i> Amsterdam, NL</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="top-social">
|
|
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
|
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
|
<a href="#"><i class="fab fa-instagram"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Header -->
|
|
<header class="header">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-3">
|
|
<div class="logo">
|
|
<a href="index.html">
|
|
<div class="logo-img"></div>
|
|
<div class="logo-text">
|
|
<span class="logo-main">JPM</span>
|
|
<span class="logo-sub">SECURITY & SERVICES</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-9">
|
|
<nav class="main-nav">
|
|
<ul>
|
|
<li><a href="#home" class="active">Home</a></li>
|
|
<li><a href="#diensten">Diensten</a></li>
|
|
<li><a href="#over-ons">Over Ons</a></li>
|
|
<li><a href="#contact">Contact</a></li>
|
|
<li><a href="#contact" class="nav-btn">Offerte Aanvragen</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="mobile-menu-toggle">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Mobile Menu -->
|
|
<div class="mobile-menu">
|
|
<div class="container">
|
|
<ul>
|
|
<li><a href="#home">Home</a></li>
|
|
<li><a href="#diensten">Diensten</a></li>
|
|
<li><a href="#over-ons">Over Ons</a></li>
|
|
<li><a href="#contact">Contact</a></li>
|
|
<li><a href="#contact" class="nav-btn">Offerte Aanvragen</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Hero Section -->
|
|
<section id="home" class="hero-section">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6">
|
|
<div class="hero-content">
|
|
<h1>Professionele Beveiliging & Services</h1>
|
|
<p>JPM Security & Services is uw betrouwbare partner voor beveiligingsdiensten, catering, conciërge en meer. Wij bieden hoogwaardige dienstverlening met een persoonlijke aanpak en meer dan 15 jaar ervaring in de branche.</p>
|
|
<div class="hero-btns">
|
|
<a href="#diensten" class="btn btn-primary">Onze Diensten</a>
|
|
<a href="#contact" class="btn btn-outline">Neem Contact Op</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="hero-image">
|
|
<div class="hero-img-container">
|
|
<div class="hero-img"></div>
|
|
</div>
|
|
<div class="hero-shape"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Features Section -->
|
|
<section class="features-section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="feature-box">
|
|
<div class="feature-icon">
|
|
<i class="fas fa-shield-alt"></i>
|
|
</div>
|
|
<h3>Betrouwbare Beveiliging</h3>
|
|
<p>Professionele beveiligingsdiensten voor uw gemoedsrust, met gecertificeerde beveiligers en moderne technologie</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="feature-box">
|
|
<div class="feature-icon">
|
|
<i class="fas fa-user-tie"></i>
|
|
</div>
|
|
<h3>Ervaren Personeel</h3>
|
|
<p>Hoogopgeleide medewerkers met jarenlange ervaring en doorlopende training in de nieuwste technieken</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="feature-box">
|
|
<div class="feature-icon">
|
|
<i class="fas fa-headset"></i>
|
|
</div>
|
|
<h3>24/7 Ondersteuning</h3>
|
|
<p>Altijd bereikbaar voor al uw vragen en behoeften, met snelle responstijden en persoonlijke service</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Services Section -->
|
|
<section id="diensten" class="services-section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<span class="section-subtitle">Wat wij bieden</span>
|
|
<h2 class="section-title">Onze Diensten</h2>
|
|
<p class="section-description">Professionele oplossingen voor al uw beveiligings- en servicebehoeften</p>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="service-card">
|
|
<div class="service-icon">
|
|
<i class="fas fa-shield-alt"></i>
|
|
</div>
|
|
<div class="service-content">
|
|
<h3>Beveiliging</h3>
|
|
<p>Professionele beveiligingsdiensten voor evenementen, bedrijven en particulieren. Onze getrainde beveiligers zorgen voor een veilige omgeving met geavanceerde beveiligingssystemen en risicoanalyses. Wij bieden zowel fysieke beveiliging als elektronische beveiligingsoplossingen.</p>
|
|
<a href="#contact" class="read-more">Meer informatie <i class="fas fa-arrow-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="service-card">
|
|
<div class="service-icon">
|
|
<i class="fas fa-utensils"></i>
|
|
</div>
|
|
<div class="service-content">
|
|
<h3>Catering</h3>
|
|
<p>Hoogwaardige cateringdiensten voor zakelijke en privé-evenementen. Ons culinaire team bereidt smakelijke maaltijden en verfrissende dranken met verse, lokale ingrediënten. Van kleine vergaderingen tot grote gala's, wij verzorgen catering op maat met aandacht voor presentatie en detail.</p>
|
|
<a href="#contact" class="read-more">Meer informatie <i class="fas fa-arrow-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="service-card">
|
|
<div class="service-icon">
|
|
<i class="fas fa-concierge-bell"></i>
|
|
</div>
|
|
<div class="service-content">
|
|
<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 het regelen van vervoer en reserveringen tot het coördineren van onderhoudsdiensten en speciale evenementen. Wij maken het leven gemakkelijker.</p>
|
|
<a href="#contact" class="read-more">Meer informatie <i class="fas fa-arrow-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="service-card">
|
|
<div class="service-icon">
|
|
<i class="fas fa-hands-helping"></i>
|
|
</div>
|
|
<div class="service-content">
|
|
<h3>Ondersteuning</h3>
|
|
<p>Aanvullende diensten op maat voor uw specifieke behoeften. Wij bieden flexibele oplossingen zoals administratieve ondersteuning, facilitair beheer, en logistieke diensten. Onze ervaren professionals werken nauw samen met u om de perfecte oplossing te vinden voor uw unieke situatie.</p>
|
|
<a href="#contact" class="read-more">Meer informatie <i class="fas fa-arrow-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- About Section -->
|
|
<section id="over-ons" class="about-section">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6">
|
|
<div class="about-image">
|
|
<div class="about-img"></div>
|
|
<div class="about-experience">
|
|
<span class="years">15+</span>
|
|
<span class="text">Jaren Ervaring</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="about-content">
|
|
<span class="section-subtitle">Over Ons</span>
|
|
<h2 class="section-title">Uw Betrouwbare Partner in Beveiliging & Dienstverlening</h2>
|
|
<p>JPM Security & Services is een toonaangevende leverancier van beveiligings- en aanvullende diensten in Nederland. Met meer dan 15 jaar 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>Wat ons onderscheidt is onze holistische benadering van dienstverlening. Door beveiliging, catering, conciërge en ondersteunende diensten te combineren, kunnen we een naadloze en geïntegreerde ervaring bieden. Onze klanten waarderen deze one-stop-shop aanpak, die tijd bespaart en zorgt voor consistente kwaliteit over alle diensten heen.</p>
|
|
|
|
<div class="about-features">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="about-feature-item">
|
|
<div class="icon"><i class="fas fa-check"></i></div>
|
|
<div class="text">Betrouwbaarheid</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="about-feature-item">
|
|
<div class="icon"><i class="fas fa-check"></i></div>
|
|
<div class="text">Professionaliteit</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="about-feature-item">
|
|
<div class="icon"><i class="fas fa-check"></i></div>
|
|
<div class="text">Kwaliteit</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="about-feature-item">
|
|
<div class="icon"><i class="fas fa-check"></i></div>
|
|
<div class="text">Integriteit</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="#contact" class="btn btn-primary">Neem Contact Op</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA Section -->
|
|
<section class="cta-section">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-8">
|
|
<div class="cta-content">
|
|
<h2>Klaar om uw beveiliging en service naar een hoger niveau te tillen?</h2>
|
|
<p>Neem vandaag nog contact met ons op voor een vrijblijvende offerte en ontdek hoe JPM Security & Services uw organisatie kan ondersteunen.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 text-lg-end">
|
|
<a href="#contact" class="btn btn-light">Offerte Aanvragen</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact Section -->
|
|
<section id="contact" class="contact-section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<span class="section-subtitle">Contact</span>
|
|
<h2 class="section-title">Neem Contact Met Ons Op</h2>
|
|
<p class="section-description">Gebruik onze contactgegevens om contact met ons op te nemen</p>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto">
|
|
<div class="contact-info">
|
|
<div class="contact-info-item">
|
|
<div class="icon">
|
|
<i class="fas fa-map-marker-alt"></i>
|
|
</div>
|
|
<div class="content">
|
|
<h4>Ons Adres</h4>
|
|
<p>Hoofdstraat 123, 1234 AB Amsterdam</p>
|
|
</div>
|
|
</div>
|
|
<div class="contact-info-item">
|
|
<div class="icon">
|
|
<i class="fas fa-phone"></i>
|
|
</div>
|
|
<div class="content">
|
|
<h4>Telefoon</h4>
|
|
<p>+31 20 123 4567</p>
|
|
</div>
|
|
</div>
|
|
<div class="contact-info-item">
|
|
<div class="icon">
|
|
<i class="fas fa-clock"></i>
|
|
</div>
|
|
<div class="content">
|
|
<h4>Openingstijden</h4>
|
|
<p>Maandag - Vrijdag: 9:00 - 17:00</p>
|
|
<p>Zaterdag: 10:00 - 14:00</p>
|
|
<p>Zondag: Gesloten</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-5">
|
|
<div class="col-lg-8 mx-auto">
|
|
<div class="additional-info">
|
|
<h3>Meer Informatie</h3>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="info-box">
|
|
<h4>Certificeringen</h4>
|
|
<ul class="list-unstyled">
|
|
<li>• ISO 9001:2015 - Kwaliteitsmanagement</li>
|
|
<li>• VCA** - Veiligheid, Gezondheid en Milieu</li>
|
|
<li>• Lid van de Nederlandse Veiligheidsbranche</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="info-box">
|
|
<h4>Werkgebied</h4>
|
|
<p>Wij zijn actief in heel Nederland, met focus op de Randstad (Amsterdam, Rotterdam, Den Haag, Utrecht) en omliggende gebieden.</p>
|
|
<p>Voor grote projecten zijn wij ook beschikbaar in België en Duitsland.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer">
|
|
<div class="footer-top">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="footer-widget about-widget">
|
|
<div class="footer-logo">
|
|
<div class="logo-text">
|
|
<span class="logo-main">JPM</span>
|
|
<span class="logo-sub">SECURITY & SERVICES</span>
|
|
</div>
|
|
</div>
|
|
<p>Professionele beveiligings- en servicediensten voor bedrijven en particulieren. Wij bieden hoogwaardige dienstverlening met een persoonlijke aanpak.</p>
|
|
<div class="footer-social">
|
|
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
|
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
|
<a href="#"><i class="fab fa-instagram"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-6">
|
|
<div class="footer-widget links-widget">
|
|
<h3 class="footer-widget-title">Snelle Links</h3>
|
|
<ul class="footer-links">
|
|
<li><a href="#home">Home</a></li>
|
|
<li><a href="#diensten">Diensten</a></li>
|
|
<li><a href="#over-ons">Over Ons</a></li>
|
|
<li><a href="#contact">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="footer-widget services-widget">
|
|
<h3 class="footer-widget-title">Onze Diensten</h3>
|
|
<ul class="footer-links">
|
|
<li><a href="#diensten">Beveiliging</a></li>
|
|
<li><a href="#diensten">Catering</a></li>
|
|
<li><a href="#diensten">Conciërge</a></li>
|
|
<li><a href="#diensten">Ondersteuning</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="footer-widget contact-widget">
|
|
<h3 class="footer-widget-title">Contact Info</h3>
|
|
<ul class="footer-contact-info">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-6">
|
|
<p class="copyright">© 2025 JPM Security & Services. Alle rechten voorbehouden.</p>
|
|
</div>
|
|
<div class="col-md-6 text-md-end">
|
|
<div class="footer-bottom-links">
|
|
<a href="#">Privacybeleid</a>
|
|
<a href="#">Algemene voorwaarden</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Back to Top -->
|
|
<a href="#" class="back-to-top">
|
|
<i class="fas fa-arrow-up"></i>
|
|
</a>
|
|
|
|
<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> |