<style>
.block1 {
    background-color: #f3f3f3;
    padding: 22px;
    width: 291px;
    border: 1px solid #d5d5d5;
}

</style>

<?php
global $allowedtags;

if ( $headline = get_theme_mod( 'wedocs_home_text' ) ) { ?>
    <div class="jumbotron">
        <h1><?php echo wp_kses( $headline, $allowedtags ); ?></h1>

        <?php if ( $tagline = get_theme_mod( 'wedocs_home_text_tag' ) ) { ?>
            <p><?php echo wp_kses( $tagline, $allowedtags ); ?></p>
        <?php } ?>
    </div>
<?php } ?>

<?php
/*$categories = get_terms( 'category', array(
    'hide_empty' => false,
    'orderby'    => 'name',
    'parent'     => 0,
    'hierarchical' => false
) );

if ( $categories ) {

    echo '<ul class="doc-category clearfix">';

    foreach ( $categories as $category ) {
        include 'templates/loop-category.php';
    }

    echo '</ul>';
}
 */
 ?>

<div class="col-xs-12 col-sm-12 col-md-4 col-md-offset-2  text-center">

    <a  href="/?s=&search_param=8" class="block1 center-block">
        <img src="<?= get_the_post_thumbnail_url(8) ?>" alt="..">
        <h3>Development Guide</h3>
        <p>(<?= get_all_functions_of(8)?>)</p>
    </a>
</div>


<div class="col-xs-12 col-sm-12 col-md-4  text-center">
    <a href="/?s=&search_param=9" class="block1 center-block">
        <img src="<?= get_the_post_thumbnail_url(9);?>" alt="..">
        <h3>End User Guide</h3>
        <p>(<?= get_all_functions_of(9)?>)</p>
    </a>
</div>
