<?php
/**
 * Template for displaying the footer
 *
 * Contains the closing of the id=main div and all content
 * after. Calls sidebar-footer.php for bottom widgets.
 *
 * @package WordPress
 * @subpackage Twenty_Ten
 * @since Twenty Ten 1.0
 */
?>


<?php
	/*
	 * Always have wp_footer() just before the closing </body>
	 * tag of your theme, or you will break many plugins, which
	 * generally use this hook to reference JavaScript files.
	 */

	wp_footer();
?>

  <link rel="stylesheet" href="css/font-awesome.min.css" as="style">
                <div class="action-bar bar-bottom">
                    <a href="#" class="button" title="Post a reply">
                        <span>Post Reply</span> <i class="icon fa-reply fa-fw" aria-hidden="true"></i>
                    </a>
                    <form method="post" action="#">
                    </form>
                    <br>
                </div>
                <div class="forumbg">
                    <div class="inner">
                        <ul class="topiclist">
                            <li class="header">
                                <dl class="row-item">
                                    <dt>
                                        <div class="list-inner">Similar Topics</div>
                                    </dt>
                                    <dd class="posts">Replies</dd>
                                    <dd class="views">Views</dd>
                                    <dd class="lastpost"><span>Last post</span></dd>
                                </dl>
                            </li>
                        </ul>
                        <ul class="topiclist topics">
						
						
						
																<?php                      
    $args = array('post_type' => 'post','orderby' => 'date',
    'order' => 'DESC','posts_per_page' => 4);
    $loop = new WP_Query( $args );                      
    while ( $loop->have_posts() ) : $loop->the_post();
	?>
                            <li class="row bg1">
                                <dl class="row-item topic_unread_hot">
                                    <dt title="Unread posts">
                                        <a href="#" class="row-item-link"></a>
                                        <div class="list-inner">
                                            <a class="unread" href="#">
                                                <i class="icon fa-file fa-fw icon-red icon-md" aria-hidden="true"></i><span class="sr-only">New post</span>
                                            </a>
                                            <a class="topictitle"><?php the_title(); ?></a>
                                            <br>
                                            <span class="responsive-show left-box" style="display: none;">Replies: <strong>4</strong></span>
                                            <div class="responsive-hide left-box">
                                                <i class="icon fa-paperclip fa-fw" aria-hidden="true"></i> by <a href="#" class="username"><?php the_field("name"); ?></a> &raquo; <?php the_field("date"); ?>
                                            </div>
                                        </div>
                                    </dt>
                                    <dd class="posts">7 <dfn>Replies</dfn>
                                    </dd>
                                    <dd class="views"><?php the_field("posts"); ?> <dfn>Views</dfn>
                                    </dd>
                                    <dd class="lastpost">
                                        <span><dfn>Last post </dfn>by <a href="#" class="username"><?php the_field("name"); ?></a>
                                            <a href="#" title="Go to last post">
                                                <i class="icon fa-external-link-square fa-fw icon-lightgray icon-md" aria-hidden="true"></i><span class="sr-only"></span>
                                            </a>
                                            <br><?php the_field("date"); ?>
                                        </span>
                                    </dd>
                                </dl>
                            </li>
                           <?php endwhile; wp_reset_query(); ?>   
                            
                            
                        </ul>
                    </div>
                </div>
                <div class="action-bar actions-jump">
                    <p class="jumpbox-return">
                        <a href="#" class="left-box arrow-left" accesskey="r">
                            <i class="icon fa-angle-left fa-fw icon-black" aria-hidden="true"></i><span>Return to &ldquo;BMW&rdquo;</span>
                        </a>
                    </p>
                    
                </div>
            </div>
            <div id="page-footer" class="page-footer" role="contentinfo">
                <div class="navbar" role="navigation">
                    <div class="inner">
                        <ul id="nav-footer" class="nav-footer linklist" role="menubar">
                            <li>
                            </li>
                            <li class="responsive-menu hidden rightside dropdown-container">
                                <a href="javascript:" class="js-responsive-menu-link responsive-menu-link button dropdown-toggle"><i class="icon fa-bars fa-fw" aria-hidden="true"></i></a>
                                <div class="dropdown">
                                    <div class="pointer">
                                        <div class="pointer-inner"></div>
                                        <ul class="dropdown-contents"></ul>
                                    </div>
                                </div>
                            </li>
                            <li class="rightside">
                                <a href="#" data-ajax="true" data-refresh="true" role="menuitem" class="button">
                                    <i class="icon fa-trash fa-fw" aria-hidden="true"></i><span>Delete cookies</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="copyright">
                    <p class="footer-row">
                    </p>
                    <p class="footer-row">
                        <span class="footer-copyright">Powered by <a href="https://www.phpbb.com/">phpBB</a>&reg; Forum Software &copy; phpBB Limited</span>
                    </p>
                    <p class="footer-row" role="menu">
                        <a class="footer-link" href="#" title="Privacy" role="menuitem">
                            <span class="footer-link-text">Privacy</span>
                        </a>
                        |
                        <a class="footer-link" href="#" title="Terms" role="menuitem">
                            <span class="footer-link-text">Terms</span>
                        </a>
                    </p>
                </div>
                <div id="darkenwrapper" class="darkenwrapper" data-ajax-error-title="AJAX error" data-ajax-error-text="Something went wrong when processing your request." data-ajax-error-text-abort="User aborted request." data-ajax-error-text-timeout="Your request timed out; please try again." data-ajax-error-text-parsererror="Something went wrong with the request and the server returned an invalid reply.">
                    <div id="darken" class="darken">&nbsp;</div>
                </div>
                <div id="phpbb_alert" class="phpbb_alert" data-l-err="Error" data-l-timeout-processing-req="Request timed out.">
                    <a href="#" class="alert_close">
                        <i class="icon fa-times-circle fa-fw" aria-hidden="true"></i>
                    </a>
                    <h3 class="alert_title">&nbsp;</h3>
                    <p class="alert_text"></p>
                </div>
                <div id="phpbb_confirm" class="phpbb_alert">
                    <a href="#" class="alert_close">
                        <i class="icon fa-times-circle fa-fw" aria-hidden="true"></i>
                    </a>
                    <div class="alert_text"></div>
                </div>
            </div>
        </div>
        <div>
            <a id="bottom" class="anchor" accesskey="z"></a>
        </div>
        <!--// Let's destroy all gallery stuff -->
        <div style="
position: fixed;
z-index: 11;
float:left;
left:1px;
bottom:0px;
">

        </div>
    </div>

</body>
</html>

<style>
.headerbar {
    background: #03a9f4 url(<?php bloginfo('template_url') ?>/css/craftyheadermobile.jpg);
    border-color: #bdbdbd;
}
</style>