Cloudbooking - PHP Online

Form of PHP Sandbox

Enter Your PHP code here for testing/debugging in the Online PHP Sandbox. As in the usual PHP files, you can also add HTML, but do not forget to add the tag <?php in the places where the PHP script should be executed.



Your result can be seen below.

Result of php executing





Full code of Cloudbooking.php

  1. <?php
  2. /*
  3. Template Name: Animated Presentation Rooms
  4. */
  5. ?>
  6.  
  7. <?php get_header(); ?>
  8. <script src="//scripts.iconnode.com/62037.js"></script>
  9. <script> (function(){ window.ldfdr = window.ldfdr || {}; (function(d, s, ss, fs){ fs = d.getElementsByTagName(s)[0]; function ce(src){ var cs = d.createElement(s); cs.src = src; setTimeout(function(){fs.parentNode.insertBefore(cs,fs)}, 1); } ce(ss); })(document, 'script', 'https://lftracker.leadfeeder.com/lftracker_v1_Xz1A5d7Oov2dP3k2.js'); })(); </script>
  10.  
  11. <body id="animated-presentation-page" <?php body_class('basic-text-page'); ?>>
  12.  
  13.         <?php
  14.         // Get the off canvas navigation
  15.         get_template_part( "partials/common/off-canvas-navigation" );
  16.         ?>
  17.        
  18.         <div class="off-canvas-content" data-off-canvas-content>
  19.                
  20.                 <?php
  21.                         // Get the top bar navigation
  22.                         get_template_part( "partials/common/top-bar-navigation" );
  23.                 ?>
  24.        
  25.                 <?php
  26.                 if( have_posts() ) :
  27.                        
  28.                         while( have_posts() ) : the_post(); ?>
  29.                         <section class="animated-panel has-timeline lazyload" id="panel1" data-bg-mobile="<?php echo get_stylesheet_directory_uri();?>/images/room-hero-mobile.jpg" data-bg-tablet="<?php echo get_stylesheet_directory_uri();?>/images/room-hero-tablet.jpg" data-bg-desktop="<?php echo get_stylesheet_directory_uri();?>/images/room-hero-desktop.jpg" data-bg-super="<?php echo get_stylesheet_directory_uri();?>/images/room-hero-super.jpg" data-timeline="intro" data-timelineno="0">
  30.                                
  31.         <div class="dark-fade"></div>
  32.         <div class="panel-content"> 
  33.                 <div class="top-left">
  34.                         <h1 class="stagger-text js-animated"><strong>Meeting Room Booking Software</strong><br><span class="tagline">SYSTEM</span></h1>
  35.          
  36.                         <div class="constrained-small">
  37.                                 <p class="stagger-text js-animated large"><strong>With our room booking software solution, we’ll find you the ideal space, when you need it.</strong></p>
  38.                                 <p class="marker-text stagger-text js-animated">SMARTER WORKPLACES</p>
  39.                                       </div>
  40.                               </div>
  41.         </div>
  42.        <!--  <p class="mobile-marker-text">Smarter workplaces</p>
  43.         <p class="mobile-request-demo"><span class="small-arrow"><?php get_template_part("svg/small-arrow");?></span>Request a free demo</p> -->
  44.                         </section>
  45.                         <section class="animated-panel has-timeline tall-panel blue-panel lazyload" id="panel2"  data-bg-mobile="<?php echo get_stylesheet_directory_uri();?>/images/blue-meeting-room-mobile.jpg" data-bg-tablet="<?php echo get_stylesheet_directory_uri();?>/images/blue-bg.jpg" data-bg-desktop="<?php echo get_stylesheet_directory_uri();?>/images/blue-bg.jpg" data-bg-super="<?php echo get_stylesheet_directory_uri();?>/images/blue-bg.jpg" data-timeline="text" data-timelineno="1" data-expand="1000">
  46.         <div class="panel-content">
  47.                   <div class="top-center">
  48.                         <h1 class="stagger-text js-animated"><strong>The ultimate room booking system</strong></h1>
  49.                  </div>
  50.                  <div class="vertical-align">
  51.                          <img class="blueprint-image" src="<?php echo get_stylesheet_directory_uri();?>/images/blue-meeting-room.jpg" alt="room booking software blueprint">
  52.                  </div>
  53.                  <div class="bottom text-is-centered">
  54.                          <div class="constrained-extra-large">
  55.                                 <div class="js-animated fade-text">
  56.                                                       <p class="large">Seamlessly manage rooms, desks, visitors, hospitality, resources and video conferencing, using a single cloud-based solution via desktop, tablet or mobile. Featuring full integration with Microsoft Outlook Exchange, Google Calendar and Office 365, scaling as you grow.</p>
  57.                                               </div>
  58.                                       </div>
  59.                               </div>
  60.         </div>
  61.                         </section>
  62.                         <div class="preload">
  63.                                 <img class="lazyload" data-src="<?php echo get_stylesheet_directory_uri();?>/images/sequence-laptop/laptop1.png">
  64.                                 <img class="lazyload" data-src="<?php echo get_stylesheet_directory_uri();?>/images/sequence-laptop/laptop2.png">
  65.                                 <img class="lazyload" data-src="<?php echo get_stylesheet_directory_uri();?>/images/sequence-laptop/laptop3.png">
  66.                                 <img class="lazyload" data-src="<?php echo get_stylesheet_directory_uri();?>/images/sequence-laptop/laptop4.png">
  67.                                 <img class="lazyload" data-src="<?php echo get_stylesheet_directory_uri();?>/images/sequence-laptop/laptop5.png">
  68.                                 <img class="lazyload" data-src="<?php echo get_stylesheet_directory_uri();?>/images/sequence-laptop/laptop6.png">
  69.                                 <img class="lazyload" data-src="<?php echo get_stylesheet_directory_uri();?>/images/sequence-laptop/laptop7.png">
  70.                                 <img class="lazyload" data-src="<?php echo get_stylesheet_directory_uri();?>/images/sequence-laptop/laptop8.png">
  71.                         </div>
  72.                         <section class="animated-panel">
  73.                                 <section class="animated-slider">
  74.                                         <div id="panel3a" class="animated-panel has-timeline lazyload" data-bg-mobile="<?php echo get_stylesheet_directory_uri();?>/images/blurred-office-mobile.jpg" data-bg-tablet="<?php echo get_stylesheet_directory_uri();?>/images/blurred-office-tablet.jpg" data-bg-desktop="<?php echo get_stylesheet_directory_uri();?>/images/blurred-office-desktop.jpg" data-bg-super="<?php echo get_stylesheet_directory_uri();?>/images/blurred-office-super.jpg" data-timeline="laptopslide" data-timelineno="2">
  75.                                                 <div class="panel-content dark-text">
  76.                                                         <div class="top-center top-slider is-centered">
  77.                                                                 <div class="js-animated stagger-text">
  78.                                                                         <h2 class="small-margin-bottom smaller-text"><strong>Book anywhere, anytime, on any device</strong></h2>
  79.                                                                 </div>
  80.                                                                 <div class="js-animated fade-text">
  81.                                                                         <p>Cloudbooking solutions are offered across multiple platforms to suit all your users’ needs</p>
  82.                                                                 </div>
  83.                                                         </div>
  84.                                                         <div class="laptop from-left js-animated">
  85.                                         <img class="laptop-img" src=<?php echo get_stylesheet_directory_uri();?>/images/laptop.png" alt="A website showing the cloudbooking website">
  86.                                         <img class="tablet-slide" src=<?php echo get_stylesheet_directory_uri();?>/images/ipad-slide-out.png" alt="An ipad showing the cloudbooking website">
  87.                                 </div>
  88.                                                 </div>
  89.                                         </div>
  90.                                         <div id="panel3b" class="animated-panel has-timeline scroll-play-is-false lazyload" data-bg-mobile="<?php echo get_stylesheet_directory_uri();?>/images/blurred-bg-mobile.jpg" data-bg-tablet="<?php echo get_stylesheet_directory_uri();?>/images/blurred-bg-tablet.jpg" data-bg-desktop="<?php echo get_stylesheet_directory_uri();?>/images/blurred-bg-desktop.jpg" data-bg-super="<?php echo get_stylesheet_directory_uri();?>/images/blurred-bg-super.jpg" data-timeline="fromright" data-timelineno="3">
  91.                                                 <div class="panel-content dark-text">
  92.                                 <div class="center-left">
  93.                                         <div class="constrained-small">
  94.                                                 <div class="stagger-text js-animated">
  95.                                                         <p>Use <strong>CBMobile</strong>, our free mobile app, to check availability and book your meeting room, desk or parking space when you’re on the go.</p>
  96.                                                         <p></p>
  97.                                                         <p></p>
  98.                                                 </div>
  99.                                                 <div class="stagger-text js-animated">
  100.                                                         <p class="download-app-text">AVAILABLE TO DOWNLOAD</p>
  101.                                                         <a href="https://itunes.apple.com/gb/app/cbmobile/id1210132773?mt=8" target="_blank" class="app-store-link">
  102.                                                                 <span class="app-store-icon">
  103.                                                                         <?php get_template_part("svg/apple-app-store");?>
  104.                                                                 </span>
  105.                                                         </a>
  106.                                                         <a href="https://play.google.com/store/apps/details?id=com.cloudbooking.cbmobile" target="_blank" class="app-store-link">
  107.                                                                 <span class="app-store-icon google">
  108.                                                                         <?php get_template_part("svg/google-play");?>
  109.                                                                 </span>
  110.                                                         </a>
  111.                                                 </div>
  112.                                         </div>
  113.                                 </div>
  114.                                 <div class="iphone-tilt from-right js-animated">
  115.                                         <img src="<?php echo get_stylesheet_directory_uri();?>/images/iphone-tilt.png" alt="An iphone">
  116.                                 </div>
  117.                         </div>
  118.                                         </div>
  119.                                         <div id="panel3c" class="animated-panel has-timeline scroll-play-is-false lazyload" data-bg-mobile="<?php echo get_stylesheet_directory_uri();?>/images/meeting-room-mobile.jpg" data-bg-tablet="<?php echo get_stylesheet_directory_uri();?>/images/meeting-room-tablet.jpg" data-bg-desktop="<?php echo get_stylesheet_directory_uri();?>/images/meeting-room-desktop.jpg" data-bg-super="<?php echo get_stylesheet_directory_uri();?>/images/meeting-room-super.jpg" data-timeline="fromleft" data-timelineno="4">
  120.                                                 <div class="panel-content no-padding dark-text">
  121.                                                         <div class="top-left top-slider">
  122.                                                                 <div class="constrained-small">
  123.                                                                         <div class="js-animated fade-text">
  124.                                                                                 <p>Our touch-screen kiosks allow your team to check live availability, book rooms and find colleagues in just a few taps.</p>
  125.                                                                         </div>
  126.                                                                 </div>
  127.                                                         </div>
  128.                                                         <div class="kiosk-side from-left js-animated">
  129.                                         <img src=<?php echo get_stylesheet_directory_uri();?>/images/kiosk-side.png" alt="An electronic kiosk">
  130.                                 </div>
  131.                                                 </div>
  132.                                         </div>
  133.                                 </section>
  134.                                 <section class="slide-controls">
  135.                                         <a href="#" class="slide-btn active">
  136.                                                 <span class="slider-icon">
  137.                                                         <?php get_template_part("svg/web-icon");?>
  138.                         </span>
  139.                       </a>
  140.                                         <a href="#" class="slide-btn">
  141.                                                 <span class="slider-icon">
  142.                                         <?php get_template_part("svg/mobile-icon");?>
  143.                         </span>
  144.                                         </a>
  145.                                         <a href="#" class="slide-btn">
  146.                                                 <span class="slider-icon">
  147.                                 <?php get_template_part("svg/kiosk-icon");?>
  148.                         </span>
  149.                                         </a>
  150.                                 </section>
  151.                         </section>
  152.                         <section class="animated-panel has-timeline blue-gradient-panel tall-panel tall-panel" id="panel3" data-timeline="imageseq" data-timelineno="5">
  153.         <div class="panel-content">
  154.                  <div class="top-left">
  155.                        <div class="constrained-med">
  156.                                <div class="stagger-text js-animated">
  157.                                         <h2><strong>MS Outlook Exchange,</strong> G-Suite & Office 365</h2>
  158.                                         <p>Access all essential features for booking a meeting room within your Exchange, Outlook Office 365 or Google calendar. Easily search availability, invite attendees, order catering, and book resources quickly from your preferred calendar.</p>
  159.                                 </div>
  160.                         </div>
  161.                 </div>
  162.                  <div class="bottom-left">
  163.                        <div class="constrained-small">
  164.                                 <div class="js-animated fade-text">
  165.                                         <ul class="tick-list tick-list--dark-blue">
  166.                                                               <li>
  167.                                                                       <span class="tick-icon">
  168.                                                                 <?php get_template_part("svg/tick");?>
  169.                                                         </span>
  170.                                                         Automatic synchronisation between your preferred calendar and Cloudbooking via the mobile, browser and digital signage
  171.                                                 </li>
  172.                                                               <li>
  173.                                                                       <span class="tick-icon">
  174.                                                                 <?php get_template_part("svg/tick");?>
  175.                                                         </span>
  176.                                                         View multi-location availability and invite colleagues and attendees directly from the calendar
  177.                                                 </li>
  178.                                                               <li>
  179.                                                                       <span class="tick-icon">
  180.                                                                 <?php get_template_part("svg/tick");?>
  181.                                                         </span>
  182.                                                 Easily deployed and begin booking with little or no training
  183.                                                 </li>
  184.                                                       </ul>
  185.                                               </div>
  186.                                       </div>
  187.                               </div>
  188.                                       <div class="js-animated laptop-rotate">
  189.                                               <img class="image-seq " src="<?php echo get_stylesheet_directory_uri();?>/images/sequence-laptop/laptop1.png" alt="A small windows" data-images="<?php echo get_stylesheet_directory_uri();?>/images/sequence-laptop/laptop1.png,<?php echo get_stylesheet_directory_uri();?>/images/sequence-laptop/laptop2.png,<?php echo get_stylesheet_directory_uri();?>/images/sequence-laptop/laptop3.png,<?php echo get_stylesheet_directory_uri();?>/images/sequence-laptop/laptop4.png,<?php echo get_stylesheet_directory_uri();?>/images/sequence-laptop/laptop5.png,<?php echo get_stylesheet_directory_uri();?>/images/sequence-laptop/laptop6.png,<?php echo get_stylesheet_directory_uri();?>/images/sequence-laptop/laptop7.png,<?php echo get_stylesheet_directory_uri();?>/images/sequence-laptop/laptop8.png">
  190.                                       </div>
  191.                               </div>
  192.         </div>
  193.                         </section>
  194.                         <section class="fixed-panel lazyload" data-bg-mobile="<?php echo get_stylesheet_directory_uri();?>/images/boardroom-chairs-mobile.jpg" data-bg-tablet="<?php echo get_stylesheet_directory_uri();?>/images/boardroom-chairs-desktop.jpg" data-bg-desktop="<?php echo get_stylesheet_directory_uri();?>/images/boardroom-chairs-desktop.jpg" data-bg-super="<?php echo get_stylesheet_directory_uri();?>/images/boardroom-chairs-desktop.jpg" data-expand="1000">
  195.                         </section>
  196.                         <section class="animated-panel has-timeline tall-panel blue-panel bg-image-top dark-text lazyload" id="panel4" data-bg-mobile="<?php echo get_stylesheet_directory_uri();?>/images/blue-gradient-mobile.jpg" data-bg-tablet="<?php echo get_stylesheet_directory_uri();?>/images/blue-gradient-tablet.jpg" data-bg-desktop="<?php echo get_stylesheet_directory_uri();?>/images/blue-gradient-desktop.jpg" data-bg-super="<?php echo get_stylesheet_directory_uri();?>/images/blue-gradient-super.jpg" data-timeline="fromright" data-timelineno="6" data-expand="600">         
  197.         <div class="panel-content">  
  198.                  <div class="top-left">
  199.                          <div class="stagger-text js-animated">
  200.                                 <h2><strong>Vendor</strong> management</h2>
  201.                                 <div class="constrained-small">
  202.                                         <p>An intelligent and flexible end-to-end booking solution that integrates all your supplementary meeting needs: fuel your meeting with coffee, book a video conference or organise your VIP parking - all at the touch of a button.</p>
  203.                                 </div>
  204.                         </div>
  205.                  </div>
  206.                  <div class="bottom-left">
  207.                          <div class="constrained-med">
  208.                                 <div class="js-animated fade-text">
  209.                                                       <ul class="tick-list">
  210.                                                               <li>
  211.                                                                       <span class="tick-icon">
  212.                                                                 <?php get_template_part("svg/tick-dark");?>
  213.                                                         </span>
  214.                                                         All managed with one intelligent, flexible & simple solution
  215.                                                 </li>
  216.                                                               <li>
  217.                                                                       <span class="tick-icon">
  218.                                                                 <?php get_template_part("svg/tick-dark");?>
  219.                                                         </span>
  220.                                                         Verified and billed against a central list of cost codes
  221.                                                 </li>
  222.                                                               <li>
  223.                                                                       <span class="tick-icon">
  224.                                                                 <?php get_template_part("svg/tick-dark");?>
  225.                                                         </span>
  226.                                                 Track cost and expenditure with detailed analytics
  227.                                                 </li>
  228.                                                       </ul>
  229.                                               </div>
  230.                                       </div>
  231.                               </div>
  232.                               <div class="coffee-cup from-right js-animated">
  233.                                     <img src=<?php echo get_stylesheet_directory_uri();?>/images/coffee-cup.png" alt="A cup of coffee">
  234.                 </div>
  235.           </div>
  236.                         </section>
  237.                         <section class="animated-panel has-timeline extra-tall-panel bg-image-top dark-text lazyload" id="panel5" data-bg-mobile="<?php echo get_stylesheet_directory_uri();?>/images/birds-eye-meeting-mobile.jpg" data-bg-tablet="<?php echo get_stylesheet_directory_uri();?>/images/birds-eye-meeting-tablet.jpg" data-bg-desktop="<?php echo get_stylesheet_directory_uri();?>/images/birds-eye-meeting-desktop.jpg" data-bg-super="<?php echo get_stylesheet_directory_uri();?>/images/birds-eye-meeting-super.jpg" data-timeline="text" data-timelineno="7" data-expand="600">    
  238.  
  239.         <div class="panel-content no-padding">  
  240.                  <div class="top-right stagger-text js-animated">
  241.                         <h2><strong>Visitor</strong> management</h2>
  242.                         <div class="constrained-small">
  243.                                 <p>Our visitor booking solution is integrated into the room booking software, so users can book in visitors as part of the room booking process. Adding colleagues and attendees within the booking system, removes the burden of unexpected arrivals at reception.</p>
  244.                         </div>
  245.                  </div>
  246.                  <div class="bottom-right white-bg">
  247.                          <div class="constrained-med">
  248.                                 <div class="js-animated fade-text">
  249.                                                       <ul class="tick-list">
  250.                                                               <li>
  251.                                                                       <span class="tick-icon">
  252.                                                                 <?php get_template_part("svg/tick-dark");?>
  253.                                                         </span>
  254.                                                         Photographic visitor pass printed in an instant
  255.                                                 </li>
  256.                                                               <li>
  257.                                                                       <span class="tick-icon">
  258.                                                                 <?php get_template_part("svg/tick-dark");?>
  259.                                                         </span>
  260.                                                         Automatic host notification sent following visitor arrival
  261.                                                 </li>
  262.                                                               <li>
  263.                                                                       <span class="tick-icon">
  264.                                                                 <?php get_template_part("svg/tick-dark");?>
  265.                                                         </span>
  266.                                                         Book your space, and invite your colleagues and attendees via desktop, tablet or mobile
  267.                                                 </li>
  268.                                                 <li>
  269.                                                                       <span class="tick-icon">
  270.                                                                 <?php get_template_part("svg/tick-dark");?>
  271.                                                         </span>
  272.                                                         Visitors can self check-in on a stand alone app which streamlines visitor traffic in reception 
  273.                                                 </li>
  274.                                                       </ul>
  275.                                               </div>
  276.                                       </div>
  277.                               </div>
  278.                              
  279.           </div>
  280.                         </section>
  281.                                 <section class="fixed-panel lazyload" data-bg-mobile="<?php echo get_stylesheet_directory_uri();?>/images/parquet-office-mobile.jpg" data-bg-tablet="<?php echo get_stylesheet_directory_uri();?>/images//parquet-office-tablet.jpg" data-bg-desktop="<?php echo get_stylesheet_directory_uri();?>/images/parquet-office-desktop.jpg" data-bg-super="<?php echo get_stylesheet_directory_uri();?>/images/parquet-office-desktop.jpg" data-expand="600">
  282.                         </section>
  283.                         <section class="animated-panel has-timeline med-panel bg-image-top dark-text lazyload" id="panel6" data-bg-mobile="<?php echo get_stylesheet_directory_uri();?>/images/smart-booking-room-mobile.jpg" data-bg-tablet="<?php echo get_stylesheet_directory_uri();?>/images/smart-booking-room-tablet.jpg" data-bg-desktop="<?php echo get_stylesheet_directory_uri();?>/images/smart-booking-room-desktop.jpg" data-bg-super="<?php echo get_stylesheet_directory_uri();?>/images/smart-booking-room-super.jpg" data-timeline="kiosk" data-timelineno="8" data-expand="600">      
  284.         <div class="panel-content no-padding">  
  285.                  <div class="top-left">
  286.                          <div class="stagger-text js-animated">
  287.                                  <div class="constrained-small">
  288.                                         <h2><strong>Smart card booking</strong> with NFC</h2>
  289.                                         <p>With employee smart card authentication, placing your bookings has never been so easy. Simply tap your card on the screen, select a space, and take a seat.</p>
  290.                                 </div>
  291.                         </div>
  292.                  </div>
  293.                  <div class="center-left white-bg">
  294.                          <div class="constrained-small">
  295.                                 <div class="js-animated fade-text">
  296.                                                       <ul class="tick-list">
  297.                                                               <li>
  298.                                                                       <span class="tick-icon">
  299.                                                                 <?php get_template_part("svg/tick-dark");?>
  300.                                                         </span>
  301.                                                         Approved check-in only by host or attendee 
  302.                                                 </li>
  303.                                                               <li>
  304.                                                                       <span class="tick-icon">
  305.                                                                 <?php get_template_part("svg/tick-dark");?>
  306.                                                         </span>
  307.                                                         View availability and book using our interactive 3D floor plans
  308.                                                 </li>
  309.                                                               <li>
  310.                                                                       <span class="tick-icon">
  311.                                                                 <?php get_template_part("svg/tick-dark");?>
  312.                                                         </span>
  313.                                                         Multiple smart card compatibility
  314.                                                 </li>
  315.                                                       </ul>
  316.                                               </div>
  317.                                       </div>
  318.                               </div>
  319.                               <div class="kiosk from-right js-animated">
  320.                                     <img src=<?php echo get_stylesheet_directory_uri();?>/images/kiosk.png" alt="room booking software kiosk">
  321.                                     <img class="kiosk-login" src=<?php echo get_stylesheet_directory_uri();?>/images/kiosk-login.png" alt="room booking software login screen">
  322.                                     <img class="kiosk-pins" src=<?php echo get_stylesheet_directory_uri();?>/images/kiosk-pins.png" alt="map pins">
  323.                                     <img class="keycard" src=<?php echo get_stylesheet_directory_uri();?>/images/keycard.png" alt="a room booking software keycard">
  324.                 </div> 
  325.           </div>
  326.                         </section>
  327.                         <section class="animated-panel has-timeline tall-panel bg-image-top dark-text bg-image-top-tall lazyload" id="panel7" data-bg-mobile="<?php echo get_stylesheet_directory_uri();?>/images/wall-mounted-ipad-mobile.jpg" data-bg-tablet="<?php echo get_stylesheet_directory_uri();?>/images/wall-mounted-ipad-mobile.jpg" data-bg-desktop="<?php echo get_stylesheet_directory_uri();?>/images/wall-mounted-ipad-desktop.jpg" data-bg-super="<?php echo get_stylesheet_directory_uri();?>/images/wall-mounted-ipad-super.jpg" data-timeline="revealright" data-timelineno="9" data-expand="600">
  328.         <div class="panel-content no-padding">  
  329.                  <div class="top-right grey-bg">
  330.                          <div class="constrained-small">
  331.                                  <div class="stagger-text js-animated">
  332.                                         <h2 class="big-margin-bottom"><strong>Digital</strong> signage</h2>
  333.                                                 <p>Improve room utilisation and reduce meeting room no-shows with our intuitive tablet meeting room booking software, CBScreen. Downloaded to a tablet of choice and mounted outside meeting rooms.</p>
  334.                                         </div>
  335.                         </div>
  336.                  </div>
  337.                  <div class="bottom-right grey-bg">
  338.                          <div class="constrained-small">
  339.                                 <div class="js-animated fade-text">
  340.                                                       <ul class="tick-list">
  341.                                                               <li>
  342.                                                                       <span class="tick-icon">
  343.                                                                 <?php get_template_part("svg/tick-dark");?>
  344.                                                         </span>
  345.                                                         See availability at a glance with our red, amber and green status colouring
  346.                                                 </li>
  347.                                                               <li>
  348.                                                                       <span class="tick-icon">
  349.                                                                 <?php get_template_part("svg/tick-dark");?>
  350.                                                         </span>
  351.                                                         Start, extend, end or amend your booking directly outside the meeting room
  352.                                                 </li>
  353.                                                               <li>
  354.                                                                       <span class="tick-icon">
  355.                                                                 <?php get_template_part("svg/tick-dark");?>
  356.                                                         </span>
  357.                                                         Make life easy with our ready to use app, we're also device agnostic, so utilise what you already onsite with our growing list of API’s
  358.                                                 </li>
  359.                                                       </ul>
  360.                                               </div>
  361.                                       </div>
  362.                               </div>
  363.           </div>
  364.           <div class="right-revealer revealer">
  365.           </div>
  366.                         </section>
  367.                         <section class="animated-panel has-timeline super-tall-panel bg-image-top dark-text" id="panel8" data-timeline="stats" data-timelineno="10" data-expand="600">        
  368.         <div class="panel-content">  
  369.                  <div class="top-left">
  370.                          <div class="stagger-text js-animated">
  371.                                 <h2><strong>Detailed</strong> analytics</h2>
  372.                                 <div class="constrained-small">
  373.                                         <p>Live reporting is available when you need it. CBAnalytics enables you to evaluate detailed and accurate real time data to inform important operational business decisions with our workspace occupancy management software.</p>
  374.                                 </div>
  375.                         </div>
  376.                  </div>
  377.                  <div class="bottom abs-bottom">
  378.                                 <div class="js-animated fade-text">
  379.                                                       <ul class="icon-list">
  380.                                                               <li>
  381.                                                                       <span class="icon">
  382.                                                                 <?php get_template_part("svg/clock-icon");?>
  383.                                                         </span>
  384.                                                         <span class="icon-text">Real-time analytics and MI available on dashboards</span>
  385.                                                 </li>
  386.                                                               <li>
  387.                                                                       <span class="icon">
  388.                                                                 <?php get_template_part("svg/feed-icon");?>
  389.                                                         </span>
  390.                                                         <span class="icon-text">Live data feed from occupancy room & desk sensors</span>
  391.                                                 </li>
  392.                                                               <li>
  393.                                                                       <span class="icon">
  394.                                                                 <?php get_template_part("svg/graph-icon");?>
  395.                                                         </span>
  396.                                                 <span class="icon-text">Identify high and low space usage and efficiency levels</span>
  397.                                                 </li>
  398.                                                       </ul>
  399.                                               </div>
  400.                               </div>
  401.                               <div class="stats-laptop move-down from-right js-animated">
  402.                                     <img src=<?php echo get_stylesheet_directory_uri();?>/images/stats-laptop.png" alt="A laptop showing a chart">
  403.                                     <div class="laptop-screen">
  404.                                             <div class="on-screen-chart">
  405.                                             </div>
  406.                                     </div>                     
  407.                 </div>
  408.                 <div class="bg-chart  move-down from-left js-animated">
  409.                         <img src=<?php echo get_stylesheet_directory_uri();?>/images/stats-chart-bg.png" alt="a blurred bar chart">
  410.                 </div>
  411.           </div>
  412.                         </section>
  413.                         <section class="animated-panel has-max-height has-timeline med-grey-panel" id="panel9" data-timeline="fromleft" data-timelineno="11" data-expand="600">        
  414.         <?php get_template_part("partials/animated-presentation/request-demo-panel");?>                   
  415.                         </section>
  416.                         <?php
  417.                         endwhile;
  418.                        
  419.                 endif;
  420.                 ?>
  421.  
  422.  
  423. <?php get_footer(); ?>
  424.  
File Description
  • Cloudbooking
  • PHP Code
  • 11 Feb-2020
  • 24.04 Kb
You can Share it: