I add a html page to the php website. After added, the webpage can run correctly, but thers is a line said Fatal error: Class 'EquipmentPage' not found in E:\2012\SIM Suite Project\wamp\www\test1\Web\equipment.php on line 7 at the bottom of the page. Can any one help me solve this problem.
equipment.php
<?php
define('ROOT_DIR', '../');
require_once(ROOT_DIR.'Pages/EquipmentPage.php');
$page = new EquipmentPage();
$page->PageLoad();
?>
equipmentPage.php
<?php
require_once(ROOT_DIR . 'Pages/SecurePage.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Equipment</title>
<!-- Uncomment if you don't use the .htaccess -->
<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> -->
<meta name="description" content="Designa, HTML5 CSS3 Template by Sylvain Lafitte">
<meta name="author" content="Sylvain Lafitte">
<meta name="viewport" content="width=device-width">
<link rel="shortcut icon" type="image/x-icon" href="../../favicon.ico">
<link rel="shortcut icon" type="image/png" href="../../favicon.png">
<link rel="stylesheet" href="css/style1.css">
<link rel="stylesheet" href="css/nav.css">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header class="center clearfix" id="navtop">
<a href="dashboard.php" class="logo fleft"><img src="img/bg_health_food_science.jpg" alt="Designa Studio" ></a>
<nav class="fright">
<ul>
<a href="dashboard.php" class="navactive">Home</a>
</ul>
</nav>
</header>
<div class="works center part clearfix">
<header class="title">
<p class="fleft">Products</p>
</header>
<aside class="column4 mright">
<p class="mbottom">All about Sim Suite. If you have any questions, please fell free to ask for help.</p>
<menu class="work_nav">
<a id="work_all" class="arrow more buttonactive">All</a><br>
<a id="work_1" class="arrow more">CPR</a><br>
</menu>
</aside>
<section class="columnthird content clearfix">
<figure class="work work_1">
<a href="schedule.php?sid=2" >
<img src="1.jpg" alt="" >
<span class="zoom"></span>
</a>
<figcaption>
<a href="schedule.php?sid=1" class="arrow">CPR Child Manikin</a><br/>
Quantity:<br/>
Location:<br/>
Price:<br/>
</figcaption>
</figure>
</section>
</div>
<footer class="center part clearfix">
<div class="up column3 mright">
<a href="#navtop" class="ir">Go up</a>
</div>
<nav class="column3">
<ul>
<li><a href="dashboard.php">Home</a></li>
<li><a href="equipment.html">Equipment</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="booking.html">Booking</a></li>
</ul>
</nav>
</footer>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.5.1.min.js"><\/script>')</script>
<script src="js/scripts.js"></script>
<!-- Prompt IE 6 users to install Chrome Frame. -->
<!--[if lt IE 7 ]>
<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
<![endif]-->
<!--[if (gte IE 6)&(lte IE 8)]>
<script src="js/selectivizr.js"></script>
<![endif]-->
</body>
</html>