| 
<!-- row -->
 <div class='container container-fluid' style='padding-left:0px;padding-right:0px;' >
 
 <!-- row -->
 <div class='row' >
 <div class='col-12' >
 <?php  prepare_visitor_online_data(100); ?>
 <!-- card -->
 <div class="card margin-bottom-20" >
 <div class="card-body">
 <h5 class="card-title" style='font-size: 13pt;'>Members online</h5>
 <?php
 
 $li='';
 
 for ($i=0; $i < Configs::$_['visitor_data']['total_users_online']; $i++) {
 $li.='<a href="'.SITE_URL.'profile-'.Configs::$_['visitor_data']['users_online'][$i]['user_id'].'.html" class="card-link" style="font-size: 10pt;">'.Configs::$_['visitor_data']['users_online'][$i]['username'].'</a><span style="font-size: 10pt;">,</span>';
 }
 
 echo $li;
 
 ?>
 
 
 </div>
 <div class="card-footer text-muted">
 <span style='font-size: 9pt;'>Total: <?php echo Configs::$_['visitor_data']['total_online'];?> (members: <?php echo Configs::$_['visitor_data']['total_users_online'];?>, guests: <?php echo Configs::$_['visitor_data']['total_guest_online'];?>)</span>
 </div>
 </div>
 <!-- card -->
 </div>
 </div>
 <!-- row -->
 <!-- row -->
 <div class='row' >
 <div class='col-lg-12'>
 <div class="card margin-bottom-20">
 <div class="card-body">
 <!-- row -->
 <div class='row'>
 <div class='col-lg-3 col-md-3 col-sm-3 col-12'>
 Your logo / descriptions
 </div>
 <div class='col-lg-3 col-md-3 col-sm-3 col-12'>
 <div class="card" style="width: 100%;">
 <div class="card-header">
 Text link
 </div>
 <ul class="list-group list-group-flush">
 <li class="list-group-item">Text link 1</li>
 <li class="list-group-item">Text link 2</li>
 <li class="list-group-item">Text link 3</li>
 </ul>
 </div>
 </div>
 <div class='col-lg-3 col-md-3 col-sm-3 col-12'>
 <div class="card" style="width: 100%;">
 <div class="card-header">
 Text link
 </div>
 <ul class="list-group list-group-flush">
 <li class="list-group-item">Text link 1</li>
 <li class="list-group-item">Text link 2</li>
 <li class="list-group-item">Text link 3</li>
 </ul>
 </div>
 </div>
 <div class='col-lg-3 col-md-3 col-sm-3 col-12'>
 <div class="card" style="width: 100%;">
 <div class="card-header">
 Text link
 </div>
 <ul class="list-group list-group-flush">
 <li class="list-group-item">Text link 1</li>
 <li class="list-group-item">Text link 2</li>
 <li class="list-group-item">Text link 3</li>
 </ul>
 </div>
 </div>
 </div>
 <!-- row -->
 </div>
 <div class="card-footer text-muted">
 <span style="font-size: 11pt;">Forum software by BulletinBoard ©2020-2021 CoffeeCMS</span>
 
 <div style='float:right;'>
 <a href="<?php echo SITE_URL;?>helps/terms" style="font-size: 11pt;margin-right:10px;color:#6c757d!important;">Terms</a>
 <a href="<?php echo SITE_URL;?>helps/bbcode" style="font-size: 11pt;margin-right:10px;color:#6c757d!important;">BBCode</a>
 <a href="#" class='goToTop' style="font-size: 11pt;color:#6c757d!important;">Go to top</a>
 </div>
 </div>
 </div>
 </div>
 </div>
 <!-- row -->
 </div>
 <!-- row -->
 
 <script>
 var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
 var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
 return new bootstrap.Tooltip(tooltipTriggerEl)
 })
 $(document).on('click','.bb_add_bookmark',function(){
 
 var sendData={};
 
 sendData['url']=location.href;
 
 // sendData['type']='1';
 
 postData(API_URL+'plugin_api?plugin=bulletinboard&func=frontend_api&api_nm=bb_account_save_bookmark', sendData).then(data => {
 // console.log(data); // JSON data parsed by `data.json()` call
 // $('#modalSearch').modal('hide');
 alert('Done!');
 
 });
 });
 
 </script>
 <script>
 /*!
 * JavaScript Cookie v2.0.3
 * https://github.com/js-cookie/js-cookie
 *
 * Copyright 2006, 2015 Klaus Hartl & Fagner Brack
 * Released under the MIT license
 */
 !function(e){if("function"==typeof define&&define.amd)define(e);else if("object"==typeof exports)module.exports=e();else{var n=window.Cookies,o=window.Cookies=e(window.jQuery);o.noConflict=function(){return window.Cookies=n,o}}}(function(){function e(){for(var e=0,n={};e<arguments.length;e++){var o=arguments[e];for(var t in o)n[t]=o[t]}return n}function n(o){function t(n,r,i){var c;if(arguments.length>1){if(i=e({path:"/"},t.defaults,i),"number"==typeof i.expires){var s=new Date;s.setMilliseconds(s.getMilliseconds()+864e5*i.expires),i.expires=s}try{c=JSON.stringify(r),/^[\{\[]/.test(c)&&(r=c)}catch(a){}return r=encodeURIComponent(String(r)),r=r.replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),n=encodeURIComponent(String(n)),n=n.replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent),n=n.replace(/[\(\)]/g,escape),document.cookie=[n,"=",r,i.expires&&"; expires="+i.expires.toUTCString(),i.path&&"; path="+i.path,i.domain&&"; domain="+i.domain,i.secure?"; secure":""].join("")}n||(c={});for(var p=document.cookie?document.cookie.split("; "):[],u=/(%[0-9A-Z]{2})+/g,d=0;d<p.length;d++){var f=p[d].split("="),l=f[0].replace(u,decodeURIComponent),m=f.slice(1).join("=");'"'===m.charAt(0)&&(m=m.slice(1,-1));try{if(m=o&&o(m,l)||m.replace(u,decodeURIComponent),this.json)try{m=JSON.parse(m)}catch(a){}if(n===l){c=m;break}n||(c[l]=m)}catch(a){}}return c}return t.get=t.set=t,t.getJSON=function(){return t.apply({json:!0},[].slice.call(arguments))},t.defaults={},t.remove=function(n,o){t(n,"",e(o,{expires:-1}))},t.withConverter=n,t}return n()});
 </script>
 <script type="text/javascript">
 // Run the cookie notification functions once the page has loaded
 $( document ).ready( function() {
 cookieNotification();
 hideCookieNotification();
 });
 
 var hideCookieNotification = function() {
 
 // Hide the cookie notification after 5 sec
 $( '.js-cookie-notification' ).delay(10000).fadeOut( "slow" );
 
 // Set a cookie
 Cookies.set('CookieNotificationCookie', 'true', { expires: 365 });
 
 };
 
 var cookieNotification = function() {
 
 var setCookieNotification = function() {
 
 // Hide the cookie notification
 $( '.js-cookie-notification' ).fadeOut( "slow" );
 
 // Set a cookie
 Cookies.set('CookieNotificationCookie', 'true', { expires: 365 });
 
 // Stop the page reloading
 return false;
 
 };
 
 // Check to see if a cookie notification has been set
 if ( Cookies.get('CookieNotificationCookie') === 'true' ) {
 
 // Tell me a cookie has been set
 console.log('cookie notification set');
 
 } else {
 
 // Tell me a cookie has not been set
 console.log('cookie notification not set');
 
 // Show cookie notification
 $('.js-cookie-notification').css({ 'display' : 'block'});
 
 // Hide cookie notification if link clicked
 $('.js-cookie-notification').find('.js-cookie-notification-hide').click( setCookieNotification );
 
 };
 
 }
 
 $(document).on('click','.js-cookie-notification-hide',function(){
 $('.js-cookie-notification').css({ 'display' : 'none'});
 
 });
 </script>
 <?php load_hook('bb_footer');?>
 <?php coffee_content_hook('bb_footer_content');?>
 
 
 </body>
 
 </html>
 |