Commit c35e5750 by Muhammad Usman

single pages made dynamic

parent 6ad8b1d6
...@@ -6,11 +6,14 @@ define('BANNER_PAGE', 'Home Banner'); ...@@ -6,11 +6,14 @@ define('BANNER_PAGE', 'Home Banner');
define('HOSTING_REVIEW_PAGE', 'Web Hosting Review'); define('HOSTING_REVIEW_PAGE', 'Web Hosting Review');
define('ABOUT_US_PAGE', 'About Us'); define('ABOUT_US_PAGE', 'About Us');
define('RECENT_REVIEWS_PAGE', 'Recent Reviews'); define('RECENT_REVIEWS_PAGE', 'Recent Reviews');
define('REVIEWS_PAGE', 'Reviews');
define('TOP_BLOG_PAGE', 'Top Blog Posts'); define('TOP_BLOG_PAGE', 'Top Blog Posts');
define('NEWSLETTER_PAGE', 'Newsletter Page'); define('NEWSLETTER_PAGE', 'Newsletter Page');
define('BLOG_PAGE', 'Blog');
if (isset($_GET['activated']) && is_admin()){ if (isset($_GET['activated']) && is_admin()){
$defaultPagesBanner = [BANNER_PAGE, HOSTING_REVIEW_PAGE, ABOUT_US_PAGE, RECENT_REVIEWS_PAGE, TOP_BLOG_PAGE, NEWSLETTER_PAGE]; $defaultPagesBanner = [BANNER_PAGE, HOSTING_REVIEW_PAGE, ABOUT_US_PAGE, RECENT_REVIEWS_PAGE, TOP_BLOG_PAGE, NEWSLETTER_PAGE, BLOG_PAGE];
for ($i = 0; $i < count($defaultPagesBanner); $i++) { for ($i = 0; $i < count($defaultPagesBanner); $i++) {
$new_page_title = $defaultPagesBanner[$i]; $new_page_title = $defaultPagesBanner[$i];
$page_check = get_page_by_title($new_page_title); $page_check = get_page_by_title($new_page_title);
......
...@@ -13,3 +13,22 @@ require_once 'theme-settings.php'; ...@@ -13,3 +13,22 @@ require_once 'theme-settings.php';
function vq_add_theme_setting_page() { function vq_add_theme_setting_page() {
add_menu_page('Theme Options', 'Theme Options', 'manage_options', 'theme_options.php', 'vq_theme_settings_page'); add_menu_page('Theme Options', 'Theme Options', 'manage_options', 'theme_options.php', 'vq_theme_settings_page');
} }
// Register Sidebars
function vq_generic_sidebar() {
register_sidebar(
array (
'name' => __( 'Generic Sidebar'),
'id' => 'vq-sidebar',
'before_widget' => '<div class="widget-content">',
'after_widget' => "</div>",
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
)
);
}
add_action( 'widgets_init', 'vq_generic_sidebar' );
...@@ -40,4 +40,5 @@ function vq_recent_blogs_shortcode() { ...@@ -40,4 +40,5 @@ function vq_recent_blogs_shortcode() {
return $str .= '</div></div>'; return $str .= '</div></div>';
} }
add_shortcode('recent-blogs', 'vq_recent_blogs_shortcode'); add_shortcode('recent-blogs', 'vq_recent_blogs_shortcode');
<?php
/*
Template Name: Blog Page
*/
?>
<?php get_header(); ?>
<div class="container">
<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 active" aria-current="page"><?php echo REVIEWS_PAGE ?></li>
</ol>
</nav>
</div>
<div class="col-sm-8">
<div class="row">
<?php
$loop = new WP_Query( array( 'post_type' => 'hosting_reviews', 'paged' => true, 'posts_per_page' => 5 ) );
if ( $loop->have_posts() ) :
while ( $loop->have_posts() ) : $loop->the_post(); ?>
<div class="col-sm-12">
<img class="blogImage" src="<?php echo get_the_post_thumbnail_url();?>">
<div class="blogSingle">
<h3><?php the_title(); ?> </h3>
</div>
<div class="d-flex spaceBetween">
<div class="singleBox r-margin">
<img class="userIcon" src="<?php echo get_template_directory_uri(); ?>/assets/images/user-icon.png">
<div class="blogSingle d-inline-block">
<h5><?php echo get_the_author_meta('display_name'); ?> </h5>
</div>
</div>
<div class="singleBox">
<img class="userIcon" src="<?php echo get_template_directory_uri(); ?>/assets/images/date-icon.png">
<div class="blogSingle d-inline-block">
<h5><?php the_time('F j, Y'); ?></h5>
</div>
</div>
</div>
</div>
<?php endwhile;
if ( $loop->max_num_pages > 1 ) : ?>
<div id="nav-below" class="navigation">
<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Previous', 'domain' ) ); ?></div>
<div class="nav-next"><?php previous_posts_link( __( 'Next <span class="meta-nav">&rarr;</span>', 'domain' ) ); ?></div>
</div>
<?php endif;
endif;
wp_reset_postdata();
?>
</div>
<div class="d-flex j-content-center">
<nav aria-label="Page navigation example">
<ul class="pagination">
<li class="page-item">
<a class="page-link" href="#" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<li class="page-item"><a class="page-link" href="#">01</a></li>
<li class="page-item"><a class="page-link" href="#">02</a></li>
<li class="page-item"><a class="page-link" href="#">03</a></li>
<li class="page-item"><a class="page-link" href="#">04</a></li>
<li class="page-item"><a class="page-link" href="#">05</a></li>
<li class="page-item">
<a class="page-link" href="#" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="col-md-4">
<?php get_sidebar(); ?>
</div>
</div>
</div>
<?php
get_footer();
//<?php
// $loop = new WP_Query( array( 'post_type' => 'hosting_reviews', 'paged' => true ) );
// if ( $loop->have_posts() ) :
// while ( $loop->have_posts() ) : $loop->the_post(); ?>
<!-- <div class="pindex">-->
<!-- --><?php //if ( has_post_thumbnail() ) { ?>
<!-- <div class="pimage">-->
<!-- <a href="--><?php //the_permalink(); ?><!--">--><?php //the_post_thumbnail(); ?><!--</a>-->
<!-- </div>-->
<!-- --><?php //} ?>
<!-- </div>-->
<!-- --><?php //endwhile;
// if ( $loop->max_num_pages > 1 ) : ?>
<!-- <div id="nav-below" class="navigation">-->
<!-- <div class="nav-previous">--><?php //next_posts_link( __( '<span class="meta-nav">&larr;</span> Previous', 'domain' ) ); ?><!--</div>-->
<!-- <div class="nav-next">--><?php //previous_posts_link( __( 'Next <span class="meta-nav">&rarr;</span>', 'domain' ) ); ?><!--</div>-->
<!-- </div>-->
<!-- --><?php //endif;
// endif;
// wp_reset_postdata();
//?>
...@@ -824,9 +824,12 @@ a:hover ...@@ -824,9 +824,12 @@ a:hover
border: 1px solid #d9dade; border: 1px solid #d9dade;
margin: 18px 0 0 0; margin: 18px 0 0 0;
} }
.postBox img {
height: 145px !important;
width: 100% !important;
}
.postHeading .postHeading h3
h3
{ {
font-size: 16px !important; font-size: 16px !important;
color: #373856 !important; color: #373856 !important;
...@@ -835,13 +838,13 @@ h3 ...@@ -835,13 +838,13 @@ h3
margin: 0; margin: 0;
} }
.postHeading .postHeading .post-content {
p
{
font-size: 14px !important; font-size: 14px !important;
color: #7286a2 !important; color: #7286a2 !important;
text-align: left; text-align: left;
padding: 0px 18px; padding: 0 18px;
height: 56px;
overflow: hidden;
} }
.postImage .postImage
......
<div class="subscribeBackground">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="subscribeTitle">
<h3>SUBSCRIBE TO MY NEWSLETTER</h3>
<h2>Stay up to date with my blogging news</h2>
</div>
</div>
<div class="col-sm-4">
<input type="name" class="form-control SubscribeInput" id="exampleInputName" aria-describedby="emailHelp" placeholder="Name">
</div>
<div class="col-sm-4">
<input type="email" class="form-control SubscribeInput" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Email">
</div>
<div class="col-sm-4">
<button class="btn orange updateButton" type="submit">Stay Update!</button>
</div>
</div>
</div>
</div>
<!-- Footer Section Code Start--> <!-- Footer Section Code Start-->
<!--------------------> <!-------------------->
......
<?php
/*
Template Name: Home Page
*/
?>
<?php get_header(); ?>
<!-- Banner Content -->
<?php
$page = get_page_by_title( BANNER_PAGE);
echo $page->post_content;
?>
<!-- About Us Content -->
<?php
$page = get_page_by_title( ABOUT_US_PAGE);
echo $page->post_content;
?>
<!-- Top Recent Reviews -->
<?php
$page = get_page_by_title( RECENT_REVIEWS_PAGE);
echo do_shortcode($page->post_content);
?>
<div class="container">
<div class="hrBorder"></div>
</div>
<!-- Top Blogs Content -->
<?php
$page = get_page_by_title( TOP_BLOG_PAGE);
echo do_shortcode($page->post_content);
?>
<?php
get_footer();
...@@ -23,16 +23,13 @@ function vq_register_theme_supports() ...@@ -23,16 +23,13 @@ function vq_register_theme_supports()
// Register Settings sin the Customizer API // Register Settings sin the Customizer API
function vq_theme_customize_register( $wp_customize ) { function vq_theme_customize_register( $wp_customize ) {
// Footer settings
$wp_customize->add_section('vq_footer_section', array( $wp_customize->add_section('vq_footer_section', array(
'title' => __('Footer Settings'), 'title' => __('Footer Settings'),
'priority' => 30 'priority' => 30
)); ));
$wp_customize->add_setting('vq-copyright-text', array()); $wp_customize->add_setting('vq-copyright-text', array());
$wp_customize->add_setting('vq-about-company-text', array());
$wp_customize->add_setting('vq-about-us-title-text', array());
$wp_customize->add_control(new WP_Customize_Control( $wp_customize->add_control(new WP_Customize_Control(
$wp_customize, $wp_customize,
'vq_about_us_title_text', 'vq_about_us_title_text',
...@@ -45,7 +42,7 @@ function vq_theme_customize_register( $wp_customize ) { ...@@ -45,7 +42,7 @@ function vq_theme_customize_register( $wp_customize ) {
) )
); );
$wp_customize->add_setting('vq-about-company-text', array());
$wp_customize->add_control(new WP_Customize_Control( $wp_customize->add_control(new WP_Customize_Control(
$wp_customize, $wp_customize,
'vq_about_company_text', 'vq_about_company_text',
...@@ -59,6 +56,7 @@ function vq_theme_customize_register( $wp_customize ) { ...@@ -59,6 +56,7 @@ function vq_theme_customize_register( $wp_customize ) {
) )
); );
$wp_customize->add_setting('vq-about-us-title-text', array());
$wp_customize->add_control(new WP_Customize_Control( $wp_customize->add_control(new WP_Customize_Control(
$wp_customize, $wp_customize,
'vq_copyright_text', 'vq_copyright_text',
...@@ -72,6 +70,81 @@ function vq_theme_customize_register( $wp_customize ) { ...@@ -72,6 +70,81 @@ function vq_theme_customize_register( $wp_customize ) {
) )
); );
// Sidebar Sections
$wp_customize->add_section('vq_sidebar_section', array(
'title' => __('Sidebar'),
'priority' => 40
));
$wp_customize->add_setting('vq-speed-test-heading', array());
$wp_customize->add_control(new WP_Customize_Control(
$wp_customize,
'vq_speed_test_heading',
array(
'label' => __('Speed Test'),
'section' => 'vq_sidebar_section',
'settings' => 'vq-speed-test-heading',
'priority' => 1
)
)
);
$wp_customize->add_setting('vq-recent-posts-heading', array());
$wp_customize->add_control(new WP_Customize_Control(
$wp_customize,
'vq_recent_posts_heading',
array(
'label' => __('Recent Posts'),
'section' => 'vq_sidebar_section',
'settings' => 'vq-recent-posts-heading',
'priority' => 2
)
)
);
$wp_customize->add_setting('vq-top-reviews-heading', array());
$wp_customize->add_control(new WP_Customize_Control(
$wp_customize,
'vq_top_reviews_heading',
array(
'label' => __('Top New Reviews'),
'section' => 'vq_sidebar_section',
'settings' => 'vq-top-reviews-heading',
'priority' => 3
)
)
);
$wp_customize->add_setting('vq-top-hosting-heading', array());
$wp_customize->add_control(new WP_Customize_Control(
$wp_customize,
'vq_top_hosting_heading',
array(
'label' => __('Top Hosting'),
'section' => 'vq_sidebar_section',
'settings' => 'vq-top-hosting-heading',
'priority' => 4
)
)
);
$wp_customize->add_setting('vq-newsletter-heading', array());
$wp_customize->add_control(new WP_Customize_Control(
$wp_customize,
'vq_newsletter_heading',
array(
'label' => __('Newsletter'),
'section' => 'vq_sidebar_section',
'settings' => 'vq-newsletter-heading',
'priority' => 5
)
)
);
// ..repeat ->add_setting() and ->add_control() for mytheme_company-division // ..repeat ->add_setting() and ->add_control() for mytheme_company-division
} }
add_action( 'customize_register', 'vq_theme_customize_register' ); add_action( 'customize_register', 'vq_theme_customize_register' );
......
<?php <?php
/* /*
Template Name: Home Page Template Name: Blog Page
*/ */
?> ?>
<?php get_header(); ?> <?php get_header(); ?>
<div class="container">
<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 active" aria-current="page"><?php echo BLOG_PAGE ?></li>
</ol>
</nav>
</div>
<div class="col-sm-8">
<div class="row">
<!-- Banner Content --> <?php
<?php
$page = get_page_by_title( BANNER_PAGE);
echo $page->post_content;
?>
<!-- About Us Content --> $the_query = new WP_Query(array(
<?php 'posts_per_page' => 10
$page = get_page_by_title( ABOUT_US_PAGE); ));
echo $page->post_content;
?>
if ( $the_query->have_posts() ) :
<!-- Top Recent Reviews --> while ( $the_query->have_posts() ) : $the_query->the_post();
<?php ?>
$page = get_page_by_title( RECENT_REVIEWS_PAGE);
echo do_shortcode($page->post_content); <div class="col-lg-6">
?> <img class="blogImage" src="<?php echo get_the_post_thumbnail_url(); ?>">
<div class="container"> <a href="<?php the_permalink(); ?>"><h3><?php echo get_the_title() ?></h3></a>
<div class="hrBorder"></div> <div class="d-flex spaceBetween">
<div>
<img class="blogUser" style="width: 30px; height: 30px; border-radius: 50%" src="<?php echo get_avatar_url( get_the_author_meta('user_email'), '60' ); ?>">
<h5><?php echo get_the_author_meta('display_name') ?></h5>
</div>
<div>
<h5 class="pt-1 responsive"><?php the_time('F j, Y'); ?></h5>
</div>
</div>
</div>
<?php
endwhile;
?>
<?php
endif;
?>
</div>
<div class="d-flex j-content-center">
<nav aria-label="Page navigation example">
<ul class="pagination">
<li class="page-item">
<a class="page-link" href="#" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<li class="page-item"><a class="page-link" href="#">01</a></li>
<li class="page-item"><a class="page-link" href="#">02</a></li>
<li class="page-item"><a class="page-link" href="#">03</a></li>
<li class="page-item"><a class="page-link" href="#">04</a></li>
<li class="page-item"><a class="page-link" href="#">05</a></li>
<li class="page-item">
<a class="page-link" href="#" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="col-md-4">
<?php get_sidebar(); ?>
</div>
</div>
</div> </div>
<!-- Top Blogs Content -->
<?php
$page = get_page_by_title( TOP_BLOG_PAGE);
echo do_shortcode($page->post_content);
?>
<?php <?php
get_footer(); get_footer();
<div id="sidebar-primary" class="sidebar">
<div class="sideBarBox">
<div class="sideBar">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/sidebar-hosting-icon.png">
<h2><?php echo get_theme_mod( "vq-speed-test-heading") ?></h2>
</div>
<div class="col-sm-12">
<form class="form-inline">
<input class="form-control sidebarInput" type="search" placeholder="Enter URL" aria-label="Search">
<button class="btn btn-outline-success testButton dark" type="submit">Test</button>
</form>
</div>
</div>
<div class="sideBarBox">
<div class="recentTitleBox">
<div class="d-flex spaceBetween">
<h4><?php echo get_theme_mod( "vq-recent-posts-heading") ?></h4>
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/recent-icon.png">
</div>
</div>
<div class="d-flex j-content-center">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/bottom-style.png">
</div>
<?php
$recent_posts = wp_get_recent_posts(array(
'numberposts' => 2, // Number of recent posts thumbnails to display
'post_status' => 'publish' // Show only the published posts
));
foreach ($recent_posts as $post) { ?>
<div class="col-sm-12">
<div class="postBox">
<img src="<?php echo get_the_post_thumbnail_url($post['ID']); ?>">
<div class="postHeading">
<h3><?php echo $post['post_title']; ?></h3>
<div class="post-content">
<?php echo $post['post_content']; ?>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
<div class="sideBarBox">
<div class="recentTitleBox">
<div class="d-flex spaceBetween">
<h4><?php echo get_theme_mod( "vq-top-reviews-heading") ?></h4>
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/recent-icon.png">
</div>
</div>
<div class="d-flex j-content-center">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/bottom-style.png">
</div>
<?php
$recent_reviews = wp_get_recent_posts(array(
'numberposts' => 2,
'orderby' => 'post_date',
'order' => 'DESC',
'post_type' => 'hosting_reviews',
'post_status' => 'publish'
));
foreach ($recent_reviews as $recent_review) { ?>
<div class="col-sm-12">
<div class="postBox">
<img class="w-100 postImage" src="<?php echo get_the_post_thumbnail_url($post['ID']); ?>" alt="">
<div class="postHeading">
<h3><?php echo $recent_review['post_title'] ?> </h3>
<div class="post-content">
<?php echo $recent_review['post_content'] ?>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
<div class="sideBarBox pb-0">
<div class="recentTitleBox">
<div class="d-flex spaceBetween">
<h4><?php echo get_theme_mod( "vq-top-hosting-heading") ?></h4>
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/hosting-icon.png">
</div>
</div>
<div class="d-flex j-content-center">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/bottom-style.png">
</div>
<div class="col-sm-12">
<div class="d-flex spaceBetween">
<img class="hostingLogo" src="<?php echo get_template_directory_uri(); ?>/assets/images/hosting-logo.png">
<button class="btn btn-outline-success reviewButton" type="submit"><i class="fas fa-eye"></i> Review</button>
</div>
</div>
<div class="borderBottom"></div>
<div class="col-sm-12">
<div class="d-flex spaceBetween">
<img class="hostingLogo" src="images/hosting-logo.png">
<button class="btn btn-outline-success reviewButton" type="submit"><i class="fas fa-eye"></i> Review</button>
</div>
</div>
<div class="borderBottom"></div>
<div class="col-sm-12">
<div class="d-flex spaceBetween">
<img class="hostingLogo" src="images/hosting-logo.png">
<button class="btn btn-outline-success reviewButton" type="submit"><i class="fas fa-eye"></i> Review</button>
</div>
</div>
<div class="borderBottom"></div>
<div class="col-sm-12">
<div class="d-flex spaceBetween">
<img class="hostingLogo" src="images/hosting-logo.png">
<button class="btn btn-outline-success reviewButton" type="submit"><i class="fas fa-eye"></i> Review</button>
</div>
</div>
<div class="borderBottom"></div>
<div class="col-sm-12">
<div class="d-flex spaceBetween">
<img class="hostingLogo" src="images/hosting-logo.png">
<button class="btn btn-outline-success reviewButton" type="submit"><i class="fas fa-eye"></i> Review</button>
</div>
</div>
<div class="borderBottom"></div>
<div class="col-sm-12">
<div class="d-flex spaceBetween">
<img class="hostingLogo" src="images/hosting-logo.png">
<button class="btn btn-outline-success reviewButton" type="submit"><i class="fas fa-eye"></i> Review</button>
</div>
</div>
</div>
<div class="sideBarBox">
<div class="sideBar newsletterPadding">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/newsletter-icon.png">
<h2><?php echo get_theme_mod( "vq-newsletter-heading") ?></h2>
</div>
<div class="col-sm-12">
<form class="form-inline">
<input class="form-control sidebarInput w65" type="search" placeholder="Newsletter" aria-label="Search">
<button class="btn btn-outline-success testButton orange " type="submit">Submit</button>
</form>
</div>
</div>
</div>
<?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();
<?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 site_url(); ?>/blog"><?php echo BLOG_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">
<?php get_sidebar(); ?>
</div>
</div>
</div>
<?php
get_footer();
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment