Просто чёрный экран. В чем же дело?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Lavoo - Game Zone</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>
<body>
<?php
$servername = "localhost";
$database = "lavoo_book";
$username = "lavoo_lavoo";
$password = "+kH)?dq)FS2JNP)nKE";
// Создаем соединение
$conn = mysqli_connect($servername, $username, $password, $database);
// Проверяем соединение
if (!$conn) {
die("Connection failed: " . mysqli_connect_error());
}
mysqli_close($conn);
$num1 = $mysqli->query('SELECT num1 FROM book');
$num2 = $mysqli->query('SELECT num2 FROM book');
$num3 = $mysqli->query('SELECT num3 FROM book');
$num4 = $mysqli->query('SELECT num4 FROM book');
$num5 = $mysqli->query('SELECT num5 FROM book');
$num6 = $mysqli->query('SELECT num6 FROM book');
$num7 = $mysqli->query('SELECT num7 FROM book');
$num8 = $mysqli->query('SELECT num8 FROM book');
$num9 = $mysqli->query('SELECT num9 FROM book');
$num10 = $mysqli->query('SELECT num10 FROM book');
$num11 = $mysqli->query('SELECT num11 FROM book');
$num12 = $mysqli->query('SELECT num12 FROM book');
$num13 = $mysqli->query('SELECT num13 FROM book');
$img1 = $num1 == 1 ? 'images/book/sas.png' : 'images/book/lock.png';
$img2 = $num2 == 1 ? 'images/book/sas.png' : 'images/book/lock.png';
$img3 = $num3 == 1 ? 'images/book/sas.png' : 'images/book/lock.png';
$img4 = $num4 == 1 ? 'images/book/sas.png' : 'images/book/lock.png';
$img5 = $num5 == 1 ? 'images/book/sas.png' : 'images/book/lock.png';
$img6 = $num6 == 1 ? 'images/book/sas.png' : 'images/book/lock.png';
$img7 = $num7 == 1 ? 'images/book/sas.png' : 'images/book/lock.png';
$img8 = $num8 == 1 ? 'images/book/sas.png' : 'images/book/lock.png';
$img9 = $num9 == 1 ? 'images/book/sas.png' : 'images/book/lock.png';
$img10 = $num10 == 1 ? 'images/book/sas.png' : 'images/book/lock.png';
$img11 = $num11 == 1 ? 'images/book/sas.png' : 'images/book/lock.png';
$img12 = $num12 == 1 ? 'images/book/sas.png' : 'images/book/lock.png';
$img13 = $num13 == 1 ? 'images/book/sas.png' : 'images/book/lock.png';
require_once('director-ps.html')
?>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>$('#link1').click(function(){
$.ajax({
type: "POST",
url:"/ajaxController1.php",
data: "action=updateStatus",
});
});</script>
<script>$('#link2').click(function(){
$.ajax({
type: "POST",
url:"/ajaxController2.php",
data: "action=updateStatus",
});
});</script>
<script>$('#link3').click(function(){
$.ajax({
type: "POST",
url:"/ajaxController3.php",
data: "action=updateStatus",
});
});</script>
<script>$('#link4').click(function(){
$.ajax({
type: "POST",
url:"/ajaxController4.php",
data: "action=updateStatus",
});
});</script>
<script>$('#link5').click(function(){
$.ajax({
type: "POST",
url:"/ajaxController5.php",
data: "action=updateStatus",
});
});</script>
<script>$('#link6').click(function(){
$.ajax({
type: "POST",
url:"/ajaxController6.php",
data: "action=updateStatus",
});
});</script>
<script>$('#link7').click(function(){
$.ajax({
type: "POST",
url:"/ajaxController7.php",
data: "action=updateStatus",
});
});</script>
<script>$('#link8').click(function(){
$.ajax({
type: "POST",
url:"/ajaxController8.php",
data: "action=updateStatus",
});
});</script>
<script>$('#link9').click(function(){
$.ajax({
type: "POST",
url:"/ajaxController9.php",
data: "action=updateStatus",
});
});</script>
<script>$('#link10').click(function(){
$.ajax({
type: "POST",
url:"/ajaxController1o.php",
data: "action=updateStatus",
});
});</script>
<script>$('#link11').click(function(){
$.ajax({
type: "POST",
url:"/ajaxController11.php",
data: "action=updateStatus",
});
});</script>
<script>$('#link12').click(function(){
$.ajax({
type: "POST",
url:"/ajaxController12.php",
data: "action=updateStatus",
});
});</script>
<script>$('#link13').click(function(){
$.ajax({
type: "POST",
url:"/ajaxController13.php",
data: "action=updateStatus",
});
});</script>
<div class="page-wrapper">
<!-- Preloader -->
<div class="preloader"><div class="icon"></div></div>
<!-- Main Header -->
<header class="main-header">
<!-- Header Top -->
<div class="header-top">
<div class="auto-container clearfix">
<div class="top-left clearfix">
<ul class="info-list">
<li>+374 98 776868 | Job time 9:00 - 4:00</li>
</ul>
</div>
<div class="top-right">
<ul class="social-icons">
<li><a href="https://www.facebook.com/"><span class="fab fa-facebook-square"></span></a></li>
<li><a href="https://www.instagram.com/"><span class="fab fa-instagram"></span></a></li>
<li><a href="director-ps-arm.html"><img src="images/armenia.png" width="18" height="18"></a></li>
<li><a href="director-ps.html"><img src="images/america.png" width="18" height="18"></a></li>
<li><a href="director-ps-ru.html"><img src="images/russia.png" width="18" height="18"></a></li>
</ul>
</div>
</div>
</div>
<!-- Header Upper -->
<div class="header-upper">
<div class="inner-container">
<div class="auto-container clearfix">
<!--Logo-->
<div class="logo-outer">
<div class="logo"><a href="index.html"><img src="images/logo.png" width="160" height="80" alt="" title="Lavoo - Game Zone"></a></div>
</div>
<!--Nav Box-->
<div class="nav-outer clearfix">
<!--Mobile Navigation Toggler-->
<div class="mobile-nav-toggler"><span class="icon flaticon-menu-1"></span></div>
<!-- Main Menu -->
<nav class="main-menu navbar-expand-md navbar-light">
<div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
<ul class="navigation clearfix pull-left">
<li class="dropdown"><a>Pages</a>
<ul>
<li><a href="about-me.html">About Us</a></li>
<li><a href="players.html">Best Clients</a></li>
<li><a href="contact.html">Contacts</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</li>
<li><a href="gallery.html">Gallery</a></li>
</ul>
<ul class="navigation pull-right clearfix">
<li><a href="location.html">Location</a></li>
<li><a href="menu.html">Menu</a></li>
</ul>
</div>
</nav>
<!-- Main Menu End-->
</div>
</div>
</div>
</div>
<!--End Header Upper-->
<!-- Sticky Header -->
<div class="sticky-header">
<div class="auto-container clearfix">
<!--Logo-->
<div class="logo pull-left">
<a href="index.html" title=""><img src="images/logo.png" width="160" height="80" alt="" title=""></a>
</div>
<!--Right Col-->
<div class="pull-right">
<!-- Main Menu -->
<nav class="main-menu clearfix">
<!--Keep This Empty / Menu will come through Javascript-->
</nav><!-- Main Menu End-->
</div>
</div>
</div><!-- End Sticky Menu -->
<!-- Mobile Menu -->
<div class="mobile-menu">
<div class="menu-backdrop"></div>
<div class="close-btn"><span class="icon flaticon-close"></span></div>
<nav class="menu-box">
<div class="nav-logo"><a href="index.html"><img src="images/logo.png" width="160" height="80" alt="" title=""></a></div>
<div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
<!--Social Links-->
<div class="social-links">
<ul class="clearfix">
<li><a href="#"><span class="fab fa-facebook-square"></span></a></li>
<li><a href="#"><span class="fab fa-instagram"></span></a></li>
<li><a href="director-ps-arm.html"><img src="images/armenia.png" width="18" height="18"></a></li>
<li><a href="director-ps.html"><img src="images/america.png" width="18" height="18"></a></li>
<li><a href="director-ps-ru.html"><img src="images/russia.png" width="18" height="18"></a></li>
</ul>
</div>
</nav>
</div><!-- End Mobile Menu -->
</header>
<!-- End Main Header -->
<!--Page Title-->
<section class="page-banner" style="background-image:url(images/background/title-bg.png);">
<div class="auto-container">
<div class="inner-container clearfix">
<ul class="bread-crumb clearfix">
<li><a href="index.html">Home</a></li>
<li><a href="index.html">Pages</a></li>
<li><a href="director-ps.html">To book</a></li>
</ul>
<h1>To book PS5</h1>
</div>
</div>
</section>
<!--End Page Title-->
<a><br><br><br></a>
<div id="book"><img src="images/book/back.png" width="1920" height="1080"></div>
<div id="book_bar"><img src="images/book/bigsas.png" width="180" height="120"></div>
<div id="book_ps1"><a href="#" id="link1"><img src="<?php echo $img1; ?>" width="110" height="110"></a></div>
<div id="book_ps2"><a href="#" id="link2"><img src="<?php echo $img2; ?>" width="110" height="110"></a></div>
<div id="book_ps3"><a href="#" id="link3"><img src="<?php echo $img3; ?>" width="110" height="110"></a></div>
<div id="book_ps4"><a href="#" id="link4"><img src="<?php echo $img4; ?>" width="110" height="110"></a></div>
<div id="book_ps5"><a href="#" id="link5"><img src="<?php echo $img5; ?>" width="110" height="110"></a></div>
<div id="book_ps6"><a href="#" id="link6"><img src="<?php echo $img6; ?>" width="110" height="110"></a></div>
<div id="book_ps7"><a href="#" id="link7"><img src="<?php echo $img7; ?>" width="110" height="110"></a></div>
<div id="book_ps8"><a href="#" id="link8"><img src="<?php echo $img8; ?>" width="110" height="110"></a></div>
<div id="book_ps9"><a href="#" id="link9"><img src="<?php echo $img9; ?>" width="110" height="110"></a></div>
<div id="book_ps10"><a href="#" id="link10"><img src="<?php echo $img10; ?>" width="110" height="110"></a></div>
<div id="book_ps11"><a href="#" id="link11"><img src="<?php echo $img11; ?>" width="110" height="110"></a></div>
<div id="book_ps12"><a href="#" id="link12"><img src="<?php echo $img12; ?>" width="110" height="110"></a></div>
<div id="book_ps13"><a href="#" id="link13"><img src="<?php echo $img13; ?>" width="110" height="110"></a></div>
<div id="relax"><img src="images/book/sas.png" width="110" height="110"></div>
<div id="vip"><img src="images/book/sas.png" width="110" height="110"></div>
<div id="vip2"><img src="images/book/sas.png" width="110" height="110"></div>
<!-- Gallery Section Three -->
<section class="facts-section">
<!-- Title Boxed -->
<div style="margin-top: -1800px;">
<div class="title-boxed" style="background-image:url(images/key.png)">
<div class="auto-container">
<div class="content wow fadeInLeft" data-wow-delay="0ms">
<h2>Come<br>to<br>Lavoo</h2>
<a href="location.html" class="theme-btn btn-style-one"><span class="btn-title">Location</span></a>
</div>
</div>
</div>
</div>
</section>
<!-- Main Footer -->
<footer class="main-footer">
<div class="auto-container">
<!--Widgets Section-->
<div class="widgets-section">
<div class="row clearfix">
<!--Column-->
<div class="column col-lg-4 col-md-6 col-sm-12">
<div class="footer-widget logo-widget">
<div class="logo">
<a href="index.html"><img src="images/logo.png" width="160" height="80" alt="" /></a>
</div>
<div class="text">There will be nowhere better than in Lavoo.<br>Remember - you will come to Our institution once.<br>This means that now you will come at least everytime.</div>
</div>
</div>
<!--Column-->
<div class="column col-lg-4 col-md-6 col-sm-12">
<div class="footer-widget links-widget">
<div class="widget-content">
<div class="footer-title">
<h2>Contacts</h2>
</div>
<div class="row clearfix">
<div class="column col-lg-6 col-md-6 col-sm-12">
<ul class="list">
<li><a>We are located at:</a></li>
<li><a href="#">Mesrop Meshtoc, 40</a></li>
</ul>
</div>
<div class="column col-lg-6 col-md-6 col-sm-12">
<ul class="list">
<li><a href="https://yandex.ru/maps/org/lavoo_hookah_gamezone/44937463428/?ll=44.511819%2C40.184016&z=16">| YandexMap |</a></li>
<li><a href="https://www.google.com/maps/place/LAVOO+HOOKAH+(%D0%B8%D0%B3%D1%80%D0%BE%D0%B2%D0%BE%D0%B9+%D0%BA%D0%BB%D1%83%D0%B1+%D0%B8+%D0%BA%D0%B0%D0%BB%D1%8C%D0%BD)/@40.1843099,44.5117674,17z/data=!3m1!4b1!4m6!3m5!1s0x406abce2fecdc627:0xf717989b28b35c4a!8m2!3d40.1843099!4d44.5139561!16s%2Fg%2F11c61rfjn6">| GoogleMap |</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--Column-->
<div class="column col-lg-4 col-md-6 col-sm-12">
<div class="footer-widget newsletter-widget">
<div class="footer-title">
<h2>Wish Book</h2>
</div>
<div class="text">Please write to us about your wishes.</div>
<div class="newsletter-form">
<form method="post" action="contact.html">
<div class="form-group clearfix">
<input type="email" name="email" value="" placeholder="Email address" required>
<button type="submit" class="theme-btn newsletter-btn"><span class="fas fa-envelope"></span></button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Bottom -->
<div class="footer-bottom">
<div class="auto-container">
<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="flaticon-up-arrow"></span></div>
<!--Scroll to top-->
<div class="row clearfix">
<!-- Column -->
<div class="column col-lg-6 col-md-12 col-sm-12">
<div class="copyright">Lavoo Production</div>
</div>
<!-- Column -->
<div class="column col-lg-6 col-md-12 col-sm-12">
<ul class="social-icons">
<li><a href="#"><span class="fab fa-facebook-square"></span></a></li>
<li><a href="#"><span class="fab fa-instagram"></span></a></li>
<li><a href="director-ps-arm.html"><img src="images/armenia.png" width="18" height="18"></a></li>
<li><a href="director-ps.html"><img src="images/america.png" width="18" height="18"></a></li>
<li><a href="director-ps-ru.html"><img src="images/russia.png" width="18" height="18"></a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</div>
<!--End pagewrapper-->
<script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/owl.js"></script>
<script src="js/appear.js"></script>
<script src="js/wow.js"></script>
<script src="js/validate.js"></script>
<script src="js/scrollbar.js"></script>
<script src="js/script.js"></script>
<!--Google Map APi Key-->
<script src="http://maps.google.com/maps/api/js?key=AIzaSyBKS14AnP3HCIVlUpPKtGp7CbYuMtcXE2o"></script>
<script src="js/map-script.js"></script>
<!--End Google Map APi-->
</body>
</html>
require_once('director-ps.html')
нет;