Example #1
0
        echo ' style="display:block;"';
    }
    echo ' id="bg_' . $i . '">' . PHP_EOL;
    $i++;
}
?>
	</div>
		<div class="overlay">
			<img src="assets/img/project-logo.png" alt="logo">
			<h1>Get inspired by global innovation!</h1>
			<div class="home-menu-container">
			    <?php 
$objCategory = new Category();
$oCategory = $objCategory->getAllCategoryByIsActive('1', 'sort_order ASC');
foreach ($oCategory as $category) {
    if ($category->IsActive == '1') {
        echo '<div class="menu-item col-xs-4">' . PHP_EOL;
        echo '	<div class="menu-item-bg">' . PHP_EOL;
        echo '		<a href="main-menu.php?id=' . $category->Id . '"><img src="/' . $objCategory->GetPath() . $category->CategoryImageUrl . '" alt="' . $category->CategoryName . '"></a>' . PHP_EOL;
        echo '	</div>' . PHP_EOL;
        echo '	<a href="main-menu.php?id=' . $category->Id . '">' . $category->CategoryName . '</a>' . PHP_EOL;
        echo '	<a class="hm-item-description" href="main-menu.php?id=' . $category->Id . '">' . $category->CategoryDescription . '</a>' . PHP_EOL;
        echo '</div>' . PHP_EOL;
    }
}
?>
			</div>
			<div style="position:absolute; bottom:20px; right:20px; width:60px; height:50px; overflow: hidden;"><p style="text-align:center; margin:0; line-height:33px;"><a class="help" href="help.php"><img src="/assets/img/help_Icon.png" alt=""></a></p></div>
		</div>
</body>
</html>
				</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;
        echo '</div>' . PHP_EOL;
    }
}
?>
			</div>
			<!--
			/////////////////////////////////////////////////////
			//
			//  This area starts the Equipment section of flyout menu
			//
			/////////////////////////////////////////////////////
			-->
	<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');
foreach ($oCategory as $category) {
    if ($category->IsActive == '1') {
        echo '<div class="menu-item col-sm-6">' . PHP_EOL;
        echo '	<div class="menu-item-bg">	' . PHP_EOL;
        echo '		<a href="' . $category->LinkUrl . '&id=' . $category->Id . '"><img src="' . $objCategory->GetPath() . $category->CategoryImageUrl . '" alt="' . $category->CategoryName . '"></a>' . PHP_EOL;
        echo '	</div>' . PHP_EOL;
        echo '	<h2><a href="' . $category->LinkUrl . '">' . $category->CategoryName . '</a></h2>' . PHP_EOL;
        echo '	<a href="' . $category->LinkUrl . '">' . $category->CategoryDescription . '</a>' . PHP_EOL;
        echo '</div>' . PHP_EOL;
    }
}
?>
			    <!--
				<div class="menu-item col-sm-4">
					<div class="menu-item-bg">	
						<a href="eqp-menu.html"><img src="assets/img/eqp-1.png" alt="Equipment"></a>
					</div>
					<h2><a href="eqp-menu.html">Equipment</a></h2>
					<a href="eqp-menu.html">Experience the way we serve Coca-Cola to the world</a>
				</div>