index.php

<?php include("admin-panel/app/config/database.php"); ?>
<!DOCTYPE html>
<html>
<head>
	<title>Custom Admin Panel</title>
	<meta name='robots' content='noindex,follow' />
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="stylesheet" type="text/css" href="style.css">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
</head>
<body style="font-family: 'Ubuntu', sans-serif;">
		<header>
			<div class="mx-auto mt-2 mb-2" style="width: 250px;">
				<a href="" title="MR ART Exports"><img src="images/logo.png" width="150px"></a>
			</div>
		</header>
		<div class="container shadow-lg p-2 mb-5 bg-white rounded">
			<?php include("widgets/top-menu.php"); ?>

		
		<!-- Slider Ended -->
		<!-- Product Category Started -->
		<main role="main">
		  <section class="jumbotron text-center">
		    <div class="container">
		      <h1 class="jumbotron-heading">Custom Admin Panel</h1>
		      <p class="lead text-muted"><p>This is for Blog Sites, & Basic Product Websites. I have added custom categories which are link with products. It has an option to uplaod multiple images for single products. Give it a Try.</p></p>
		      <p>
		        <a href="#" class="btn btn-primary my-2">Inquiry</a>
		        <a href="contact-us.php" class="btn btn-secondary my-2">Contact Details</a>
		      </p>
		    </div>
		  </section>

		 

<div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3 align-items-center justify-content-between">
  <div class="bg-primary mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden">
    <div class="my-3 py-3">
      <h2 class="display-5">Responsive Design</h2>
    </div>
    <div class="bg-light shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
  </div>
  <div class="bg-dark mr-md-6 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden">
    <div class="my-3 py-3">
      <h2 class="display-5">Fast & Easy UPloading</h2>
    </div>
    <div class="bg-light shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
  </div>
  <div class="bg-primary mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden">
    <div class="my-3 py-3">
      <h2 class="display-5">Easy to Setup</h2>
      
    </div>
    <div class="bg-light shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
  </div>
</div>

		</main>
		<?php include("widgets/footer.php"); ?>
	</div>
	<script type="text/javascript" src="js/jquery.slim.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>
</html>