284 lines
14 KiB
HTML
284 lines
14 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="style2.css">
|
|
</head>
|
|
<body>
|
|
<!-- Side Navigation -->
|
|
<div class="side-nav">
|
|
<div class="logo-container">
|
|
<div class="logo-text">JPM</div>
|
|
<div class="logo-subtext">SECURITY & SERVICES</div>
|
|
</div>
|
|
<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>
|
|
</ul>
|
|
</nav>
|
|
<div class="nav-footer">
|
|
<div class="social-links">
|
|
<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>
|
|
<p>© 2025 JPM</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Mobile Navigation -->
|
|
<div class="mobile-nav">
|
|
<div class="container">
|
|
<div class="mobile-nav-header">
|
|
<div class="logo-text">JPM</div>
|
|
<button class="menu-toggle">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="mobile-menu">
|
|
<nav>
|
|
<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>
|
|
</ul>
|
|
</nav>
|
|
<div class="mobile-social-links">
|
|
<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>
|
|
|
|
<!-- Main Content -->
|
|
<main class="main-content">
|
|
<!-- Hero Section -->
|
|
<section id="home" class="hero-section">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-lg-6 hero-content">
|
|
<div class="hero-logo"></div>
|
|
<h1>JPM</h1>
|
|
<h2>SECURITY & SERVICES</h2>
|
|
<p class="hero-text">Uw partner in beveiliging & dienstverlening</p>
|
|
<a href="#contact" class="btn btn-primary">Neem contact op</a>
|
|
</div>
|
|
<div class="col-lg-6 hero-image">
|
|
<div class="overlay"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Services Section -->
|
|
<section id="diensten" class="services-section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<span class="section-number">01</span>
|
|
<h2>Onze Diensten</h2>
|
|
<p>Professionele oplossingen voor al uw beveiligings- en servicebehoeften</p>
|
|
</div>
|
|
<div class="row services-grid">
|
|
<div class="col-md-6">
|
|
<div class="service-item">
|
|
<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 protocollen. Wij bieden zowel fysieke beveiliging als elektronische beveiligingsoplossingen, afgestemd op uw specifieke situatie.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="service-item">
|
|
<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. Wij verzorgen smakelijke maaltijden en verfrissende dranken met aandacht voor detail en presentatie. Onze ervaren chef-koks bereiden gerechten met verse, lokale ingrediënten en kunnen rekening houden met diverse dieetwensen en culturele voorkeuren.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="service-item">
|
|
<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. Wij bieden een persoonlijke service die uw comfort en gemak maximaliseert.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="service-item">
|
|
<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 denken met u mee en bieden oplossingen die bij uw situatie passen, van administratieve ondersteuning tot facilitair beheer. Onze flexibele aanpak zorgt ervoor dat we snel kunnen inspelen op veranderende omstandigheden en nieuwe uitdagingen.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- About Section -->
|
|
<section id="over-ons" class="about-section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div class="section-header">
|
|
<span class="section-number">02</span>
|
|
<h2>Over Ons</h2>
|
|
</div>
|
|
<div class="about-content">
|
|
<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>Opgericht in 2010, is JPM Security & Services uitgegroeid tot een vertrouwde naam in de beveiligingsbranche. Ons team bestaat uit meer dan 50 hoogopgeleide professionals die zich dagelijks inzetten om de beste service te leveren. Wij investeren continu in training en ontwikkeling om op de hoogte te blijven van de nieuwste technieken en trends in de sector.</p>
|
|
|
|
<div class="values-grid">
|
|
<div class="value-item">
|
|
<h4>Betrouwbaarheid</h4>
|
|
<p>Wij staan altijd voor u klaar, ongeacht de omstandigheden of het tijdstip</p>
|
|
</div>
|
|
<div class="value-item">
|
|
<h4>Professionaliteit</h4>
|
|
<p>Hoogopgeleide medewerkers met relevante certificeringen en continue training</p>
|
|
</div>
|
|
<div class="value-item">
|
|
<h4>Kwaliteit</h4>
|
|
<p>Dienstverlening van het hoogste niveau met aandacht voor detail en klanttevredenheid</p>
|
|
</div>
|
|
<div class="value-item">
|
|
<h4>Integriteit</h4>
|
|
<p>Eerlijk en transparant in alles wat we doen, met respect voor privacy en vertrouwelijkheid</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="about-image-container">
|
|
<div class="about-image"></div>
|
|
<div class="about-image-overlay"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact Section -->
|
|
<section id="contact" class="contact-section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<span class="section-number">03</span>
|
|
<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">
|
|
<div class="contact-info">
|
|
<div class="contact-item">
|
|
<div class="contact-icon">
|
|
<i class="fas fa-map-marker-alt"></i>
|
|
</div>
|
|
<div class="contact-text">
|
|
<h4>Adres</h4>
|
|
<p>Hoofdstraat 123, 1234 AB Amsterdam</p>
|
|
</div>
|
|
</div>
|
|
<div class="contact-item">
|
|
<div class="contact-icon">
|
|
<i class="fas fa-phone"></i>
|
|
</div>
|
|
<div class="contact-text">
|
|
<h4>Telefoon</h4>
|
|
<p>+31 20 123 4567</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-5">
|
|
<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">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="footer-logo">
|
|
<div class="logo-text">JPM</div>
|
|
<div class="logo-subtext">SECURITY & SERVICES</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="footer-links">
|
|
<h4>Snelle Links</h4>
|
|
<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>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="footer-contact">
|
|
<h4>Contact</h4>
|
|
<p><i class="fas fa-map-marker-alt"></i> Hoofdstraat 123, 1234 AB Amsterdam</p>
|
|
<p><i class="fas fa-phone"></i> +31 20 123 4567</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<p>© 2025 JPM Security & Services. Alle rechten voorbehouden.</p>
|
|
<div class="footer-legal">
|
|
<a href="#">Privacybeleid</a>
|
|
<a href="#">Algemene voorwaarden</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</main>
|
|
|
|
<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> |