<?php
get_header();
the_post();
?>

    <div class="container-fluid columnPadding">
        <div class="row">

            <div class="col-sm-12">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="<?php echo site_url();  ?>"><?php echo get_the_title( get_option('page_on_front') ) ?></a></li>
                        <li class="breadcrumb-item" aria-current="page"><a href="<?php echo  get_post_type_archive_link('hosting_reviews'); ?>"><?php echo REVIEWS_PAGE ?></a></li>
                        <li class="breadcrumb-item active" aria-current="page"><?php the_title(); ?></li>
                    </ol>
                </nav>
            </div>

            <div class="col-sm-9">
                <div class="blogDetailBox">
                    <div class="col-sm-12">
                        <div class="singleDetail">
                            <h3><?php the_title(); ?></h3>
                        </div>
                    </div>
                    <div class="row m-0 bottomHolder">
                        <div class="col-sm-6 borderHolder">
                            <img class="singleUser" src="images/single-user.png" alt="">
                            <div class="singleDetail d-inline-block">
                                <h5><?php the_author_meta('display_name'); ?></h5>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <img class="singleUser" src="images/detail-date.png" alt="">
                            <div class="singleDetail d-inline-block">
                                <h5><?php the_time('F j'); ?></h5>
                            </div>
                        </div>
                    </div>
                    <?php the_content(); ?>
                </div>
            </div>

            <div class="col-md-3">
                <div class="blueHostSideBar">
                    <div class="col-sm-12">
                        <div class="d-flex j-content-center">
                            <img src="images/siteground-logo.png" alt="">
                        </div>
                        <div class="cacheSidebar">
                            <div class="d-flex f-end">
                                <img class="cursorPointer" src="images/information-icon.png" alt="">
                            </div>
                            <div class="cacheSidebarHeading">
                                <h4>SiteGround</h4>
                            </div>
                        </div>
                        <button type="button" class="btn btn-primary speedButton">View Full Speed Report</button>
                    </div>
                    <div class="d-flex spaceBetween">
                        <img class="cacheSidebarCornerLeft" src="images/bluehost-sidebar-corner-left.png" alt="">
                        <img class="cacheSidebarCornerRight" src="images/bluehost-sidebar-corner-right.png" alt="">
                    </div>
                    <div class="cacheSidebarInfo orange">
                        <div class="d-flex spaceBetween">
                            <div class="inline-flex">
                                <img class="webLocationIcon" src="images/web-location-icon.png" alt="">
                                <div class="cacheSidebarHeading">
                                    <h5>US (W)</h5>
                                </div>
                            </div>
                            <div class="inline-flex">
                                <div class="cacheSidebarHeading">
                                    <h6>56 <span>ms</span></h6>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="d-flex spaceBetween">
                        <img class="cacheSidebarCornerLeft" src="images/bluehost-sidebar-corner-left.png" alt="">
                        <img class="cacheSidebarCornerRight" src="images/bluehost-sidebar-corner-right.png" alt="">
                    </div>
                    <div class="cacheSidebarInfo orange">
                        <div class="d-flex spaceBetween">
                            <div class="inline-flex">
                                <img class="webLocationIcon" src="images/web-location-icon.png" alt="">
                                <div class="cacheSidebarHeading">
                                    <h5>London</h5>
                                </div>
                            </div>
                            <div class="inline-flex">
                                <div class="cacheSidebarHeading">
                                    <h6>69 <span>ms</span></h6>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="d-flex spaceBetween">
                        <img class="cacheSidebarCornerLeft" src="images/bluehost-sidebar-corner-left.png" alt="">
                        <img class="cacheSidebarCornerRight" src="images/bluehost-sidebar-corner-right.png" alt="">
                    </div>
                    <div class="cacheSidebarInfo orange">
                        <div class="d-flex spaceBetween">
                            <div class="inline-flex">
                                <img class="webLocationIcon" src="images/web-location-icon.png" alt="">
                                <div class="cacheSidebarHeading">
                                    <h5>Japan</h5>
                                </div>
                            </div>
                            <div class="inline-flex">
                                <div class="cacheSidebarHeading">
                                    <h6>95 <span>ms</span></h6>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blueHostSideBar">
                    <div class="col-sm-12">
                        <div class="cacheSidebar mb-2 mt-0">
                            <div class="d-flex f-end">
                                <img class="cursorPointer" src="images/information-icon.png" alt="">
                            </div>
                            <div class="cacheSidebarHeading">
                                <h4>Server Location</h4>
                            </div>
                        </div>
                    </div>
                    <div class="d-flex spaceBetween">
                        <img class="cacheSidebarCornerLeft" src="images/server-sidebar-corner-left.png" alt="">
                        <img class="cacheSidebarCornerRight" src="images/server-sidebar-corner-right.png" alt="">
                    </div>
                    <div class="cacheSidebarInfo dark">
                        <div class="d-flex spaceBetween">
                            <div class="inline-flex">
                                <img class="webLocationIcon" src="images/server-location-icon.png" alt="">
                                <div class="serverSidebarHeading">
                                    <h5>Armenia</h5>
                                </div>
                            </div>
                            <div class="inline-flex">
                                <img src="images/server-location-image.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="d-flex spaceBetween">
                        <img class="cacheSidebarCornerLeft" src="images/server-sidebar-corner-left.png" alt="">
                        <img class="cacheSidebarCornerRight" src="images/server-sidebar-corner-right.png" alt="">
                    </div>
                    <div class="cacheSidebarInfo dark">
                        <div class="d-flex spaceBetween">
                            <div class="inline-flex">
                                <img class="webLocationIcon" src="images/server-location-icon.png" alt="">
                                <div class="serverSidebarHeading">
                                    <h5>Australia</h5>
                                </div>
                            </div>
                            <div class="inline-flex">
                                <img src="images/server-location-image.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="d-flex spaceBetween">
                        <img class="cacheSidebarCornerLeft" src="images/server-sidebar-corner-left.png" alt="">
                        <img class="cacheSidebarCornerRight" src="images/server-sidebar-corner-right.png" alt="">
                    </div>
                    <div class="cacheSidebarInfo dark">
                        <div class="d-flex spaceBetween">
                            <div class="inline-flex">
                                <img class="webLocationIcon" src="images/server-location-icon.png" alt="">
                                <div class="serverSidebarHeading">
                                    <h5>China</h5>
                                </div>
                            </div>
                            <div class="inline-flex">
                                <img src="images/server-location-image.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="d-flex spaceBetween">
                        <img class="cacheSidebarCornerLeft" src="images/server-sidebar-corner-left.png" alt="">
                        <img class="cacheSidebarCornerRight" src="images/server-sidebar-corner-right.png" alt="">
                    </div>
                    <div class="cacheSidebarInfo dark">
                        <div class="d-flex spaceBetween">
                            <div class="inline-flex">
                                <img class="webLocationIcon" src="images/server-location-icon.png" alt="">
                                <div class="serverSidebarHeading">
                                    <h5>France</h5>
                                </div>
                            </div>
                            <div class="inline-flex">
                                <img src="images/server-location-image.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="d-flex spaceBetween">
                        <img class="cacheSidebarCornerLeft" src="images/server-sidebar-corner-left.png" alt="">
                        <img class="cacheSidebarCornerRight" src="images/server-sidebar-corner-right.png" alt="">
                    </div>
                    <div class="cacheSidebarInfo dark">
                        <div class="d-flex spaceBetween">
                            <div class="inline-flex">
                                <img class="webLocationIcon" src="images/server-location-icon.png" alt="">
                                <div class="serverSidebarHeading">
                                    <h5>Italy</h5>
                                </div>
                            </div>
                            <div class="inline-flex">
                                <img src="images/server-location-image.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blueHostSideBar">
                    <div class="col-sm-12">
                        <div class="cacheSidebar mb-2 mt-0">
                            <div class="d-flex f-end">
                                <img class="cursorPointer" src="images/information-icon.png" alt="">
                            </div>
                            <div class="cacheSidebarHeading">
                                <h4>Plans &amp; Pricing</h4>
                            </div>
                        </div>
                    </div>
                    <div class="d-flex spaceBetween">
                        <img class="cacheSidebarCornerLeft" src="images/server-sidebar-corner-left.png" alt="">
                        <img class="cacheSidebarCornerRight" src="images/server-sidebar-corner-right.png" alt="">
                    </div>
                    <div class="cacheSidebarInfo dark">
                        <div class="d-flex j-content-center">
                            <div class="inline-flex">
                                <img class="webLocationIcon" src="images/shared-icon.png" alt="">
                                <div class="cacheSidebarHeading">
                                    <h6>Shared Hosting</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="offerBox">
                            <img class="boxTopLeftOther top" src="images/box-top-left.png" alt="">
                            <div class="d-flex f-end">
                                <img class="bestOffer" src="images/best-offer.png" alt="">
                            </div>
                            <div class="offerHeading">
                                <h4>Starting From</h4>
                                <h2><span>$</span>3.95</h2>
                            </div>
                            <img class="boxTopRightOther right" src="images/box-top-right.png" alt="">
                        </div>
                    </div>
                    <div class="d-flex spaceBetween">
                        <img class="cacheSidebarCornerLeft" src="images/server-sidebar-corner-left.png" alt="">
                        <img class="cacheSidebarCornerRight" src="images/server-sidebar-corner-right.png" alt="">
                    </div>
                    <div class="cacheSidebarInfo orange">
                        <div class="d-flex j-content-center">
                            <div class="inline-flex">
                                <img class="webLocationIcon" src="images/vps-icon.png" alt="">
                                <div class="cacheSidebarHeading">
                                    <h6>VPS Hosting</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="offerBox">
                            <img class="boxTopLeftOther top" src="images/box-top-left.png" alt="">
                            <div class="offerHeading">
                                <h4>Starting From</h4>
                                <h2><span>$</span>5.95</h2>
                            </div>
                            <img class="boxTopRightOther right" src="images/box-top-right.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<?php
get_footer();
