File: //var/www/html/qcr24/wp-content/themes/syscentric/single.php
<?php
/**
* The template for displaying all single posts and attachments
*
* @package WordPress
* @subpackage syscentric
* @since syscentric 1.0
*/
get_header();
?>
<section class="blog_page_header blog_page sticky-top1">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row justify-between">
<div class="stellarnav">
<ul>
<li><a href="<?php bloginfo('url'); ?>/blog/"><i class="fas fa-home"></i></a></li>
<?php
$categories = get_categories( array(
'orderby' => 'term_id',
'order' => 'ASC',
'hide_empty' => 0,
) );
foreach($categories as $category) {
?>
<li><a href="#<?php echo $category->slug; ?>"><?php echo $category->name; ?></a></li>
<?php } ?>
</ul>
</div>
<!--<div class="search_sec">
<button type="button" class="btn btn-forsearch"><i class="fas fa-search"></i>
Search</button>
</div>-->
</div>
</div>
</div>
</div>
<!--<div class="full_search_area ">
<div class="container">
<div class="search_area">
<form class="navbar-form" role="search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search" name="q">
<div class="input-group-btn">
<button class="btn btn-search" type="submit"><i class="fas fa-search"></i></button>
</div>
</div>
</form>
</div>
</div>
</div>-->
</section>
<section class="blog_contect_sec blog_page">
<div class="container">
<div class="row">
<div class="col-md-12 blog_headline mrg50T">
<h1><?php the_title(); ?></h1>
</div>
<div class="col-lg-12">
<div class="position-relative row">
<div class="col-lg-9">
<div class="blog-meta mb-2">
<!--<span class="admin_img"><img src="assets/img/user2.png" alt=""></span> by<a
href="">Admin</a><i class="fas fa-calendar-alt"></i> 17 januray 2023 <i
class="fas fa-clock"></i> 8 minutes-->
<i class="fas fa-calendar-alt"></i> <?php echo get_the_time('d F Y', $post->ID); ?>
</div>
<div class="blog_img_area mrg40B">
<?php $image_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full'); ?>
<img src="<?php echo $image_url[0]; ?>" alt="">
</div>
<div class=" row">
<div class="col-lg-3">
<div class="is-sticky Share_area" style="top: 150px;">
<h3 class="mb-4">Share </h3>
<ul class="social_list ">
<li><i class="fab fa-facebook-square"></i> <a href="">Facebook</a></li>
<li><i class="fab fa-twitter-square"></i> <a href="">Twitter</a></li>
<li><i class="fab fa-linkedin"></i> <a href="">Linkedin</a> </li>
<li><i class="fas fa-envelope"></i><a href=""> Email</a></li>
<li><i class="fas fa-link"></i><a href=""> Copy Link</a></li>
</ul>
</div>
</div>
<div class="col-lg-9">
<?php echo get_the_content(); ?>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="">
<h3 class="mb-4 mrg30T">Need assistance? please fill the form</h3>
</div>
<?php echo do_shortcode('[contact-form-7 id="275" title="Contact Us" html_class="row mt-4"]'); ?>
<div class="mrg30T">
<div class="ad_sec">
<div class="bg-dark text-center rounded py-5 px-3">
<h2 class="text-white"><small style="font-weight: 700;">Reimagine Social Media
for Business Growth</small></h2>
<h6 class="text-white">Have a brand problem that needs to be solved? We’d love
to hear about it!</h6>
<a href="<?php bloginfo('url'); ?>/contact"
class="btn btn-primary-round btn-round mx-0 mx-md-3 text-white">Let’s Get
Started<i class="fas fa-arrow-right pl-3"></i></a>
</div>
</div>
</div>
<div class="is-sticky Share_area" style="top: 150px;">
<h3 class="mb-4 mrg30T">Resources for you</h3>
<?php $args = array(
'posts_per_page' => 3,
'post_type' => 'post',
'post_status' => 'publish',
);
$my_query = new WP_Query($args);
if( $my_query->have_posts() ):
while ($my_query->have_posts()) : $my_query->the_post();
$image_url = wp_get_attachment_image_src(get_post_thumbnail_id($my_query->ID), 'full');
?>
<div class="row mrg20B">
<div class="col-md-6">
<div class="blog_img_area">
<img src="<?php echo $image_url[0]; ?>" alt="">
</div>
</div>
<div class="col-md-6">
<h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
</div>
</div>
<?php
endwhile;
endif;
wp_reset_query();
?>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="bg-dark text-center rounded py-5 px-3 mb-4 mt-4">
<h2 class="text-white"><small style="font-weight: 700;">Reimagine Social Media
for Business Growth</small></h2>
<h6 class="text-white">Have a brand problem that needs to be solved? We’d love
to hear about it!</h6>
<a href="<?php bloginfo('url'); ?>/contact"
class="btn btn-primary-round btn-round mx-0 mx-md-3 text-white">Let’s Get
Started<i class="fas fa-arrow-right pl-3"></i></a>
</div>
</div>
<div class="col-lg-12 blog_headline mrg30T" id="Digital_Marketing">
<h3>Recommended for you
</h3>
<div class="viewall">
<a href="">View all <i class="fas fa-arrow-right"></i></a>
</div>
</div>
<div class="col-md-12">
<div class="row">
<?php $args = array(
'posts_per_page' => 4,
'post_type' => 'post',
'post_status' => 'publish',
'orderby' => 'rand',
);
$my_query = new WP_Query($args);
if( $my_query->have_posts() ):
while ($my_query->have_posts()) : $my_query->the_post();
$image_url = wp_get_attachment_image_src(get_post_thumbnail_id($my_query->ID), 'full');
?>
<div class="col-lg-3 col-md-6">
<div class="blog-item card mb-5">
<img src="<?php echo $image_url[0]; ?>" alt="" class="img-fluid">
<div class="blog-item-content">
<div class="blog-meta mb-1">
<i class="fas fa-calendar-alt"></i> <?php echo get_the_time('d F Y', $my_query->ID); ?>
</div>
<h4 class="mt-2 mb-2"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
<ul class="blog_im_list">
<?php
$postTags = get_the_tags($my_query->ID);
foreach($postTags as $postT){
?>
<li class=""><a href="javascript:void(0)" class=""><?php echo $postT->name; ?></a></li>
<?php } ?>
</ul>
</div>
<div class="card-footer d-flex justify-content-between">
<a href="<?php the_permalink(); ?>" class="read-more">Read More <i
class="fas fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<?php
endwhile;
endif;
wp_reset_query();
?>
</div>
</div>
</div>
</div>
</section>
<?php get_footer(); ?>