<?php
/**
 * Template Name: Cloud
 */

get_header(); ?>
 <main class="main">

    <!-- Page Title -->
   <!-- <div class="page-title accent-background">
      <div class="container d-lg-flex justify-content-between align-items-center">
        <h1 class="mb-2 mb-lg-0">Cloud services</h1>
        <nav class="breadcrumbs">
          <ol>
            <li><a href="index.html">Home</a></li>
            <li class="current">Cloud services</li>
          </ol>
        </nav>
      </div>
    </div> -->
    <!-- End Page Title -->

   <!-- Service Details Section -->
   <section id="service-details" class="service-details section " style="margin-bottom: 60px;">

    <div class="container">

      <div class="row gy-4">

        <div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
            <div class="services-list">
              <a style=" color: var(--heading-color);font-weight: 700; border-color: var(--accent-color);" href="<?= site_url('software-development') ?>" class="active">Software Development</a>
              <a href="<?= site_url('digital-marketing') ?>">Digital Marketing</a>
              <a href="<?= site_url('it-consulting') ?>"> IT Consulting</a>
              <a href="<?= site_url('cloud-services') ?>">Cloud services</a>
              <a href="<?= site_url('network-security') ?>">Network security</a>
              <a href="<?= site_url('email-services') ?>">Email services</a>
            </div>

          <h4>IT Support & Services</h4>
          <p>There are different categories of service: business process services, application services and infrastructure services.</p>
        </div>

        <div class="col-lg-8" data-aos="fade-up" data-aos-delay="200">
          <img src="<?= bloginfo("template_url") ?>/assets/img/cloudserv.jpg" alt="" class="img-fluid services-img" style="width: 100%; height: 300px;">
          <h3>Cloud services</h3>
          <p>
            Cloud services have transformed the way modern businesses operate by offering flexible, scalable, and cost-effective access to technology and data. In simple terms, the cloud is an internet-based platform that allows users to store, access, and manage data and applications without being tied to physical hardware or specific locations.</p>
            <p>Cloud platforms also offer the ability to run operating systems and internal business software remotely, eliminating the need to install these programs on individual computers. This helps reduce hardware costs, maintenance efforts, and security risks.</p>
            <div class="container">
              <div class="row">
                <!-- Left Column -->
                <div class="col-md-6 mb-4">
                  <div class="d-flex gap-2 mb-2">
                    <i class="bi bi-check-circle"></i>
                    <h5>Cloud Storage</h5>
                  </div>
                  <div class="d-flex gap-2 mb-2">
                    <i class="bi bi-check-circle"></i>
                    <h5>Cloud Hosting</h5>
                  </div>
                  <div class="d-flex gap-2 mb-2">
                    <i class="bi bi-check-circle"></i>
                    <h5>Platform as a Service (PaaS)</h5>
                  </div>
                  <div class="d-flex gap-2 mb-2">
                    <i class="bi bi-check-circle"></i>
                    <h5>Software as a Service (SaaS)</h5>
                  </div>
                </div>
            
                <!-- Right Column -->
                <div class="col-md-6 mb-4">
                  <div class="d-flex gap-2 mb-2">
                    <i class="bi bi-check-circle"></i>
                    <h5>Infrastructure as a Service (IaaS)</h5>
                  </div>
                  <div class="d-flex gap-2 mb-2">
                    <i class="bi bi-check-circle"></i>
                    <h5>Cloud Backup & Disaster Recovery</h5>
                  </div>
                  <div class="d-flex gap-2 mb-2">
                    <i class="bi bi-check-circle"></i>
                    <h5>Remote Desktop & Virtual Machines</h5>
                  </div>
                  <div class="d-flex gap-2 mb-2">
                    <i class="bi bi-check-circle"></i>
                    <h5>Cloud Security Services</h5>
                  </div>
                </div>
              </div>
            </div>
            
          </div>

      </div>

    </div>

  </section><!-- /Service Details Section -->

  </main>
<?php get_footer(); ?>
