File Manager

Editing:process.php

<?php require APPROOT . '/views/layouts/header.php'; ?>

<section class="bg-navy text-white py-5">
  <div class="container text-center pt-5 pb-3">
    <h1 class="display-4 font-outfit fw-bold fade-in-up">Security Process</h1>
    <p class="lead text-white-50 fade-in-up delay-1">From Vision to Results</p>
  </div>
</section>

<section class="section-padding">
  <div class="container">
    <div class="row align-items-center mb-5 fade-in-up">
      <div class="col-lg-8 text-center mx-auto">
        <h2 class="font-outfit fw-bold text-navy mb-4">Navigating the Requirement</h2>
        <div class="bg-gold mx-auto" style="width: 60px; height: 3px; border-radius: 2px; margin-bottom: 25px;"></div>
        <p class="fs-5 text-secondary">
          We design a tailored strategy to address your unique challenges & goals, creating a consistent & powerful Security identity to make your property or asset safe & secured.
        </p>
      </div>
    </div>
    
    <div class="row position-relative mt-5">
      
      <div class="position-absolute top-50 start-0 w-100 d-none d-lg-block" style="height: 2px; background-color: var(--gold); z-index: 0;"></div>
      
      <div class="col-lg-4 mb-5 mb-lg-0 fade-in-up">
        <div class="process-card text-center p-5 bg-white position-relative z-index-2 rounded-circle shadow border border-gold border-2 mx-auto" style="width: 250px; height: 250px; display: flex; flex-direction: column; justify-content: center;">
          <i class="fas fa-search text-navy fs-1 mb-3"></i>
          <h5 class="font-outfit fw-bold">Discovery &<br>Strategy</h5>
        </div>
        <div class="text-center mt-4 px-3">
          <p class="text-secondary">We start by assessing your requirement & providing the best tailor made security solution.</p>
        </div>
      </div>
      
      <div class="col-lg-4 mb-5 mb-lg-0 fade-in-up delay-1">
        <div class="process-card text-center p-5 bg-navy text-white position-relative z-index-2 rounded-circle shadow border border-gold border-2 mx-auto" style="width: 250px; height: 250px; display: flex; flex-direction: column; justify-content: center;">
          <i class="fas fa-layer-group text-gold fs-1 mb-3"></i>
          <h5 class="font-outfit fw-bold text-white">Design &<br>Development</h5>
        </div>
        <div class="text-center mt-4 px-3">
          <p class="text-secondary">Staying in connect with client we go back to back following the requirements and fulfilling the gap.</p>
        </div>
      </div>
      
      <div class="col-lg-4 fade-in-up delay-2">
        <div class="process-card text-center p-5 bg-white position-relative z-index-2 rounded-circle shadow border border-gold border-2 mx-auto" style="width: 250px; height: 250px; display: flex; flex-direction: column; justify-content: center;">
          <i class="fas fa-chart-line text-navy fs-1 mb-3"></i>
          <h5 class="font-outfit fw-bold">Monitoring &<br>Optimization</h5>
        </div>
        <div class="text-center mt-4 px-3">
          <p class="text-secondary">We continually analyze our personal doing multiple visits per week to maintain our standards.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-5 bg-light-gray">
  <div class="container">
    <div class="row g-4 justify-content-center">
      <div class="col-md-6 fade-in-up">
        <div class="bg-white p-4 rounded shadow-sm border-start border-4 border-navy h-100">
          <h4 class="font-outfit fw-bold text-navy mb-3">Unified Protection</h4>
          <p class="text-muted mb-0">We create a consistent & powerful Security identity to make your property or asset safe & secured.</p>
        </div>
      </div>
      <div class="col-md-6 fade-in-up delay-1">
        <div class="bg-white p-4 rounded shadow-sm border-start border-4 border-gold h-100">
          <h4 class="font-outfit fw-bold text-navy mb-3">Security Presence</h4>
          <p class="text-muted mb-0">Our tactics & experience comes into play with state of the art training and hand selecting the personal.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<?php require APPROOT . '/views/layouts/footer.php'; ?>

Cancel

🤩 File Manager - Mr.X

Editing:process.php