JezK
Edit File: index.php
<?php ini_set('display_errors',1); // require_once __DIR__ .'/app/function_main.php'; include('app/function_main.php'); $types=$obj->get_all_residence_type(); $display_type=""; if(!empty($types)) { if($types['residence_type']==1) { $display_type='<div class="block1"> <a href="functionhall.php"><img src="images/function.png"></a> <h2>Function Hall</h2> </div>'; }else if($types['residence_type']==2){ $display_type='<div class="block1"> <a href="lodge.php"><img src="images/lodge.png"></a> <h2>Lodge</h2> </div>'; }else if($types['residence_type']==3){ $display_type='<div class="block1"> <a href="functionhall.php"><img src="images/function.png"></a> <h2>Function Hall</h2> </div><div class="block1"> <a href="lodge.php"><img src="images/lodge.png"></a> <h2>Lodge</h2> </div>'; } } $logo='images/dashboardlogo.png'; // print_r($res); if(isset($types['logo']) && $types['logo'] !=""){ $logo='./uploads/'.$types['logo']; } ?> <!DOCTYPE html> <html lang="en"> <head> <title><?php echo ($types['project_name'] ) ? $types['project_name'] : '';?></title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" href="<?php echo $logo ?>" type="image/png" sizes="16x16"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/style.css"> <script src="js/jquery.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <style> img.img_above_img { position: absolute !IMPORTANT; /* bottom: -15px; */ padding-top: 89px !IMPORTANT; padding-left: 144px; } <</style> </head> <body> <div class="disFlexColumn container-fluid dgb justify-content-center align-items-center"> <h1 class="text-center">Welcome to <?php echo ($types['project_name'] ) ? $types['project_name'] : '';?></h1> <div class="row"> <?php echo $display_type; ?> </div> </div> </body> <script> $(".block1").click(function() { window.location = $(this).find("a").attr("href"); return false; }); </script> </html