To Implement Rep Allocation System Using PHP, HTML, Css and Mysql
To Implement Rep Allocation System Using PHP, HTML, Css and Mysql
To Implement Rep Allocation System Using PHP, HTML, Css and Mysql
Aim:
To implement Rep Allocation system using php, html, css and Mysql.
Code:
<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "rep";
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("Connection failed: ".$conn->connect_error);
}
// echo "Successfully connected to database, " . $dbname;
?>
<?php
session_start();
include 'db.php';
include 'tables.php';
use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;
require 'PHPMailer/src/Exception.php';
require 'PHPMailer/src/PHPMailer.php';
require 'PHPMailer/src/SMTP.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Representative Selection System</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="./style.css">
<style>
/* CSS for the loading animation */
#loading {
display: none;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(10, 10, 10, 0.9); /* semi-transparent white background */
text-align: center;
}
#loading img {
margin-top: 20%;
}
</style>
</head>
<body>
<div id="loading">
<img src="loading.gif" alt="Loading...">
</div>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Rep Selection System</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="alert alert-danger" style="display: <?php echo $b ?>;">
<strong>Warning!</strong> <?php echo $bcontent ?>
</div>
Output:
Result: