<!DOCTYPE html>
<html lang="en" dir="ltr" data-nav-layout="horizontal" data-nav-style="menu-hover" data-theme-mode="light">
        
    <head>
        <!-- META DATA -->
        <meta charset="UTF-8">
        <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0'>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="author" content="Spruko Technologies Private Limited">
        <meta name="keywords" content="Hosting Website Templates, PHP Hosting Website Template, Hosting PHP Template, Professional Hosting PHP Template, Top Web Hosting PHP Templates, Web Hosting PHP Template, web hosting Bootstrap template, This professional Hosting PHP Template, Web Hosting Template, Bootstrap hosting template, Web Hosting Template Bootstrap, Bootstrap Web Hosting Template, Web Hosting Programming Template.">

        <!-- TITLE -->
        <title>Hostma – PHP Modern Web Hosting Template </title>
        
        <!-- FAVICON -->
        <link rel="icon" href="../assets/images/brand/favicon.ico" type="image/x-icon">

        <?php include '../layouts/styles.php'; ?>

        <!-- SWIPER CSS -->
        <link rel="stylesheet" href="../assets/libs/swiper/swiper-bundle.min.css">
    
    </head>

    <body class="main-body light-theme">

        <!-- BACK-TO-TOP -->
        <a href="#top" id="back-to-top" class="back-to-top rounded-circle shadow all-ease-03 fade-in">
            <i class="fe fe-arrow-up"></i>
        </a>
        <!-- END BACK-TO-TOP -->

        <!-- PAGE -->
        <div class="page">
            <div class="head_menu_container">

                <!-- HEADER -->
                <?php include '../layouts/header.php'; ?>

                <!-- END HEADER -->

                <!-- SIDEBAR -->
                <?php include '../layouts/sidebar.php'; ?>

                <!-- END SIDEBAR -->
            </div>

            <!-- MAIN-CONTENT -->
            <div class="main-content app-content">
                <section>
                    <div class="section banner-4 banner-section">
                        <div class="container">
                            <div class="row align-items-center">
                                <div class="col-lg-7">
                                    <div class="">
                                        <p class="mb-3 content-1 h5 text-white">Get To Know <span class="tx-info-dark position-relative">About Us<span class="br-bottom-before"></span></span></p>
                                        <p class="mb-4 content-2">We Fight Passionately to Get Our Clients Every Time They Deserve. We are Glad and Grateful you're here... </p>
                                        <a href="#about" class="btn btn-lg btn-secondary"><i class="bi bi-arrow-right me-2"></i>Get Started</a>
                                    </div>
                                </div>
                                <div class="col-lg-5">
                                    <div class="banner-bg about-image mt-5 mt-lg-0">
                                        <img src="../assets/images/png/26.png" class="reseller-img img-fluid" alt="img">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </section>

                <section class="section">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Software Tools</span></div>
                            <div class="heading-title">Power Packed Product With <span class="tx-primary">These Tools</span></div>
                            <div class="heading-description">50+ Plugins Available</div>
                        </div>
                        <div class="row justify-content-center">
                            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                                <div class="card feature-card-15 text-center align-items-center">
                                    <div class="card-body">
                                        <img src="../assets/images/png/apps/7.png" alt="img" width="150" class="tool-img img-fluid">
                                        <img src="../assets/images/png/apps/19.png" alt="img" width="150" class="tool-img-white img-fluid">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                                <div class="card feature-card-15 text-center align-items-center">
                                    <div class="card-body">
                                        <img src="../assets/images/png/apps/8.png" alt="img" width="150" class="tool-img img-fluid">
                                        <img src="../assets/images/png/apps/20.png" alt="img" width="150" class="tool-img-white img-fluid">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                                <div class="card feature-card-15 text-center align-items-center">
                                    <div class="card-body">
                                        <img src="../assets/images/png/apps/9.png" alt="img" width="150" class="tool-img img-fluid">
                                        <img src="../assets/images/png/apps/21.png" alt="img" width="150" class="tool-img-white img-fluid">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                                <div class="card feature-card-15 text-center align-items-center">
                                    <div class="card-body">
                                        <img src="../assets/images/png/apps/10.png" alt="img" width="150" class="tool-img img-fluid">
                                        <img src="../assets/images/png/apps/22.png" alt="img" width="150" class="tool-img-white img-fluid">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                                <div class="card feature-card-15 text-center align-items-center">
                                    <div class="card-body">
                                        <img src="../assets/images/png/apps/11.png" alt="img" width="150" class="tool-img img-fluid">
                                        <img src="../assets/images/png/apps/23.png" alt="img" width="150" class="tool-img-white img-fluid">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                                <div class="card feature-card-15 text-center align-items-center">
                                    <div class="card-body">
                                        <img src="../assets/images/png/apps/12.png" alt="img" width="150" class="tool-img img-fluid">
                                        <img src="../assets/images/png/apps/24.png" alt="img" width="150" class="tool-img-white img-fluid">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                                <div class="card feature-card-15 text-center align-items-center">
                                    <div class="card-body">
                                        <img src="../assets/images/png/apps/13.png" alt="img" width="150" class="tool-img img-fluid">
                                        <img src="../assets/images/png/apps/25.png" alt="img" width="150" class="tool-img-white img-fluid">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                                <div class="card feature-card-15 text-center align-items-center">
                                    <div class="card-body">
                                        <img src="../assets/images/png/apps/14.png" alt="img" width="150" class="tool-img img-fluid">
                                        <img src="../assets/images/png/apps/26.png" alt="img" width="150" class="tool-img-white img-fluid">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                                <div class="card feature-card-15 text-center align-items-center">
                                    <div class="card-body">
                                        <img src="../assets/images/png/apps/15.png" alt="img" width="150" class="tool-img img-fluid">
                                        <img src="../assets/images/png/apps/27.png" alt="img" width="150" class="tool-img-white img-fluid">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section bg-pattern-1 bg-gray-100 overflow-hidden" id="about">
                    <img src="../assets/images/patterns/9.png" alt="img" class="patterns-8 sub-pattern-1 filter-invert sub-pattern-1 op-1">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">About</span></div>
                            <div class="heading-title">Who We <span class="tx-primary">Are ?</span></div>
                            <div class="heading-description">Et et dolore aliquyam sed eos ut eos accusam erat, ipsum consetetur</div>
                        </div>
                        <div class="row align-items-center">
                            <div class="col-lg-6 feature-client-bg">
                                <h4 class="mb-3">
                                    <span>Why Choose Us</span>
                                </h4>
                                <p class="mb-4">We are proud of our history, but most of all, we are proud of our satisfied
                                    customers. Every day we raise the position of our customers sites higher and higher.
                                </p>
                                <div class="d-flex align-items-start mb-4">
                                    <div class="me-3">
                                        <span class="avatar text-bg-primary rounded-circle tx-20"><i class="bi bi-display"></i></span>
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="mb-1">Working Process</h6>
                                        <p class="mb-0 tx-14">Justo aliquyam duo vero clita aliquyam vero eirmod stet amet. Dolores est eos et est kasd, invidunt aliquyam no sadipscing.</p>
                                    </div>
                                </div>
                                <div class="d-flex align-items-start mb-4">
                                    <div class="me-3">
                                        <span class="avatar text-bg-secondary rounded-circle tx-20"><i class="bi bi-person"></i></span>
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="mb-1">Dedicated Team</h6>
                                        <p class="mb-0 tx-14">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas.</p>
                                    </div>
                                </div>
                                <div class="d-flex align-items-start">
                                    <div class="me-3">
                                        <span class="avatar text-bg-success rounded-circle tx-20"><i class="bi bi-headset"></i></span>
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="mb-1">24/7 Hours Support</h6>
                                        <p class="mb-0 tx-14">Molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 text-center">
                                <img src="../assets/images/png/63.png" class="img-fluid" alt="img" width="450">
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Included</span></div>
                            <div class="heading-title">What's <span class="tx-primary">Included?</span></div>
                            <div class="heading-description">Check This Out and follow the steps</div>
                        </div>
                        <div class="row justify-content-center align-items-center">
                            <div class="col-xl-3 col-sm-6">
                                <div class="card text-center feature-card-15 primary">
                                    <div class="card-body">
                                        <div class="feature-bg d-inline-block mb-4">
                                            <span class="avatar bg-primary-gradient primary-shadow text-white all-ease-03 tx-18 br-style1">
                                                <i class="bi bi-shield-check"></i>
                                            </span>
                                        </div>
                                        <h5 class="mt-2">Security Audit Report</h5>
                                        <p class="mb-0">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse et justo. </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3 col-sm-6">
                                <div class="card text-center feature-card-15 secondary">
                                    <div class="card-body">
                                        <div class="feature-bg d-inline-block mb-4">
                                            <span class="avatar bg-secondary-gradient secondary-shadow text-white all-ease-03 tx-18 br-style1">
                                                <i class="bi bi-award"></i>
                                            </span>
                                        </div>
                                        <h5 class="mt-2">SSL Certificate</h5>
                                        <p class="mb-0">Molestias exceptu sint occaecati cupidit non provident, similique sunt in culpa. </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3 col-sm-6">
                                <div class="card text-center feature-card-15 success">
                                    <div class="card-body">
                                        <div class="feature-bg d-inline-block mb-4">
                                            <span class="avatar bg-success-gradient success-shadow text-white all-ease-03 tx-18 br-style1">
                                                <i class="bi bi-hdd"></i>
                                            </span>
                                        </div>
                                        <h5 class="mt-2">Powerful SSD Storage</h5>
                                        <p class="mb-0">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore deserunt. </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3 col-sm-6">
                                <div class="card text-center feature-card-15 pink">
                                    <div class="card-body">
                                        <div class="feature-bg d-inline-block mb-4">
                                            <span class="avatar bg-pink-gradient pink-shadow text-white all-ease-03 tx-18 br-style1">
                                                <i class="bi bi-cloud-fog2"></i>
                                            </span>
                                        </div>
                                        <h5 class="mt-2">Cloud Application</h5>
                                        <p class="mb-0">Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo. </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3 col-sm-6">
                                <div class="card text-center feature-card-15 danger">
                                    <div class="card-body">
                                        <div class="feature-bg d-inline-block mb-4">
                                            <span class="avatar bg-danger-gradient danger-shadow text-white all-ease-03 tx-18 br-style1">
                                                <i class="bi bi-hdd"></i>
                                            </span>
                                        </div>
                                        <h5 class="mt-2">Priority Inbox Delivery</h5>
                                        <p class="mb-0">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet consectetur adipisci. </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3 col-sm-6">
                                <div class="card text-center feature-card-15 teal">
                                    <div class="card-body">
                                        <div class="feature-bg d-inline-block mb-4">
                                            <span class="avatar bg-teal-gradient teal-shadow text-white all-ease-03 tx-18 br-style1">
                                                <i class="bi bi-envelope-plus"></i>
                                            </span>
                                        </div>
                                        <h5 class="mt-2">Standard Email</h5>
                                        <p class="mb-0">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque. </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3 col-sm-6">
                                <div class="card text-center feature-card-15 warning">
                                    <div class="card-body">
                                        <div class="feature-bg d-inline-block mb-4">
                                            <span class="avatar bg-warning-gradient warning-shadow text-white all-ease-03 tx-18 br-style1">
                                                <i class="bi bi-display"></i>
                                            </span>
                                        </div>
                                        <h5 class="mt-2">Global Access Monitoring</h5>
                                        <p class="mb-0">Laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi. </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3 col-sm-6">
                                <div class="card text-center feature-card-15 blue">
                                    <div class="card-body">
                                        <div class="feature-bg d-inline-block mb-4">
                                            <span class="avatar bg-blue-gradient blue-shadow text-white all-ease-03 tx-18 br-style1">
                                                <i class="bi bi-hdd-network"></i>
                                            </span>
                                        </div>
                                        <h5 class="mt-2">Server Monitoring</h5>
                                        <p class="mb-0">Architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quisquam. </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section blob-bg-sec banner-pd-3">
                    <img src="../assets/images/patterns/18.png" alt="img" class="patterns-5 transform-rotate-180 height-inherit bottom-0 op-1">
                    <img src="../assets/images/patterns/18.png" alt="img" class="patterns-7 height-inherit bottom-0">
                    <div class="container">
                        <div class="row align-items-center">
                            <div class="col-lg-7">
                                <div class="heading-section text-start mb-4">
                                    <div class="heading-title text-white">Best Technical Support 24/7</div>
                                    <div class="heading-description text-white op-8">Support and Guidance</div>
                                </div>
                                <p class="mb-3 op-8">Est amet sit vero sanctus labore no sed ipsum ipsum nonumy. Sit ipsum sanctus ea magna est. Aliquyam sed amet. Kasd diam rebum sit ipsum ipsum erat et kasd, sed et et erat elitr consetetur et aliquyam. Et lorem ipsum Sit ipsum sanctus ea.</p>
                                <p class="tx-20 fw-500">Call Us : <a href="tel:123-789-7854" class="text-white me-1">123-789-7854</a> (Or) <a href="contact-us.php" class="text-white ms-1">Chat Now</a></p>
                                <a href="contact-us.php" class="btn btn-lg btn-secondary">Contact Now</a>
                            </div>
                            <div class="col-lg-5">
                                <div class="text-center mt-5 mt-lg-0">
                                    <img src="../assets/images/png/57.png" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section bg-pattern-1 bg-image1">
                    <div class="container">
                        <div class="row justify-content-between">

                            <div class="heading-section">
                                <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Features</span></div>
                                <div class="heading-title">Some Included <span class="tx-primary">Features</span> </div>
                                <div class="heading-description">Checkout These Features</div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-4 col-sm-6">
                                <div class="card shadow-none border">
                                    <div class="card-body text-center">
                                        <span class="blob-bg"><i class="bi bi-award text-white tx-26"></i></span>
                                        <h5>100% Uptime Guarantee</h5>
                                        <p class="mb-0">Justo aliquyam duo vero clita aliquyam vero eirmod stet amet. Dolores est eos et est kasd, invidunt aliquyam no sadipscing.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6">
                                <div class="card shadow-none border">
                                    <div class="card-body text-center">
                                        <span class="blob-bg secondary"><i class="bi bi-headset text-white tx-26"></i></span>
                                        <h5>Fully dedicated 24X7 support</h5>
                                        <p class="mb-0">Sed ut perspiciatis unde omnis natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6">
                                <div class="card shadow-none border">
                                    <div class="card-body text-center">
                                        <span class="blob-bg success"><i class="bi bi-shield-check text-white tx-26"></i></span>
                                        <h5>Protect user privacy</h5>
                                        <p class="mb-0">Quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6">
                                <div class="card shadow-none border">
                                    <div class="card-body text-center">
                                        <span class="blob-bg pink"><i class="bi bi-currency-dollar text-white tx-26"></i></span>
                                        <h5>Secure online transactions</h5>
                                        <p class="mb-0">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6">
                                <div class="card shadow-none border">
                                    <div class="card-body text-center">
                                        <span class="blob-bg teal"><i class="bi bi-clock-history text-white tx-26"></i></span>
                                        <h5>Maximum Security</h5>
                                        <p class="mb-0">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6">
                                <div class="card shadow-none border">
                                    <div class="card-body text-center">
                                        <span class="blob-bg danger"><i class="bi bi-hand-index text-white tx-26"></i></span>
                                        <h5>1-Click Installer</h5>
                                        <p class="mb-0">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section bg-section-1">
                    <div class="container">
                        <div class="row justify-content-between mb-5 ">
                            <div class="heading-section">
                                <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Our Team</span></div>
                                <div class="heading-title">Our Executive <span class="tx-primary">Team Member</span></div>
                                <div class="heading-description">Our Specialists</div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-3 col-sm-6">
                                <div class="card mb-lg-0">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center mb-4">
                                            <img src="../assets/images/profile/8.jpg" class="avatar avatar-lg rounded-circle me-3" alt="...">
                                            <div>
                                                <h5 class="mb-1">Mike Rowe-Soft</h5>
                                                <p class="tx-14 mb-0">Web designer</p>
                                            </div>
                                        </div>
                                        <p>Greet customers and make them feel warm welcome by creating a supportive and friendly environment</p>
                                        <a href="#" class="btn btn-primary-transparent rounded-circle avatar avatar-sm px-2"><i class="bi bi-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6">
                                <div class="card mb-lg-0">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center mb-4">
                                            <img src="../assets/images/profile/4.jpg" class="avatar avatar-lg rounded-circle me-3" alt="...">
                                            <div>
                                                <h5 class="mb-1">Dhaval Patel</h5>
                                                <p class="tx-14 mb-0">Java Developer</p>
                                            </div>
                                        </div>
                                        <p>Communicate with the customers and make them feel comfortable and knowing their needs to manage.</p>
                                        <a href="#" class="btn btn-primary-transparent rounded-circle avatar avatar-sm px-2"><i class="bi bi-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6">
                                <div class="card mb-lg-0">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center mb-4">
                                            <img src="../assets/images/profile/3.jpg" class="avatar avatar-lg rounded-circle me-3" alt="...">
                                            <div>
                                                <h5 class="mb-1">Navin Telsko</h5>
                                                <p class="tx-14 mb-0">Angular Developer</p>
                                            </div>
                                        </div>
                                        <p>Deliver products pricing accurately with high reliable performance without any risks and technical issues.</p>
                                        <a href="#" class="btn btn-primary-transparent rounded-circle avatar avatar-sm px-2"><i class="bi bi-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6">
                                <div class="card mb-lg-0">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center mb-4">
                                            <img src="../assets/images/profile/1.jpg" class="avatar avatar-lg rounded-circle me-3" alt="...">
                                            <div>
                                                <h5 class="mb-1">Mosh Patel</h5>
                                                <p class="tx-14 mb-0">React Developer</p>
                                            </div>
                                        </div>
                                        <p>Maintains all the necessary documents that are needed for products pricing with more privacy.</p>
                                        <a href="#" class="btn btn-primary-transparent rounded-circle avatar avatar-sm px-2"><i class="bi bi-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section section-2 text-white">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-title text-white">Services You Get</div>
                            <div class="heading-description text-white op-8">Build anything - a blog, a static website or an ecommerce shop</div>
                        </div>
                        <div class="row align-items-center">
                            <div class="col-lg-6">
                                <div class="card  tx-default shadow-none">
                                    <div class="card-body">
                                        <div class="d-flex align-items-start">
                                            <div class="me-4">
                                                <span class="avatar text-bg-primary rounded-circle tx-20"><i class="bi bi-hdd-network"></i></span>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h5 class="mb-2">Web Hosting</h5>
                                                <p class="mb-0">Justo aliquyam duo vero clita aliquyam vero eirmod stet amet. Dolores est eos et est kasd, invidunt aliquyam no sadipscing.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card tx-default shadow-none">
                                    <div class="card-body">
                                        <div class="d-flex align-items-start">
                                            <div class="me-4">
                                                <span class="avatar text-bg-secondary rounded-circle tx-20"><i class="bi bi-hdd-network"></i></span>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h5 class="mb-2">Cloud Hosting</h5>
                                                <p class="mb-0">Sed ut perspiciatis unde omnis natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card tx-default shadow-none">
                                    <div class="card-body">
                                        <div class="d-flex align-items-start">
                                            <div class="me-4">
                                                <span class="avatar text-bg-success rounded-circle tx-20"><i class="bi bi-hdd-network"></i></span>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h5 class="mb-2">Dedicated Hosting</h5>
                                                <p class="mb-0">Quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="card  tx-default shadow-none">
                                    <div class="card-body">
                                        <div class="d-flex align-items-start">
                                            <div class="me-4">
                                                <span class="avatar text-bg-danger rounded-circle tx-20"><i class="bi bi-hdd-network"></i></span>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h5 class="mb-2">Shared Hosting</h5>
                                                <p class="mb-0">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card tx-default shadow-none">
                                    <div class="card-body">
                                        <div class="d-flex align-items-start">
                                            <div class="me-4">
                                                <span class="avatar bg-pink text-white rounded-circle tx-20"><i class="bi bi-hdd-network"></i></span>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h5 class="mb-2">Domain Registration</h5>
                                                <p class="mb-0">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card tx-default shadow-none">
                                    <div class="card-body">
                                        <div class="d-flex align-items-start">
                                            <div class="me-4">
                                                <span class="avatar bg-warning text-white rounded-circle tx-20"><i class="bi bi-hdd-network"></i></span>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h5 class="mb-2">Instant Activation</h5>
                                                <p class="mb-0">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section overflow-hidden">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Reviews</span></div>
                            <div class="heading-title">What Do People Say <span class="tx-primary">About Us</span></div>
                            <div class="heading-description">Client Reviews</div>
                        </div>
                        <div class="row align-items-center">
                            <div class="col-xl-3 text-center text-lg-start feature-client-bg">
                                <span><i class="bi bi-quote tx-secondary tx-50"></i></span>
                                <p class="h3 mb-5">Clients Say About Us</p>
                                <div class="swiper-pagination"></div>
                            </div>
                            <div class="col-xl-9">
                                <div class="bg-client position-relative">
                                    <img src="../assets/images/patterns/9.png" alt="img" class="patterns-11 z-index-0 filter-invert op-2">
                                    <div class="swiper testimonialSwiper">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <div class="card shadow-none mb-0">
                                                    <div class="card-body">
                                                        <div class="d-flex align-items-center">
                                                            <img src="../assets/images/profile/1.jpg" alt="img" class="avatar avatar-lg rounded-circle me-2">
                                                            <div class="flex-grow-1">
                                                                <h6 class="mb-0 text-white">Dhaval Patel</h6>
                                                                <span class="tx-11">12 Aug, 2022</span>
                                                            </div>
                                                            <i class="bi bi-quote review-quote"></i>
                                                        </div>
                                                        <p class="mt-2 mb-0 tx-14">
                                                            Efficiently innovate customized growth strategies whereas error-free paradigms. Monotonectally enhance stand-alone data with prospective innovation.
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="card shadow-none mb-0">
                                                    <div class="card-body">
                                                        <div class="d-flex align-items-center">
                                                            <img src="../assets/images/profile/3.jpg" alt="img" class="avatar avatar-lg rounded-circle me-2">
                                                            <div class="flex-grow-1">
                                                                <h6 class="mb-0 text-white">Navin Telsko</h6>
                                                                <span class="tx-11">11 Nov, 2022</span>
                                                            </div>
                                                            <i class="bi bi-quote review-quote"></i>
                                                        </div>
                                                        <p class="mt-2 mb-0 tx-14">
                                                            Consetetur diam voluptua justo eirmod sed dolor. Ipsum amet clita ut nonumy justo, dolore et dolor dolor clita dolor justo Lorem sanctus ipsum sea sit.
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="card shadow-none mb-0">
                                                    <div class="card-body">
                                                        <div class="d-flex align-items-center">
                                                            <img src="../assets/images/profile/2.jpg" alt="img" class="avatar avatar-lg rounded-circle me-2">
                                                            <div class="flex-grow-1">
                                                                <h6 class="mb-0 text-white">Mosh</h6>
                                                                <span class="tx-11">16 Apr, 2022</span>
                                                            </div>
                                                            <i class="bi bi-quote review-quote"></i>
                                                        </div>
                                                        <p class="mt-2 mb-0 tx-14">
                                                            Tempor diam sed vero sed nonumy sed lorem gubergren amet. No no consetetur at duo duo sed et lorem dolor. Sea kasd gubergren voluptua lorem.
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="card shadow-none mb-0">
                                                    <div class="card-body">
                                                        <div class="d-flex align-items-center">
                                                            <img src="../assets/images/profile/1.jpg" alt="img" class="avatar avatar-lg rounded-circle me-2">
                                                            <div class="flex-grow-1">
                                                                <h6 class="mb-0 text-white">Dhaval Patel</h6>
                                                                <span class="tx-11">12 Aug, 2022</span>
                                                            </div>
                                                            <i class="bi bi-quote review-quote"></i>
                                                        </div>
                                                        <p class="mt-2 tx-14 mb-0">
                                                            Efficiently innovate customized growth strategies whereas error-free paradigms. Monotonectally enhance stand-alone data with prospective innovation.
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="card shadow-none mb-0">
                                                    <div class="card-body">
                                                        <div class="d-flex align-items-center">
                                                            <img src="../assets/images/profile/1.jpg" alt="img" class="avatar avatar-lg rounded-circle me-2">
                                                            <div class="flex-grow-1">
                                                                <h6 class="mb-0 text-white">Dhaval Patel</h6>
                                                                <span class="tx-11">12 Aug, 2022</span>
                                                            </div>
                                                            <i class="bi bi-quote review-quote"></i>
                                                        </div>
                                                        <p class="mt-2 tx-14 mb-0">
                                                            Efficiently innovate customized growth strategies whereas error-free paradigms. Monotonectally enhance stand-alone data with prospective innovation.
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="card shadow-none mb-0">
                                                    <div class="card-body">
                                                        <div class="d-flex align-items-center">
                                                            <img src="../assets/images/profile/1.jpg" alt="img" class="avatar avatar-lg rounded-circle me-2">
                                                            <div class="flex-grow-1">
                                                                <h6 class="mb-0 text-white">Dhaval Patel</h6>
                                                                <span class="tx-11">12 Aug, 2022</span>
                                                            </div>
                                                            <i class="bi bi-quote review-quote"></i>
                                                        </div>
                                                        <p class="mt-2 tx-14 mb-0">
                                                            Efficiently innovate customized growth strategies whereas error-free paradigms. Monotonectally enhance stand-alone data with prospective innovation.
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <!-- END MAIN-CONTENT -->

            <!-- FOOTER -->
            <?php include '../layouts/footer.php'; ?>

            <!-- END FOOTER -->
        </div>
        <!-- END PAGE -->

        <!-- ACCEPT-COOKIE -->
        <?php include '../layouts/accept-cookie.php'; ?>
        

        <!-- END ACCEPT-COOKIE -->

        <!-- SCRIPTS -->
        <?php include '../layouts/scripts.php'; ?>

        <!-- SWIPER JS -->
        <script src="../assets/libs/swiper/swiper-bundle.min.js"></script>
        <script src="../assets/js/swiper.js"></script>

        <!-- STICKY JS -->
        <script src="../assets/js/sticky.js"></script>

        <!-- CUSTOM JS -->
        <script src="../assets/js/custom.js"></script>
        
        <!-- END SCRIPTS -->

    </body>
</html>