<!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 class="banner-section section banner-1">
                    <img src="../assets/images/patterns/1.png" alt="img" class="patterns-2">
                    <img src="../assets/images/patterns/4.png" alt="img" class="patterns-3">
                    <img src="../assets/images/patterns/6.png" alt="img" class="patterns-4">
                    <img src="../assets/images/patterns/6.png" alt="img" class="patterns-6">
                    <img src="../assets/images/patterns/10.png" alt="img" class="patterns-8 op-2">
                    <div class="container">
                        <div class="row align-items-center">
                            <div class="col-lg-7">
                                <div class="mb-5">
                                    <p class="mb-3 content-1 h5 text-white">Trusted Web Hosting Site For Your <span class="tx-info-dark position-relative">Website.<span class="br-bottom-before"></span></span></p>
                                    <p class="content-2">Dedicated resources, full root access & easy scaling. It is the virtual private server you've been cravin'</p>
                                </div>
                                <a href="#domain" class="btn btn-lg  btn-secondary me-2 mb-2 mb-sm-0"><i class="bi bi-arrow-right me-2"></i>Get Started</a>
                                <a href="contact-us.php" class="btn btn-lg btn-white mb-2 mb-sm-0"><i class="bi bi-telephone me-2"></i>Contact Us</a>
                            </div>
                            <div class="col-lg-5">
                                <div class="text-lg-end text-center mt-4 mt-lg-0">
                                    <img src="../assets/images/png/1.png" class="img-fluid" alt="img">
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section bg-pattern-1">
                    <img src="../assets/images/patterns/7.png" alt="img" class="patterns-7">
                    <img src="../assets/images/patterns/2.png" alt="img" class="patterns-1 op-1">
                    <img src="../assets/images/patterns/9.png" alt="img" class="patterns-3 filter-invert sub-pattern-2 op-2">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Features</span></div>
                            <div class="heading-title">Web Hosting <span class="tx-primary">Plans</span> </div>
                            <div class="heading-description">Choose Correct Plan For Your Business</div>
                        </div>
                        <div class="row justify-content-center">
                            <div class="col-lg-4">
                                <div class="card pricing-card border mb-lg-0">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center mb-4">
                                            <span class="avatar br-7 me-3">
                                                <svg xmlns="http://www.w3.org/2000/svg" height="42" width="42" fill="var(--primary-color)" viewBox="0 0 50 50"><path d="M48.5 44.5H31.9v-2c0-.6-.4-1-1-1H29v-1.9c0-.6-.4-1-1-1h-2v-2.3c8.9-.1 17.6-2.2 17.6-6.1V21c0-.9-.5-1.8-1.5-2.6.9-.7 1.5-1.6 1.5-2.6V6.7c0-4-9.3-6.2-18.6-6.2C15.8.5 6.6 2.6 6.5 6.6v9.2c0 1 .5 1.8 1.5 2.6-1.2.9-1.5 1.9-1.5 2.6v9.1c0 3.9 8.7 6 17.6 6.1v2.3h-2c-.6 0-1 .4-1 1v1.9h-1.9c-.6 0-1 .4-1 1v2H1.5c-.6 0-1 .4-1 1s.4 1 1 1h16.6v2c0 .6.4 1 1 1h11.8c.6 0 1-.4 1-1v-2h16.6c.6 0 1-.4 1-1s-.4-.9-1-.9zM25 20c-9.4 0-16.6-2.3-16.6-4.2V9.6c3.9 2.5 11.8 3.2 16.6 3.2 4.7 0 12.7-.7 16.6-3.2v6.2c0 1.7-6.5 4.2-16.6 4.2zm0-17.5c10.1 0 16.5 2.5 16.6 4.2 0 1.7-6.4 4.2-16.6 4.2-10.1 0-16.6-2.5-16.6-4.2S14.9 2.5 25 2.5zM25 22c4.6 0 11-.6 15.2-2.5.9.5 1.4 1 1.4 1.5 0 1.7-6.4 4.2-16.5 4.2S8.5 22.7 8.5 21c0-.4.5-1 1.4-1.5 4 1.9 10.6 2.5 15.1 2.5zM8.4 30.1v-6.2c3.9 2.5 11.9 3.2 16.6 3.2 4.7 0 12.6-.7 16.5-3.2v6.2c0 1.7-6.4 4.1-16.5 4.2h-.1-.1c-9.9 0-16.4-2.5-16.4-4.2zm21.5 17.4h-9.8v-4H22c.6 0 1-.4 1-1v-1.9h4v1.9c0 .6.4 1 1 1h1.9v4z"/><path d="M10.6 27.9c-.4.4-.4 1 0 1.4.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4-.3-.3-1-.3-1.4 0zM15.5 29.1c-.9-.9-2.4.5-1.4 1.4.4.4 1 .4 1.4 0 .4-.4.4-1.1 0-1.4zM10.6 13.4c-.4.4-.4 1 0 1.4.4.4 1.1.4 1.4 0 .4-.4.4-1 0-1.4-.3-.3-1-.4-1.4 0zM14.1 14.6c-.4.4-.4 1 0 1.4.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4-.4-.4-1-.4-1.4 0z"/></svg>
                                            </span>
                                            <div class="flex-grow-1">
                                                <h4 class="mb-0">Shared Hosting</h4>
                                            </div>
                                        </div>
                                        <p class="mb-1 tx-muted">Starts at</p>
                                        <h2 class="mb-3">$8.99 <span class="tx-14 op-7 tx-muted">/ month</span></h2>
                                        <p class="mb-4">Magna dolore elitr ut et labore stet dolor tempor at ipsum, amet quis nostrum exercitationem.</p>
                                        <a href="linux-shared-hosting.php" class="btn btn-primary">Get Started Now</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="card pricing-card border mb-lg-0">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center mb-4">
                                            <span class="avatar br-7 me-3">
                                                <svg xmlns="http://www.w3.org/2000/svg" height="42" width="42" fill="var(--primary-color)" enable-background="new 0 0 3873 3873" viewBox="0 0 3873 3873"><path d="M1980.9,3050.8c-298.3,0-579.4-117.8-788-326.4c-559.5-559.5-372.3-1507.7,354.2-1814.8c275.2-116.4,589.7-117.4,867.6,0c397.5,168.1,680.6,562.5,680.6,1026.8C3095.3,2550.1,2598.2,3050.8,1980.9,3050.8z M1980.9,943.2c-547.7,0-993.3,445.6-993.3,993.3s445.6,993.3,993.3,993.3s993.3-445.6,993.3-993.3S2528.6,943.2,1980.9,943.2z"/><path d="M1495.5 1721.9c-33.2-4.2-56.6-34.5-52.5-67.6 26.9-214.4 93.4-463.6 220.3-638.6 263.8-363.6 675.1-218.1 824.8 459.6.1.2.1.5.1.7 12.7 57.4 23 117.4 30.7 178.3 4.2 33.2-19.3 63.4-52.5 67.6s-63.4-19.3-67.6-52.5c-7.3-57.5-17-114-28.9-168-.1-.2-.1-.5-.1-.7-101.2-456.7-367.2-747.3-608.6-414-114.8 158.3-173.8 389.7-198.2 582.6C1559 1701.9 1529.7 1726 1495.5 1721.9zM1663.2 2857.2c-126.8-174.8-193.4-424.3-220.3-638.6-4.2-33.2 19.3-63.4 52.5-67.6 33.2-4.2 63.4 19.3 67.6 52.5 71.1 560.7 370.7 950.6 637.6 582.7 114-157.3 174-389 198.2-582.7 4.2-33.2 34.4-56.6 67.6-52.5 33.2 4.2 56.6 34.5 52.5 67.6-27.1 214.5-92.9 462.9-220.3 638.6C2113.4 3112.5 1852.9 3118.6 1663.2 2857.2z"/><path d="M1980.9 3050.8c-33.4 0-60.5-27.1-60.5-60.5v-779.2c0-33.4 27.1-60.5 60.5-60.5s60.5 27.1 60.5 60.5v779.2C2041.4 3023.7 2014.4 3050.8 1980.9 3050.8zM1980.9 1722.4c-33.4 0-60.5-27.1-60.5-60.5V882.7c0-33.4 27.1-60.5 60.5-60.5s60.5 27.1 60.5 60.5v779.2C2041.4 1695.3 2014.4 1722.4 1980.9 1722.4zM3397.8 1183.4c-113.1 0-205.1-92-205.1-205.1s92-205.1 205.1-205.1 205.1 92 205.1 205.1S3510.9 1183.4 3397.8 1183.4zM3397.8 894.3c-46.3 0-84 37.7-84 84s37.7 84 84 84 84-37.7 84-84S3444.1 894.3 3397.8 894.3z"/><path d="M3397.8 1480.9h-497.9c-33.4 0-60.5-27.1-60.5-60.5s27.1-60.5 60.5-60.5h437.4v-237c0-33.4 27.1-60.5 60.5-60.5s60.5 27.1 60.5 60.5v297.5C3458.3 1453.8 3431.2 1480.9 3397.8 1480.9zM3397.5 3099.8c-113.1 0-205.1-92-205.1-205.1s92-205.1 205.1-205.1 205.1 92 205.1 205.1S3510.6 3099.8 3397.5 3099.8zM3397.5 2810.6c-46.3 0-84 37.7-84 84s37.7 84 84 84 84-37.7 84-84C3481.6 2848.3 3443.9 2810.6 3397.5 2810.6z"/><path d="M3397.5 2810.6c-33.4 0-60.5-27.1-60.5-60.5v-237h-437.4c-33.4 0-60.5-27.1-60.5-60.5s27.1-60.5 60.5-60.5h497.9c33.4 0 60.5 27.1 60.5 60.5v297.5C3458 2783.5 3431 2810.6 3397.5 2810.6zM1980.9 635.3c-113.1 0-205.1-92-205.1-205.1s92-205.1 205.1-205.1 205.1 92 205.1 205.1S2094 635.3 1980.9 635.3zM1980.9 346.2c-46.3 0-84 37.7-84 84s37.7 84 84 84 84-37.7 84-84S2027.3 346.2 1980.9 346.2z"/><path d="M1980.9 943.2c-33.4 0-60.5-27.1-60.5-60.5V574.8c0-33.4 27.1-60.5 60.5-60.5s60.5 27.1 60.5 60.5v307.9C2041.4 916.1 2014.4 943.2 1980.9 943.2zM1980.9 3647.8c-113.1 0-205.1-92-205.1-205.1s92-205.1 205.1-205.1 205.1 92 205.1 205.1C2186 3555.9 2094 3647.8 1980.9 3647.8zM1980.9 3358.7c-46.3 0-84 37.7-84 84s37.7 84 84 84 84-37.7 84-84C2065 3396.4 2027.3 3358.7 1980.9 3358.7z"/><path d="M1980.9 3358.7c-33.4 0-60.5-27.1-60.5-60.5v-307.9c0-33.4 27.1-60.5 60.5-60.5s60.5 27.1 60.5 60.5v307.9C2041.4 3331.6 2014.4 3358.7 1980.9 3358.7zM3492.4 2158.9c-112.9-.8-204.3-92.6-203.7-206.5.8-109.9 89.3-203.6 206.5-203.6 112.9.8 204.3 92.6 203.7 206.5l-60.5-.4 60.5.4C3698.2 2065.5 3609.3 2158.9 3492.4 2158.9zM3409.9 1953.3c-.3 46.3 37.2 84.6 84.1 84.6 74.6 0 111.8-90.5 59.8-143.1-15.8-16-36.8-24.9-59.3-25C3446.6 1869.8 3410.2 1908.1 3409.9 1953.3z"/><path d="M3349 2013.3l-307.9-2.2c-33.4-.2-60.3-27.5-60.1-60.9.2-33.3 27.3-60.1 60.5-60.1.6 0 305.9 2.2 308.3 2.2 33.4.2 60.3 27.5 60.1 60.9C3409.7 1985.9 3383.4 2013.3 3349 2013.3zM2637.5 812c-97.2-56.4-131.8-181.1-74.5-280.3 56.7-97.8 182-131.5 280.3-74.5l0 0c97.8 56.8 131.2 182.5 74.4 280.3C2860.9 835.8 2734.8 868.6 2637.5 812zM2659.3 656.2c19.2 71.8 116.2 85.6 153.9 20.6 23.3-40.1 9.6-91.6-30.5-114.9C2717.7 524.9 2639.9 583.7 2659.3 656.2z"/><path d="M2483 1078.3c-28.9-16.8-38.7-53.8-22-82.7l154.6-266.3c16.8-28.9 53.8-38.7 82.7-22 28.9 16.8 38.7 53.8 22 82.7l-154.6 266.3C2548.5 1085.8 2511.1 1094.9 2483 1078.3zM2537.2 3351.7c-55.9-99.6-19.8-224.2 78.3-279.2 98.6-55.4 223.8-20.3 279.2 78.3s20.3 223.9-78.3 279.2C2718.3 3485.4 2592.8 3450.8 2537.2 3351.7zM2674.9 3178c-40.3 22.6-54.9 73.7-32 114.5 22.3 39.8 73.1 55.3 114.5 32.1l0 0c40.4-22.7 54.8-74 32.1-114.4C2766.7 3169.8 2715.6 3155.2 2674.9 3178z"/><path d="M2592.4,3154.8l-150.8-268.4c-16.4-29.1-6-66,23.1-82.4s66-6,82.4,23.1l150.8,268.4c16.4,29.1,6,66-23.1,82.4C2646.4,3194.1,2609.1,3184.5,2592.4,3154.8z"/><path d="M1980.9 3050.8c-298.3 0-579.4-117.8-788-326.4-559.5-559.5-372.3-1507.7 354.2-1814.8 275.2-116.4 589.7-117.4 867.6 0 397.5 168.1 680.6 562.5 680.6 1026.8C3095.3 2550.1 2598.2 3050.8 1980.9 3050.8zM1980.9 943.2c-547.7 0-993.3 445.6-993.3 993.3s445.6 993.3 993.3 993.3 993.3-445.6 993.3-993.3S2528.6 943.2 1980.9 943.2zM1044 737.5c-56.8-97.8-23.4-223.5 74.4-280.3s223.5-23.4 280.3 74.4c57 98.2 23.4 223.5-74.5 280.3C1226.3 869.2 1100.7 835.2 1044 737.5zM1179.1 562c-65.2 37.9-50.8 135.1 20.6 153.9 71.4 19.1 131.9-57.9 94.3-123.4C1278.5 565.7 1220.4 538.4 1179.1 562z"/><path d="M1396.2 1056.4l-154.6-266.3c-16.8-28.9-6.9-65.9 22-82.7s65.9-6.9 82.7 22l154.6 266.3c16.8 28.9 6.9 65.9-22 82.7C1449.6 1095.2 1412.8 1084.9 1396.2 1056.4zM1067 3150.8c55.3-98.6 180.4-134 279.2-78.3 98.6 55.4 133.7 180.7 78.3 279.2-26.8 47.8-70.7 82.2-123.4 97C1124.5 3497.9 978 3308.5 1067 3150.8zM1164.9 3274c6.1 21.6 20.2 39.6 39.7 50.6l0 0c40.6 22.8 91.8 8.4 114.5-32.1 22.7-40.4 8.3-91.7-32.1-114.4C1221.8 3141 1145 3202.3 1164.9 3274z"/><path d="M1287 3177.9c-29.1-16.4-39.5-53.3-23.1-82.4l150.8-268.4c16.4-29.1 53.3-39.5 82.4-23.1s39.5 53.3 23.1 82.4l-150.8 268.4C1353 3184.1 1316 3194.3 1287 3177.9zM564.1 1183.4c-113.1 0-205.1-92-205.1-205.1s92-205.1 205.1-205.1 205.1 92 205.1 205.1C769.2 1091.4 677.2 1183.4 564.1 1183.4zM564.1 894.3c-46.3 0-84 37.7-84 84s37.7 84 84 84 84-37.7 84-84S610.4 894.3 564.1 894.3z"/><path d="M1062 1480.9H564.1c-33.4 0-60.5-27.1-60.5-60.5v-297.5c0-33.4 27.1-60.5 60.5-60.5s60.5 27.1 60.5 60.5v237H1062c33.4 0 60.5 27.1 60.5 60.5S1095.4 1480.9 1062 1480.9zM564.3 3099.8c-113.1 0-205.1-92-205.1-205.1s92-205.1 205.1-205.1 205.1 92 205.1 205.1S677.4 3099.8 564.3 3099.8zM564.3 2810.6c-46.3 0-84 37.7-84 84s37.7 84 84 84 84-37.7 84-84C648.4 2848.3 610.7 2810.6 564.3 2810.6z"/><path d="M564.3 2810.6c-33.4 0-60.5-27.1-60.5-60.5v-297.5c0-33.4 27.1-60.5 60.5-60.5h497.9c33.4 0 60.5 27.1 60.5 60.5s-27.1 60.5-60.5 60.5H624.9v237C624.9 2783.5 597.8 2810.6 564.3 2810.6zM379.1 2141.6c-113.1 0-205.1-92-205.1-205.1s92-205.1 205.1-205.1 205.1 92 205.1 205.1C584.1 2049.6 492.1 2141.6 379.1 2141.6zM379.1 1852.4c-46.3 0-84 37.7-84 84s37.7 84 84 84 84-37.7 84-84C463.1 1890.2 425.4 1852.4 379.1 1852.4zM2774.1 2271.6H1187.7c-33.4 0-60.5-27.1-60.5-60.5V1662c0-33.4 27.1-60.5 60.5-60.5h1586.4c33.4 0 60.5 27.1 60.5 60.5v549.1C2834.6 2244.5 2807.6 2271.6 2774.1 2271.6zM1248.2 2150.5h1465.4v-428.1H1248.2V2150.5z"/><path d="M1187.7 1997H523.6c-33.4 0-60.5-27.1-60.5-60.5s27.1-60.5 60.5-60.5h664.1c33.4 0 60.5 27.1 60.5 60.5S1221.1 1997 1187.7 1997zM3041.5 2011.2h-267.3c-33.4 0-60.5-27.1-60.5-60.5s27.1-60.5 60.5-60.5h267.3c33.4 0 60.5 27.1 60.5 60.5S3074.9 2011.2 3041.5 2011.2zM1612.1 1908.5h-131.8c-33.4 0-60.5-27.1-60.5-60.5s27.1-60.5 60.5-60.5h131.8c33.4 0 60.5 27.1 60.5 60.5S1645.5 1908.5 1612.1 1908.5zM1612.1 2085.6h-131.8c-33.4 0-60.5-27.1-60.5-60.5 0-33.4 27.1-60.5 60.5-60.5h131.8c33.4 0 60.5 27.1 60.5 60.5C1672.6 2058.5 1645.5 2085.6 1612.1 2085.6zM2046.8 1908.5H1915c-33.4 0-60.5-27.1-60.5-60.5s27.1-60.5 60.5-60.5h131.8c33.4 0 60.5 27.1 60.5 60.5S2080.2 1908.5 2046.8 1908.5zM2046.8 2085.6H1915c-33.4 0-60.5-27.1-60.5-60.5 0-33.4 27.1-60.5 60.5-60.5h131.8c33.4 0 60.5 27.1 60.5 60.5C2107.3 2058.5 2080.2 2085.6 2046.8 2085.6zM2481.6 1908.5h-131.8c-33.4 0-60.5-27.1-60.5-60.5s27.1-60.5 60.5-60.5h131.8c33.4 0 60.5 27.1 60.5 60.5S2515 1908.5 2481.6 1908.5zM2481.6 2085.6h-131.8c-33.4 0-60.5-27.1-60.5-60.5 0-33.4 27.1-60.5 60.5-60.5h131.8c33.4 0 60.5 27.1 60.5 60.5C2542.1 2058.5 2515 2085.6 2481.6 2085.6z"/></svg>
                                            </span>
                                            <div class="flex-grow-1">
                                                <h4 class="mb-0">Multidomain Hosting</h4>
                                            </div>
                                        </div>
                                        <p class="mb-1 tx-muted">Starts at</p>
                                        <h2 class="mb-3">$18.99 <span class="tx-14 op-7 tx-muted">/ month</span></h2>
                                        <p class="mb-4">At vero eos et accusamus et iusto odio dignissimos ducimus qui quidem rerum facilis.</p>
                                        <a href="windows-shared-hosting.php" class="btn btn-primary">Get Started Now</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="card pricing-card border mb-lg-0">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center mb-4">
                                            <span class="avatar br-7 me-3">
                                                <svg xmlns="http://www.w3.org/2000/svg" height="42" width="42" fill="var(--primary-color)" enable-background="new 0 0 66 66" viewBox="0 0 66 66"><path d="M17.2 38.5h5.5c.6 0 1-.4 1-1 0-.6-.4-1-1-1h-5.5c-.6 0-1 .4-1 1C16.2 38 16.6 38.5 17.2 38.5zM17.2 42.5h5.5c.6 0 1-.4 1-1 0-.6-.4-1-1-1h-5.5c-.6 0-1 .4-1 1C16.2 42.1 16.6 42.5 17.2 42.5zM23.6 45.5c0-.6-.4-1-1-1h-5.5c-.6 0-1 .4-1 1 0 .6.4 1 1 1h5.5C23.2 46.5 23.6 46.1 23.6 45.5zM30.1 38.5h5.5c.6 0 1-.4 1-1 0-.6-.4-1-1-1h-5.5c-.6 0-1 .4-1 1C29.1 38 29.5 38.5 30.1 38.5zM30.1 42.5h5.5c.6 0 1-.4 1-1 0-.6-.4-1-1-1h-5.5c-.6 0-1 .4-1 1C29.1 42.1 29.5 42.5 30.1 42.5zM30.1 46.5h5.5c.6 0 1-.4 1-1 0-.6-.4-1-1-1h-5.5c-.6 0-1 .4-1 1C29.1 46.1 29.5 46.5 30.1 46.5zM48.5 36.5H43c-.6 0-1 .4-1 1 0 .6.4 1 1 1h5.5c.6 0 1-.4 1-1C49.5 36.9 49 36.5 48.5 36.5zM48.5 40.5H43c-.6 0-1 .4-1 1 0 .6.4 1 1 1h5.5c.6 0 1-.4 1-1C49.5 41 49 40.5 48.5 40.5zM48.5 44.5H43c-.6 0-1 .4-1 1 0 .6.4 1 1 1h5.5c.6 0 1-.4 1-1C49.5 45 49 44.5 48.5 44.5zM19.9 30.9c2.1 0 3.7-1.7 3.7-3.7s-1.7-3.7-3.7-3.7c-2.1 0-3.7 1.7-3.7 3.7S17.9 30.9 19.9 30.9zM19.9 25.5c1 0 1.7.8 1.7 1.7 0 1-.8 1.7-1.7 1.7-1 0-1.7-.8-1.7-1.7C18.2 26.2 19 25.5 19.9 25.5zM33 30.9c2.1 0 3.7-1.7 3.7-3.7s-1.7-3.7-3.7-3.7c-2.1 0-3.7 1.7-3.7 3.7S30.9 30.9 33 30.9zM33 25.5c1 0 1.7.8 1.7 1.7 0 1-.8 1.7-1.7 1.7-1 0-1.7-.8-1.7-1.7C31.3 26.2 32 25.5 33 25.5zM46.1 23.5c-2.1 0-3.7 1.7-3.7 3.7s1.7 3.7 3.7 3.7c2.1 0 3.7-1.7 3.7-3.7S48.2 23.5 46.1 23.5zM46.1 28.9c-1 0-1.7-.8-1.7-1.7 0-1 .8-1.7 1.7-1.7 1 0 1.7.8 1.7 1.7C47.8 28.1 47.1 28.9 46.1 28.9z"/><path d="M1.7,62.5h14.3V64c0,0.6,0.4,1,1,1h5.6c0.6,0,1-0.4,1-1v-1.5h5.5V64c0,0.6,0.4,1,1,1h5.6c0.6,0,1-0.4,1-1v-1.5h5.5V64c0,0.6,0.4,1,1,1h5.6c0.6,0,1-0.4,1-1v-1.5h14.3c0.6,0,1-0.4,1-1c0-0.6-0.4-1-1-1H49.9v-1.5c0-0.6-0.4-1-1-1h-1.8v-7h2.7c1.9,0,3.4-1.5,3.4-3.4V34h0.1c4.9,0,9-4,9-9c0-4.5-3.3-8.2-7.6-8.9c-0.5-5.6-5.9-9.4-11.1-8.3c-4.1-9.1-17.2-9.1-21.3,0c-5.3-1.1-10.7,2.7-11.2,8.3c-4.3,0.7-7.6,4.4-7.6,8.9c0,4.9,4,9,9,9h0.1v13.6c0,1.9,1.5,3.4,3.4,3.4h3.1v7h-1.8c-0.6,0-1,0.4-1,1v1.5H1.7c-0.6,0-1,0.4-1,1C0.7,62.1,1.2,62.5,1.7,62.5z M31.2,63v-2.9h3.6v1.5c0,0,0,0,0,0s0,0,0,0V63H31.2z M47.9,61.5C47.9,61.5,47.9,61.5,47.9,61.5C47.9,61.5,47.9,61.5,47.9,61.5V63h-3.6v-1.4c0,0,0,0,0,0c0,0,0,0,0,0v-1.4h3.6V61.5z M45.1,58.1h-1.8c-0.6,0-1,0.4-1,1v1.5h-5.5v-1.5c0-0.6-0.4-1-1-1H34v-7h2.9c0.9,0,1.8-0.4,2.4-1c0.6,0.6,1.5,1,2.4,1h3.4V58.1z M27.4,22.9c0-0.8,0.6-1.4,1.4-1.4h8.2c0.8,0,1.4,0.6,1.4,1.4v24.7c0,0.8-0.6,1.4-1.4,1.4H33c0,0,0,0,0,0c0,0,0,0,0,0h-4.2c-0.8,0-1.4-0.6-1.4-1.4V22.9z M51.2,47.6c0,0.8-0.6,1.4-1.4,1.4h-3.7c0,0,0,0,0,0c0,0,0,0,0,0h-4.4c-0.8,0-1.4-0.6-1.4-1.4V22.9c0-0.8,0.6-1.4,1.4-1.4h8.2c0.8,0,1.4,0.6,1.4,1.4V47.6z M12.4,32c-3.8,0-7-3.1-7-7c0-3.7,2.9-6.8,6.6-7c0.5,0,0.9-0.5,0.9-1c0-5,4.9-8.6,9.6-7.1c0.5,0.2,1.1-0.1,1.2-0.6c3-8.5,15.1-8.5,18.2,0c0.2,0.5,0.7,0.8,1.2,0.6c4.5-1.4,9.5,2,9.5,7.1c0,0.5,0.4,1,0.9,1c3.7,0.2,6.6,3.3,6.6,7c0,3.8-3.1,7-7,7h-0.1v-9.1c0-1.9-1.5-3.4-3.4-3.4h-8.2c-0.9,0-1.8,0.4-2.4,1c-0.6-0.6-1.5-1-2.4-1h-8.2c-0.9,0-1.8,0.4-2.4,1c-0.6-0.6-1.5-1-2.4-1h-8.2c-1.9,0-3.4,1.5-3.4,3.4L12.4,32L12.4,32z M14.4,47.6V33.1c0,0,0,0,0,0c0,0,0,0,0,0V22.9c0-0.8,0.6-1.4,1.4-1.4H24c0.8,0,1.4,0.6,1.4,1.4v24.7c0,0.8-0.6,1.4-1.4,1.4h-8.2C15.1,49,14.4,48.4,14.4,47.6z M20.9,51H24c0.9,0,1.8-0.4,2.4-1c0.6,0.6,1.5,1,2.4,1H32v7h-1.8c-0.6,0-1,0.4-1,1v1.5h-5.5v-1.5c0-0.6-0.4-1-1-1h-1.8V51z M18.1,60.1h3.6V63h-3.6V60.1z"/></svg>
                                            </span>
                                            <div class="flex-grow-1">
                                                <h4 class="mb-0">Cloud Hosting</h4>
                                            </div>
                                        </div>
                                        <p class="mb-1 tx-muted">Starts at</p>
                                        <h2 class="mb-3">$28.99 <span class="tx-14 op-7 tx-muted">/ month</span></h2>
                                        <p class="mb-4">Blanditiis praesentium voluptatum deleniti atque corrupti quos dolores rerum hic tenetur.</p>
                                        <a href="cloud.php" class="btn btn-primary">Get Started Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section overflow-hidden">
                    <img src="../assets/images/patterns/2.png" alt="img" class="patterns-6 op-1 z-index-0 top-14p">
                    <img src="../assets/images/patterns/7.png" alt="img" class="patterns-5 left-0 transform-rotate-180 z-index-0">
                    <div class="container">
                        <div class="row">
                            <div class="heading-section">
                                <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Services</span></div>
                                <div class="heading-title">Best Services You <span class="tx-primary">Get</span></div>
                                <div class="heading-description">Domain & Hosting Services</div>
                            </div>
                            <div class="col-xl-3 col-sm-6">
                                <div class="card border feature-card-15 mb-xl-0">
                                    <div class="card-body text-center">
                                        <span class="avatar avatar-lg rounded-circle bg-secondary text-white mb-3 tx-22"><i class="bi bi-gem"></i></span>
                                        <h5>Reliability</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-xl-3 col-sm-6">
                                <div class="card border feature-card-15 mb-xl-0">
                                    <div class="card-body text-center">
                                        <span class="avatar avatar-lg rounded-circle bg-primary text-white mb-3 tx-22"><i class="bi bi-diagram-3"></i></span>
                                        <h5>Data Management</h5>
                                        <p class="mb-0">Sed ut perspiciatis unde omnis natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam nemo enim.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3 col-sm-6">
                                <div class="card border feature-card-15 mb-xl-0">
                                    <div class="card-body text-center">
                                        <span class="avatar avatar-lg rounded-circle bg-success text-white mb-3 tx-22"><i class="bi bi-hdd-network"></i></span>
                                        <h5>Data Recovery</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-xl-3 col-sm-6">
                                <div class="card border feature-card-15 mb-xl-0">
                                    <div class="card-body text-center">
                                        <span class="avatar avatar-lg rounded-circle bg-danger text-white mb-3 tx-22"><i class="bi bi-shield-lock"></i></span>
                                        <h5>Top Notch Security</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>
                </section>

                <section class="banner-pd-1 blob-bg-sec">
                    <img src="../assets/images/patterns/10.png" alt="img" class="patterns-8 op-1">
                    <img src="../assets/images/patterns/4.png" alt="img" class="patterns-3">
                    <img src="../assets/images/patterns/6.png" alt="img" class="patterns-4">
                    <img src="../assets/images/patterns/9.png" alt="img" class="patterns-9">
                    <img src="../assets/images/patterns/9.png" alt="img" class="patterns-9 sub-pattern-1">
                    <div class="container">
                        <div class="row align-items-center">
                            <div class="col-lg-6 reveal">
                                <h2 class="mb-1 text-white">Building Website Is Easy</h2>
                                <p class="mb-4 op-7 tx-15">Get Website Builder, Plugins, Themes, Icons and more.</p>
                                <p class="mb-4">
                                    Create your website instantly, no coding/design skills required. Choose from over 100 themes or simply drag-and-drop to customize your design.
                                </p>
                                <a href="#domain" class="btn btn-lg btn-secondary">Get Started</a>
                            </div>
                            <div class="col-lg-6 text-lg-end text-center mt-5 mt-lg-0">
                                <img src="../assets/images/png/69.png" alt="img" class="build-img reveal img-fluid">
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section bg-pattern-1 bg-gray-100" id="domain">
                    <div class="container">
                        <div class="row text-center justify-content-center">
                            <div class="heading-section">
                                <div class="heading-title">Looking For a <span class="tx-primary">Domain?</span> </div>
                                <div class="heading-description">Invidunt erat elitr ut accusam amet ipsum lorem</div>
                            </div>
                            <div class="col-xl-9">
                                <div class="card-body text-center">
                                    <img src="../assets/images/patterns/7.png" alt="img" class="patterns-7">
                                    <img src="../assets/images/patterns/24.png" alt="img" class="patterns-8 sub-pattern-1 op-1 z-index-1">
                                    <img src="../assets/images/patterns/24.png" alt="img" class="patterns-3 sub-pattern-1 op-1 z-index-1">

                                    <form action="javascript:void(0);" class="form mb-4">
                                        <div class="form-group custom-form-group">
                                            <input type="search" class="form-control form-control-lg" placeholder="Find your ideal domain name...">
                                            <button class="custom-form-btn btn btn-lg btn-primary bg-primary-gradient border-0" type="button" id="btn-addon">Search</button>
                                        </div>
                                    </form>
                                    <div class="row text-center justify-content-center">
                                        <div class="col-lg-2 col-md-4 col-sm-6">
                                            <div class="domain-names mb-3 mb-lg-0 bg-primary-gradient text-white">
                                                <p class="mb-0 tx-20 fw-600">.com</p>
                                                <p class="tx-13 op-8 mb-0">Starts at</p>
                                                <p class="tx-18 fw-600 mb-0">$ 1,131</p>
                                            </div>
                                        </div>
                                        <div class="col-lg-2 col-md-4 col-sm-6">
                                            <div class="domain-names mb-3 mb-lg-0">
                                                <p class="mb-0 tx-20 fw-600 tx-primary">.biz</p>
                                                <p class="tx-13 op-8 mb-0">Starts at</p>
                                                <p class="tx-18 fw-600 mb-0">$ 1,131</p>
                                            </div>
                                        </div>
                                        <div class="col-lg-2 col-md-4 col-sm-6">
                                            <div class="domain-names mb-3 mb-lg-0">
                                                <div class="ribbone ribbone-1"><span class="bg-danger">New</span></div>
                                                <p class="mb-0 tx-20 fw-600 tx-success">.net</p>
                                                <p class="tx-13 op-8 mb-0">Starts at</p>
                                                <p class="tx-18 fw-600 mb-0">$ 1,844</p>
                                            </div>
                                        </div>
                                        <div class="col-lg-2 col-md-4 col-sm-6">
                                            <div class="domain-names mb-3 mb-lg-0">
                                                <p class="mb-0 tx-20 fw-600 tx-secondary">.in</p>
                                                <p class="tx-13 op-8 mb-0">Starts at</p>
                                                <p class="tx-18 fw-600 mb-0">$ 686</p>
                                            </div>
                                        </div>
                                        <div class="col-lg-2 col-md-4 col-sm-6">
                                            <div class="domain-names mb-3 mb-lg-0">
                                                <div class="ribbone ribbone-1"><span class="bg-danger">New</span></div>
                                                <p class="mb-0 tx-20 fw-600 tx-info">.org</p>
                                                <p class="tx-13 op-8 mb-0">Starts at</p>
                                                <p class="tx-18 fw-600 mb-0">$ 1,479</p>
                                            </div>
                                        </div>
                                        <div class="col-lg-2 col-md-4 col-sm-6">
                                            <div class="domain-names mb-3 mb-lg-0">
                                                <p class="mb-0 tx-20 fw-600 tx-danger">.online</p>
                                                <p class="tx-13 op-8 mb-0">Starts at</p>
                                                <p class="tx-18 fw-600 mb-0">$ 1,479</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section">
                    <img src="../assets/images/patterns/12.png" alt="img" class="patterns-8 sub-pattern-1 z-index-0 op-1">
                    <img src="../assets/images/patterns/11.png" alt="img" class="patterns-3 z-index-0">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Benefits</span></div>
                            <div class="heading-title">Free Add-Ons With Every <span class="tx-primary">Domain Name</span> </div>
                            <div class="heading-description">Checkout Add-On Benefits</div>
                        </div>
                        <div class="row">
                            <div class="col-lg-4 col-sm-6">
                                <div class="card feature-card reveal">
                                    <div class="card-body">
                                        <div class="mb-2 d-flex align-items-center">
                                            <span class="tx-primary addons tx-28">
                                                <i class="bi bi-envelope-paper outline fade-in"></i>
                                                <i class="bi bi-envelope-paper-fill filled fade-in"></i>
                                            </span>
                                            <h5 class="flex-grow-1 mb-0 ms-3">Free Email Forwarding</h5>
                                        </div>
                                        <p class="mb-0">Amet ipsum justo no dolores lorem tempor clita elitr et ut, amet aliquyam et sed invidunt at kasd accusam, dolor.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6">
                                <div class="card feature-card reveal">
                                    <div class="card-body">
                                        <div class="mb-2 d-flex align-items-center">
                                            <span class="tx-primary addons tx-28">
                                                <i class="bi bi-nut outline fade-in"></i>
                                                <i class="bi bi-nut-fill filled fade-in"></i>
                                            </span>
                                            <h5 class="flex-grow-1 mb-0 ms-3">Bulk Tools</h5>
                                        </div>
                                        <p class="mb-0">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6">
                                <div class="card feature-card reveal">
                                    <div class="card-body">
                                        <div class="mb-2 d-flex align-items-center">
                                            <span class="tx-primary addons tx-28">
                                                <i class="bi bi-cpu outline fade-in"></i>
                                                <i class="bi bi-cpu-fill filled fade-in"></i>
                                            </span>
                                            <h5 class="flex-grow-1 mb-0 ms-3">DNS Management</h5>
                                        </div>
                                        <p class="mb-0">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6">
                                <div class="card feature-card reveal">
                                    <div class="card-body">
                                        <div class="mb-2 d-flex align-items-center">
                                            <span class="tx-primary addons tx-28">
                                                <i class="bi bi-menu-app outline fade-in"></i>
                                                <i class="bi bi-menu-app-fill filled fade-in"></i>
                                            </span>
                                            <h5 class="flex-grow-1 mb-0 ms-3">Easy To Use Control Panel</h5>
                                        </div>
                                        <p class="mb-0">Ut enim ad minima veniam, quis nostrum exercitationem corporis suscipit laboriosam, nisi ut aliquid commodi consequatur.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6">
                                <div class="card feature-card reveal">
                                    <div class="card-body">
                                        <div class="mb-2 d-flex align-items-center">
                                            <span class="tx-primary addons tx-28">
                                                <i class="bi bi-shield-exclamation outline fade-in"></i>
                                                <i class="bi bi-shield-fill-exclamation filled fade-in"></i>
                                            </span>
                                            <h5 class="flex-grow-1 mb-0 ms-3">Domain Theft Protection</h5>
                                        </div>
                                        <p class="mb-0">Nam libero tempore, nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas est.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6">
                                <div class="card feature-card reveal">
                                    <div class="card-body">
                                        <div class="mb-2 d-flex align-items-center">
                                            <span class="tx-primary addons tx-28">
                                                <i class="bi bi-skip-forward outline fade-in"></i>
                                                <i class="bi bi-skip-forward-fill filled fade-in"></i>
                                            </span>
                                            <h5 class="flex-grow-1 mb-0 ms-3">Domain Forwarding</h5>
                                        </div>
                                        <p class="mb-0">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti dolores.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section bg-pattern-2 bg-image2">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-title text-white">Why Choose Us?</div>
                            <div class="heading-description text-white op-8">Est amet sit vero sanctus labore no sed ipsum ipsum nonumy.</div>
                        </div>
                        <div class="row align-items-center">
                            <div class="col-lg-3 col-sm-6">
                                <div class="card text-center feature-card-16 mb-lg-0">
                                    <div class="card-body">
                                        <svg class="feature-icon br-style1 primary mb-3" xmlns="http://www.w3.org/2000/svg" height="60" width="60" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path fill="#729af0" d="M15 20.5H7c-1.7 0-3-1.3-3-3v-5.3c0-.6.4-1 1-1h12c.6 0 1 .4 1 1v5.3c0 1.7-1.3 3-3 3z"/><path fill="#1457e6" d="m21.5 10.2-1-.5-9-5c-.3-.2-.7-.2-1 0l-9 5c-.5.2-.6.8-.4 1.3.1.2.2.3.4.4l9 5c.3.2.7.2 1 0l8.5-4.7v2.9c0 .6.4 1 1 1s1-.4 1-1v-3.4c0-.5-.2-.8-.5-1z"/></svg>
                                        <h4 class="">Domain Registered</h4>
                                        <h2 class="counter tx-primary  mb-0">36</h2>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6">
                                <div class="card text-center feature-card-16 mb-lg-0 secondary">
                                    <div class="card-body">
                                        <svg class="feature-icon br-style1 secondary mb-3" xmlns="http://www.w3.org/2000/svg" height="60" width="60" viewBox="0 0 24 24"><path fill="#fcbf8e" d="M10.47217,20a8.46717,8.46717,0,0,1-5.99072-2.48047h0A8.47313,8.47313,0,0,1,2.14893,9.94531a.99874.99874,0,0,1,.79638-.79687,8.47246,8.47246,0,0,1,9.90674,9.90625.99874.99874,0,0,1-.79639.79687A8.52785,8.52785,0,0,1,10.47217,20Z"></path><path fill="#fcbf8e" d="M13.52783,20a8.52785,8.52785,0,0,1-1.58349-.14844.99874.99874,0,0,1-.79639-.79687,8.47246,8.47246,0,0,1,9.90674-9.90625.99874.99874,0,0,1,.79638.79687,8.47313,8.47313,0,0,1-2.33252,7.57422h0A8.47125,8.47125,0,0,1,13.52783,20Zm5.28369-3.1875h0Z"></path><path fill="#fb9543" d="M12,20a.99654.99654,0,0,1-.56348-.17383,9.46579,9.46579,0,0,1,0-15.65234.99789.99789,0,0,1,1.127,0,9.46579,9.46579,0,0,1,0,15.65234A.99654.99654,0,0,1,12,20Z"></path></svg>
                                        <h4 class="">Resellers</h4>
                                        <h2 class="counter tx-secondary  mb-0">25</h2>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6">
                                <div class="card text-center feature-card-16 mb-lg-0 success">
                                    <div class="card-body">
                                        <svg class="feature-icon br-style1 success mb-3" xmlns="http://www.w3.org/2000/svg" height="60" width="60" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path fill="#73dfa4" d="M12 14a6 6 0 1 1 6-6 6.007 6.007 0 0 1-6 6z"/><path fill="#17ca68" d="M15.7 12.713a5.975 5.975 0 0 1-7.405 0 9.992 9.992 0 0 0-6.23 8.179 1 1 0 0 0 .886 1.102L20.94 22a1 1 0 0 0 .995-1.108 9.995 9.995 0 0 0-6.233-8.179z"/></svg>
                                        <h4 class="">Total Clients</h4>
                                        <h2 class="counter tx-success  mb-0">500</h2>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6">
                                <div class="card text-center feature-card-16 mb-lg-0 danger">
                                    <div class="card-body">
                                        <svg class="feature-icon br-style1 danger mb-3" xmlns="http://www.w3.org/2000/svg" height="60" width="60" data-name="Layer 1" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="#ea858f"/><path fill="#dc3545" d="M12 17.092a5.68 5.68 0 0 1-3.643-1.325 1 1 0 1 1 1.286-1.534 3.76 3.76 0 0 0 4.714 0 1 1 0 0 1 1.286 1.534A5.68 5.68 0 0 1 12 17.092zm-2.086-6.256a.997.997 0 0 1-.707-.293 1.033 1.033 0 0 0-1.414 0 1 1 0 1 1-1.414-1.414 3.072 3.072 0 0 1 4.242 0 1 1 0 0 1-.707 1.707zm7 0a.997.997 0 0 1-.707-.293 1.033 1.033 0 0 0-1.414 0 1 1 0 0 1-1.414-1.414 3.072 3.072 0 0 1 4.242 0 1 1 0 0 1-.707 1.707z"/></svg>
                                        <h4 class="">Happy Customers</h4>
                                        <h2 class="counter tx-danger  mb-0">200</h2>
                                    </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">Our Blog</span></div>
                            <div class="heading-title">Our Latest <span class="tx-primary">Blog</span> </div>
                            <div class="heading-description">Est amet sit vero sanctus labore no sed ipsum ipsum nonumy.</div>
                        </div>
                        <div class="row">
                            <div class="col-lg-4">
                                <div class="card mb-lg-0">
                                    <div class="position-relative">
                                        <a href="blog-details.php">
                                            <img class="card-img-top" src="../assets/images/blog/3.jpg" alt="blog-image">
                                        </a>
                                        <span class="badge bg-secondary blog-badge">Hosting</span>
                                    </div>
                                    <div class="card-body d-flex flex-column">
                                        <h5><a href="blog-details.php" class="tx-color-default">Starting a Web Hosting Business</a></h5>
                                        <div class="tx-muted">To take a trivial example, which of us ever undertakes laborious physical exerciser , except to obtain some advantage from it...</div>
                                        <div class="d-flex align-items-center pt-4 mt-auto">
                                            <div class="avatar me-3 cover-image rounded-circle">
                                                <img src="../assets/images/profile/1.jpg" class="rounded-circle" alt="img" width="40">
                                            </div>
                                            <div>
                                                <a href="javascript:void(0);" class="h6">Megan Peters</a>
                                                <small class="d-block tx-muted">1 day ago</small>
                                            </div>
                                            <div class="ms-auto">
                                                <a href="javascript:void(0)" class="icon d-inline-block tx-muted"><i class="fe fe-heart me-1 rounded-circle p-2 bg-gray-200 tx-muted"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- COL-END -->
                            </div>
                            <!-- COL-END -->
                            <div class="col-lg-4">
                                <div class="card mb-lg-0">
                                    <div class="position-relative">
                                        <a href="blog-details.php">
                                            <img class="card-img-top" src="../assets/images/blog/6.jpg" alt="blog-image">
                                        </a>
                                        <span class="badge bg-info blog-badge">Email</span>
                                    </div>
                                    <div class="card-body d-flex flex-column">
                                        <h5><a href="blog-details.php" class="tx-color-default">Email Hosting For Your Projects</a></h5>
                                        <div class="tx-muted">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque...</div>
                                        <div class="d-flex align-items-center pt-4 mt-auto">
                                            <div class="avatar me-3 cover-image rounded-circle">
                                                <img src="../assets/images/profile/2.jpg" class="rounded-circle" alt="img" width="40">
                                            </div>
                                            <div>
                                                <a href="javascript:void(0);" class="h6">Mike Rowe-Soft</a>
                                                <small class="d-block tx-muted">2 days ago</small>
                                            </div>
                                            <div class="ms-auto">
                                                <a href="javascript:void(0)" class="icon d-inline-block tx-muted"><i class="fe fe-heart me-1 rounded-circle p-2 bg-gray-200 tx-muted"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="card mb-lg-0">
                                    <div class="position-relative">
                                        <a href="blog-details.php">
                                            <img class="card-img-top" src="../assets/images/blog/5.jpg" alt="blog-image">
                                        </a>
                                        <span class="badge bg-success blog-badge">Cloud</span>
                                    </div>
                                    <div class="card-body d-flex flex-column">
                                        <h5><a href="blog-details.php" class="tx-color-default"> Cloud Hosting growing faster </a></h5>
                                        <div class="tx-muted">Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut ..</div>
                                        <div class="d-flex align-items-center pt-4 mt-auto">
                                            <div class="avatar me-3 cover-image rounded-circle">
                                                <img src="../assets/images/profile/5.jpg" class="rounded-circle" alt="img" width="40">
                                            </div>
                                            <div>
                                                <a href="javascript:void(0);" class="h6">Navin Telsko</a>
                                                <small class="d-block tx-muted">4 days ago</small>
                                            </div>
                                            <div class="ms-auto">
                                                <a href="javascript:void(0)" class="icon d-inline-block tx-muted"><i class="fe fe-heart me-1 rounded-circle p-2 bg-gray-200 tx-muted"></i></a>
                                            </div>
                                        </div>
                                    </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 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>

        <!-- COUNTDOWN JS -->
        <script src="../assets/js/countdown.js"></script>

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

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

        <!-- END SCRIPTS -->
        
    </body>
</html>
