<ul> <li><a class="back-btn" href="">Back</a></li> <li><a class="menu-toggle" href="">Menu</a></li> </ul> </div> <div class="menu-slideout-container"> <a class="menu-close" href="">close</a> <div class="menu-slide-out"> <div class="row row1"> <div class="slideout-header"> <h1 class="col-sm-9">Explore global innovation!</h1> <img src="assets/img/coke-logo.png" alt="Coke" class="col-sm-3"> </div> <?php $objCategory = new Category(); $oCategory = $objCategory->getAllCategoryByIsActive('1', 'sort_order ASC'); $iCnt = 0; foreach ($oCategory as $category) { if ($category->IsActive == '1') { $iCnt++; $cClass = ''; //if ($iCnt == 1) { if ($category->Id == $_SESSION['sessCategory']) { $cClass = ' active'; } echo '<div class="menu-item col-sm-4' . $cClass . '">' . PHP_EOL; echo ' <div class="menu-item-bg"> ' . PHP_EOL; echo ' <a href="javascript:void(0);" id="topmenu_' . $category->Id . '" class="topmenu"><img src="' . $objCategory->GetPath() . $category->CategoryImageUrl . '" alt="' . $category->CategoryName . '"></a>' . PHP_EOL; echo ' </div>' . PHP_EOL; echo ' <h2><a href="/main-menu.php?id=' . $category->Id . '">' . $category->CategoryName . '</a></h2>' . PHP_EOL; echo ' <a href="/main-menu.php?id=' . $category->Id . '">' . $category->CategoryDescription . '</a>' . PHP_EOL;