<!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'; ?>
    
    </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-md-12 text-center">
                                    <div class="">
                                        <p class="mb-3 content-1 h5 text-white">Blog <span class="tx-info-dark">Page</span></p>
                                        <p class="mb-0 tx-28">We Fight Passionately to Get Our Clients Every Time They Deserve</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </section>

                <section class="section">
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-8">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="card">
                                            <div class="position-relative">
                                                <a href="blog-details.php">
                                                    <img class="card-img-top" src="../assets/images/blog/3.jpg" alt="img">
                                                </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">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>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="card">
                                            <div class="position-relative">
                                                <a href="blog-details.php">
                                                    <img class="card-img-top" src="../assets/images/blog/2.jpg" alt="img">
                                                </a>
                                                <span class="badge bg-success blog-badge">Servers</span>
                                            </div>
                                            <div class="card-body d-flex flex-column">
                                                <h5><a href="blog-details.php"> Best and fastest Servers</a></h5>
                                                <div class="tx-muted">Who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces.</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/3.jpg" class="rounded-circle" alt="img" width="40">
                                                    </div>
                                                    <div>
                                                        <a href="javascript:void(0);" class="h6">Dhaval Patel</a>
                                                        <small class="d-block tx-muted">3 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-md-6">
                                        <div class="card">
                                            <div class="position-relative">
                                                <a href="blog-details.php">
                                                    <img class="card-img-top" src="../assets/images/blog/4.jpg" alt="img">
                                                </a>
                                                <span class="badge bg-success blog-badge">Small Scale</span>
                                            </div>
                                            <div class="card-body d-flex flex-column">
                                                <h5><a href="blog-details.php">New Domain Registration</a></h5>
                                                <div class="tx-muted">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam ..</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/7.jpg" class="rounded-circle" alt="img" width="40">
                                                    </div>
                                                    <div>
                                                        <a href="javascript:void(0);" class="h6">Dhaval Patel</a>
                                                        <small class="d-block tx-muted">5 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-md-6">
                                        <div class="card">
                                            <div class="position-relative">
                                                <a href="blog-details.php">
                                                    <img class="card-img-top" src="../assets/images/blog/6.jpg" alt="img">
                                                </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">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-md-6">
                                        <div class="card">
                                            <div class="position-relative">
                                                <a href="blog-details.php">
                                                    <img class="card-img-top" src="../assets/images/blog/5.jpg" alt="img">
                                                </a>
                                                <span class="badge bg-danger blog-badge">Cloud</span>
                                            </div>
                                            <div class="card-body d-flex flex-column">
                                                <h5><a href="blog-details.php"> 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 class="col-md-6">
                                        <div class="card">
                                            <div class="position-relative">
                                                <a href="blog-details.php">
                                                    <img class="card-img-top" src="../assets/images/blog/7.jpg" alt="img">
                                                </a>
                                                <span class="badge bg-secondary blog-badge">Domain</span>
                                            </div>
                                            <div class="card-body d-flex flex-column">
                                                <h5><a href="blog-details.php"> How to Create a New Domain </a></h5>
                                                <div class="tx-muted">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti  ..</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/9.jpg" class="rounded-circle" alt="img" width="40">
                                                    </div>
                                                    <div>
                                                        <a href="javascript:void(0);" class="h6">Peter John</a>
                                                        <small class="d-block tx-muted">6 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>
                                <!-- COL-END -->
                                <div class="mb-9">
                                    <div class="float-end">
                                        <ul class="pagination ">
                                            <li class="page-item page-prev disabled">
                                                <a class="page-link" href="javascript:void(0)" tabindex="-1">Prev</a>
                                            </li>
                                            <li class="page-item active"><a class="page-link" href="javascript:void(0)">1</a></li>
                                            <li class="page-item"><a class="page-link" href="javascript:void(0)">2</a></li>
                                            <li class="page-item"><a class="page-link" href="javascript:void(0)">3</a></li>
                                            <li class="page-item"><a class="page-link" href="javascript:void(0)">4</a></li>
                                            <li class="page-item"><a class="page-link" href="javascript:void(0)">5</a></li>
                                            <li class="page-item page-next">
                                                <a class="page-link" href="javascript:void(0)">Next</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- COL-END -->
                            <div class="col-xl-4">
                                <div class="card">
                                    <div class="card-body">
                                        <form action="javascript:void(0);" class="form">
                                            <div class="form-group custom-form-group">
                                                <input type="text" class="form-control form-control-lg rounded-pill" placeholder="Find your Blog here...">
                                                <button class="custom-form-btn btn btn-lg btn-primary bg-primary-gradient rounded-pill border-0" type="button" id="btn-addon">Search</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>

                                <div class="card">
                                    <div class="card-body">
                                        <div class="">
                                            <p class="h5 mb-4">Recent Posts</p>
                                            <div class="row mb-3 mb-xl-0">
                                                <div class="col-xl-4 col-lg-2 col-md-3 col-sm-4 text-center">
                                                    <img src="../assets/images/blog/6.jpg" class="img-fluid br-5 w-100" width="120" alt="img">
                                                </div>
                                                <div class="col-xl-8 col-lg-9 col-md-8 col-sm-8">
                                                    <span class="badge bg-danger-transparent tx-danger me-1 mb-1 mt-3 mt-sm-0">Cloud</span>
                                                    <h6 class="mb-0"><a href="blog-details.php"> Voluptatem quia voluptas </a></h6>
                                                    <p class="tx-muted">Excepteur sint occaecat....</p>
                                                </div>
                                            </div>
                                            <div class="row mb-3 mb-xl-0">
                                                <div class="col-xl-4 col-lg-2 col-md-3 col-sm-4 text-center">
                                                    <img src="../assets/images/blog/5.jpg" class="img-fluid br-5 w-100" width="120" alt="img">
                                                </div>
                                                <div class="col-xl-8 col-lg-9 col-md-8 col-sm-8">
                                                    <span class="badge bg-primary-transparent tx-primary me-1 mb-1 mt-3 mt-sm-0">Hosting</span>
                                                    <h6 class="mb-0"><a href="blog-details.php"> Voluptatem quia voluptas </a></h6>
                                                    <p class="tx-muted">Excepteur sint occaecat....</p>
                                                </div>
                                            </div>
                                            <div class="row mb-3 mb-xl-0">
                                                <div class="col-xl-4 col-lg-2 col-md-3 col-sm-4 text-center">
                                                    <img src="../assets/images/blog/2.jpg" class="img-fluid br-5 w-100" width="120" alt="img">
                                                </div>
                                                <div class="col-xl-8 col-lg-9 col-md-8 col-sm-8">
                                                    <span class="badge bg-secondary-transparent tx-secondary me-1 mb-1 mt-3 mt-sm-0">Email</span>
                                                    <h6 class="mb-0"><a href="blog-details.php"> Voluptatem quia voluptas </a></h6>
                                                    <p class="tx-muted">Excepteur sint occaecat....</p>
                                                </div>
                                            </div>
                                            <div class="row mb-3 mb-xl-0">
                                                <div class="col-xl-4 col-lg-2 col-md-3 col-sm-4 text-center">
                                                    <img src="../assets/images/blog/3.jpg" class="img-fluid br-5 w-100" width="120" alt="img">
                                                </div>
                                                <div class="col-xl-8 col-lg-9 col-md-8 col-sm-8">
                                                    <span class="badge bg-success-transparent tx-success me-1 mb-1 mt-3 mt-sm-0">Servers</span>
                                                    <h6 class="mb-0"><a href="blog-details.php"> Voluptatem quia voluptas </a></h6>
                                                    <p class="tx-muted mb-0">Excepteur sint occaecat....</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="card">
                                    <div class="card-body">
                                        <p class="h5 mb-4">Tags</p>
                                        <div class="tags">
                                            <a href="javascript:void(0)" class="tag">Hosting</a>
                                            <a href="javascript:void(0)" class="tag">Servers</a>
                                            <a href="javascript:void(0)" class="tag">Email</a>
                                            <a href="javascript:void(0)" class="tag">Linux Servers</a>
                                            <a href="javascript:void(0)" class="tag">Windows Servers</a>
                                            <a href="javascript:void(0)" class="tag">KVM Servers</a>
                                            <a href="javascript:void(0)" class="tag">Domain Transfer</a>
                                            <a href="javascript:void(0)" class="tag">Domain Registration</a>
                                        </div>
                                    </div>
                                </div>

                                <div class="card bg-primary-transparent feature-card-14 overflow-hidden">
                                    <div class="card-body">
                                        <h5 class="fw-semibold text-white">NEVER MISS A POST !</h5>
                                        <P class="text-white">Signup for free to get the latest posts.</P>
                                        <div class="input-group">
                                            <input class="form-control border-0" placeholder="Enter your email id" type="text">
                                            <a href="javascript:void(0)" class="btn btn-info-dark">Subscribe<i class="fa fa-paper-plane ms-2 tx-11"></i></a>
                                        </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'; ?>

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

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

        <!-- END SCRIPTS -->

    </body>
</html>