0% found this document useful (0 votes)

22 views

Computer Report

The document describes the login, signup, and home pages of the Kasiya website, detailing their functions and the required HTML/CSS code for each page. The login page allows users to enter their credentials to access their accounts, while the signup page facilitates account creation by collecting personal information. The home page serves as the main interface after login, providing access to various sections of the site and displaying information about courses offered by Kasiya College.

Uploaded by

stewardnyambili1

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

22 views

Computer Report

Uploaded by

stewardnyambili1

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

You are on page 1/ 29

Index /Log in page

Description

This is the index page of the of kasiya website which is specifically used to log in into the website if someone has
already have an account, in order to log in, a person is required to enter their username and password to confirm that
he/she is the owner of the account. If someone does not have an account, it directs or gives an opportunity to go to
sign up page.

Codes for this page

<!Doctype html> overflow: hidden;

<html> background-color: violet;

<head> }

<style> /* Style the topnav links */

*{ .topnav a {

box-sizing: border-box; float: left;

} display: block;

body { color: #f2f2f2;

font-family: Times New Roman; text-align: center;

padding: 10px; padding: 14px 16px;

background: grey; text-decoration: none;

} }

/* Header/Blog Title / / Change color on hover */

.header { .topnav a:hover {

padding: 30px; background-color: red;

text-align: center; color: blue;

background: mediumseagreen; }

} /* Create two unequal columns that floats next to

each other */
.header h1 {
/* Left column */
font-size: 50px;
.leftcolumn {
font-family: Times New Roman, Helvetica, sans-
serif; float: left;

} width: 75%;

/* Style the top navigation bar */ }

.topnav { /* Right column */

1
.rightcolumn { }

float: left; /* Footer */

width: 25%; .footer {

background-color: #f1f1f1; padding: 20px;

padding-left: 20px; text-align: center;

} background: #ddd;

.element{ margin-top: 20px;

backgroud-image:url('wow.jpg'); }

background-size:cover/* or contain,or specify a size /* Responsive layout - when the screen is less than
value*/ 800px wide, make the two columns stack on top of
each other instead of next to each other */
background-repeat:no-repear;/*optionalto prevent the
imagefromrepeating*/ @media screen and (max-width: 800px) {

background: .leftcolumn, .rightcolumn {

centercenter;/optional,tob position the image/ width: 100%;

} padding: 0;

.wow.jpg { }

background-color: #aaa; }

width: 100%; /* Responsive layout - when the screen is less than

400px wide, make the navigation links stack on top
padding: 20px;
of each other instead of next to each other */
}
@media screen and (max-width: 400px) {
/* Add a card effect for articles */
.topnav a {
.card {
float: none;
background-color: white;
width: 100%;
padding: 20px;
}
margin-top: 20px;
}
}
</style>
/* Clear floats after the columns */
<title>login
.row::after {
</title>
content: "";
</head>
display: table;
<body style="background-color:grey">
clear: both;
<h1> login</h1>

2
<form ACTION="login.php" METHOD="POST"> $password = $_POST['password'];

<div> // Database connection

<form name="login" action="login.php" $conn = new mysqli('localhost', 'root', '',

method="get" accept-charset="utf-8"> 'blessing_db'); // Removed the "login" database name

<div> if ($conn->connect_error) {

<label for="username">username</label></div> echo "$conn->connect_error";

<input type="username" name="username" die("Connection Failed: " . $conn->connect_error);

placeholder="username" required>
} else {
<div><label
// Select the database
for="password">Password</label></div>
if (mysqli_select_db($conn, 'blessing_db')) {
<input type="password" name="password"
placeholder="password" required> $stmt = $conn->prepare("INSERT INTO login
(username, password) VALUES (?, ?)");
<label>
$stmt->bind_param("ss", $username,
<div><input type="checkbox"
$password);
checked="checked" name="remember"> Remember
me $execval = $stmt->execute();
</label></div> //redirect to home page
<div><input type="submit" value="Login"></div> header("location:home.php");
<br>

<div><span class="psw"> <a if ($execval) {

href="fpassword">Forgot
password?</a></span></div> echo "Registration successfully...";

Do not have an account } else {

<br><a href="Signup.php">Create a new echo "Error: " . $stmt->error;

account</a
}

</form>
$stmt->close();
</body>
} else {
</html>
echo "Database selection failed: " .
mysqli_error($conn);

$conn->close();

<?php }

$username = $_POST['username']; ?>

3
Display

4
Sign up page

Description

This sign up page is used to register an account and have access to the website. Sign up requires to enter the
following; the first name, last name, phone number, address and password. If at all, someone have an account
already after enter the requirement it direct to login instead.

Codes of the sign up page

<!Doctype html> font-family: Times New Roman , Helvetica, sans-

serif;
<html>

<head>
}
<title>SIGNUP PAGE

</title>
/* Style the top navigation bar */
<style>
.topnav {
*{
overflow: hidden;
box-sizing: border-box;
background-color:pink;
}
}

body {
/* Style the topnav links */
font-family: Times New Roman;
.topnav a {
padding: 10px;
float: left;
background: lightgreen;
display: block;
}
color: #f2f2f2;

text-align: center;
/* Header/Blog Title */
padding: 14px 16px;
.header {
text-decoration: none;
padding: 30px;
}
text-align: center;

background: blue;
/* Change color on hover */
}
.topnav a:hover {

background-color: red;
.header h1 {
color: blue;
font-size: 50px;
}

5
/* Add a card effect for articles */

/* Create two unequal columns that floats next to .card {

each other */
background-color: white;
/* Left column */
padding: 20px;
.leftcolumn {
margin-top: 20px;
float: left;
}
width: 75%;

}
/* Clear floats after the columns */

.row::after {
/* Right column */
content: "";
.rightcolumn {
display: table;
float: left;
clear: both;
width: 25%;
}
background-color: #f1f1f1;

padding-left: 20px;
/* Footer */
}
.footer {

padding: 20px;
.element{
text-align: center;
backgroud-image:url('wow.jpg');
background: #ddd;
background-size:cover/* or contain,or specify a size
margin-top: 20px;
value*/
}
background-repeat:no-repear;/*optionalto prevent the
imagefromrepeating*/

background: /* Responsive layout - when the screen is less than

800px wide, make the two columns stack on top of
centercenter;/*optional,tob position the image*/
each other instead of next to each other */
}
@media screen and (max-width: 800px) {
.wow.jpg {
.leftcolumn, .rightcolumn {
background-color: #aaa;
width: 100%;
width: 100%;
padding: 0;
padding: 20px;
}
}
}

6
background-color: #4CAF50;

/* Responsive layout - when the screen is less than color: white;

400px wide, make the navigation links stack on top
padding: 14px 20px;
of each other instead of next to each other */
margin: 8px 0;
@media screen and (max-width: 400px) {
border: none;
.topnav a {
border-radius: 4px;
float: none;
cursor: pointer;
width: 100%;
}
}

}
input[type=Done]:hover {

background-color: #45a049;
input[type=text], select {
}
width: 100%;

padding: 12px 20px;

div {
margin: 8px 0;
border-radius: 5px;
display: inline-block;
background-color: #f2f2f2;
border: 1px solid #ccc;
padding: 20px;
border-radius: 4px;
}</style>
box-sizing: border-box;
</head>
}
<body>
input[type=number], select {
<div class="header">
width: 100%;
<h1> Sign up</h1>
padding: 12px 20px;
</div>
margin: 8px 0;
<div class="topnav">
display: inline-block;
<a href="home.php">Home</a>
border: 1px solid #ccc;
<a href="Signup.php"> Sign up</a>
border-radius: 4px;
<a href="contact.php">Contact</a>
box-sizing: border-box;
<a href="logout.php">logout</a></div>
}
<form ACTION="connect.php"
input[type=Done] {
METHOD="POST">
width: 100%;
<div>

7
<div><input type="submit" value="Done"></div>

<label for="FIRSTNAME">FIRST NAME</label> Already have an account

<INPUT TYPE="TEXT" <br><a href="login.php">Please</a

ID="FIRSTNAME"NAME="FIRSTNAME"placehol
der="ENTER FIRST NAME"required>
</form>
</div></BR>
</body>

<a href="index.html">Login</a>
<div><label for="LASTNAME">LAST
NAME</label> </html>
<INPUT TYPE="TEXT"
ID="LASTNAME"NAME="LASTNAME"placehold
er="ENTER LAST NAME"required></div></BR>

<div><label for="EMAIL"> EMAIL

ADDRESS</label>

</div></BR>

<div><label for="NUMBER"> PHONE

NUMBER</label>

</div></BR>

<div><label for="PASSWORD">
PASSWORD</label>

<div><label for="CONFIRMPASSWORD">
COMFIRM PASSWORD</label>

</div></BR>

8
DISPLAY

9
HOME PAGE

DESCRIPTION

Home page is the first web page accessed after log in into the website. Home page helps to access the following web
pages; Log out page, contact page, sign up page. On the other hand, Home page consists of the basic content of the
website. In this case it consists of all course offered by Kasiya college and their duration of study and requirement for
admission

<! DOCTYPE html> font-family: Times New Roman , Helvetica, sans-

serif;
<html lang="en">

<head>
}
<title>home page</title>
/* Style the top navigation bar */
<meta charset="utf-8">
.topnav {
<meta name="viewport" content="width=device-
width, initial-scale=1"> overflow: hidden;

*{ }

box-sizing: border-box; /* Style the topnav links */

} .topnav a {

body { float: left;

font-family: Times New Roman; display: block;

padding: 10px; color: #f2f2f2;

background: lightgreen; text-align: center;

} padding: 14px 16px;

/* Header/Blog Title */ text-decoration: none;

.header { }

padding: 30px; /* Change color on hover */

text-align: center; .topnav a:hover {

background: blue; background-color: red;

} color: blue;

.header h1 { }

font-size: 50px; /* Create two unequal columns that floats next to

each other */

10
/* Left column */ padding: 20px;

.leftcolumn { margin-top: 20px;

float: left; }

width: 75%; /* Clear floats after the columns */

} .row::after {

/* Right column */ content: "";

.rightcolumn { display: table;

float: left; clear: both;

width: 25%; }

background-color: #f1f1f1; /* Footer */

padding-left: 20px; .footer {

} padding: 20px;

text-align: center;

.element{ background: #ddd;

backgroud-image:url('wow.jpg'); margin-top: 20px;

background-size:cover/* or contain,or specify a size }

value*/
/* Responsive layout - when the screen is less than
background-repeat:no-repear;/*optionalto prevent the 800px wide, make the two columns stack on top of
imagefromrepeating*/ each other instead of next to each other */

background: @media screen and (max-width: 800px) {

centercenter;/optional,tob position the image/ .leftcolumn, .rightcolumn {

} width: 100%;

.wow.jpg { padding: 0;

background-color: #aaa; }

width: 100%; }

padding: 20px; /* Responsive layout - when the screen is less than

400px wide, make the navigation links stack on top
}
of each other instead of next to each other */

@media screen and (max-width: 400px) {

/* Add a card effect for articles */
.topnav a {
.card {
float: none;
background-color: white;
width: 100%;

11
} <a href="Signup.php"> Sign up</a>

} #customers { <a href="contact.php">Contact</a>

font-family: Times New Roman, Helvetica, sans- <a href="logout.php">logout</a></div>

serif;
<h1 style="color:blue;" align="center"> KASIYA
border-collapse: collapse; COLLEGE</h1>

width: 100%; <h3 style="color:green;" align="center" > Always a

step ahead</h3>
}
<h3 style="color:red;" align="center" >MONZE-
#customers td, #customers th {
CAMPUS </h3>
border: 1px solid #ddd;
<div>
padding: 8px;
<p align="center"><img src="IMAGE/poster.JPG"
} height="800" width="800">

#customers tr:nth-child(even){background-color: <img src="IMAGE/bless.JPG"

white;} height="800" width="800">

#customers tr:hover {background-color: yellow; </p>

#customers th { </p>

padding-top: 12px; </div>

padding-bottom: 12px; <h5 align="center"> Kasiya College is a Grade 1

TEVETA accredited Training Institution and an<br/>
text-align: left; affiliate of the University of Zambia(UNZA) whose
primary focus is the provision of affordable<br/>
background-color: tomato;
training opportunities to all.</h5>
color:blue;
<h2 style="color:green;" align="center"> Admissions
}</style> are open Enroll now</h2>

</head> <div class="row">

<body> <div class="centercolumn">

<p> <div class="card">

<div class="header"> <h2 align="center" style="color:Tomato;">

VISION</h2>
<h1 style="color:Tomato;"> <img
src="IMAGE/health.JPG" height="90" width="90" <p>Our vision is to be a recognized around
align="left"/>MINISTRY OF TECHNOLOGY AND the globe as a center of an excellence for professional
SCIENCE <img src="IMAGE/kasiyalogo.JPG" training. Kasiya college will be recognized bythe
height="90" width="90" align="right"/></h1><BR/> community, commerce, industry and society as a
non-racial and no-sexist training entity.</p><br/>
</div>
<h2
<div class="topnav"> align="center" style="color:Tomato;">
<<a href="home.php">Home</a> MISSION</h2> <p>Our mission is to provide quality

12
technical education, vocationand enterpreneurship <p align="center"><b>To prepare for a job of your
training to enhance individual and nation dreams <br/>A promotionin your job; or
development.</p>
<br/> To become established in your current
<h2 align="center" style="color:Tomato;">
<br/>job</b></p>
VALUE</h2>

<p align="center">
<br/>Kasiya College enrolled members
<ul>
receive carefully planned, high quality and
<h4 align="left">Our values include the professional trainig which gives competence in
following:</h4> planned careers.

<li>Social Responsibility </li> <br/>On a positive note, Kasiya

College is a Government AIDED institution whose
<li>Mutual respect and trust</li>
students are supported through <b>BURSARIES</b>
<li>Unity of purpose </li> and <b>CDF</b> .We offer a flexible payment plan
for our students that are on self sponsorship
<li>Honesty and
accountability</li></ul> <br/>Kasiya College training is
your shortcut to your dream. When you enroll with
<p>At kasiya College, you choose the vfields and kasiya College you can complete your training and
levels of training to meet your needs and read newspaper job columns with confindece.<br/>
ambitions.<br/>
<p align="center"><b><i>"why not
kasiya college is also a perfect choice if you are join today, and be a step <br/>ahead with qualitative
already in employement. you do not need to give up profession?"</i></b></p>
work,nor do you need to take long absences from
work without pay. <h4 style="color:red"
><u>SHORT INTENSIVE
</p> PROGRAMMES</u></h4>
<p> At Kasiya college, you choose the fields and
level of training to meet your needs and ambitions. <p>These are programmes designed to
improve perfomance in both privant and public sector
<br/>Kasiya college is also a
of our economy. There are standardized and there are
perfect choice if you are already in employement.
those which are tailor-made for specific industries.
You do not need to give up work, nor do you need to
apart from tailor-low are of two weeks duration for
take long absences from work without pay.
every phase . We have now introduced two other
<br/>We have <b>short intensive short intensive programmes that are fully funded by
Programmes</b>(SIP) just for you. These the CDF initiative for skills training. These
programmes are available for both female and male include:</p>
participants.
</p>
<br/>At Kasiya college you can, if you wish or need
<!start of a table>
progress from being just a beginner to an all-rounder
professional. This is possible because we have <table id="customers"="4" border="5"
qualified and dedicated staff who give personal align="center" width="50%">
attention to clients. So, if you need:
<!start of the heading row>
<br/>
<tr>

13
<th width="40%"> PROGRAMME</th> </tr>

<th width=30%>PERIOD</th> <tr>

</TR> <td>Shorthand Speed Development</td>

<!start of the data row> <td>Four Phases</td>

<td width="40%"> GENERAL <tr>

AGRICULTURE<br/> TRADE TEST<br/>
<td>Production Typewriting-speed <br/>
LEVEL3</td>
Beginners<br/></td>
<td width=30%>3 MONTHS</td>
<td>Five Phases</td>
</TR>
</tr>
<tr>
<tr>
<td width="70%"> TAILORING</td>
<td>Production Typewriting-speed <br/>
<td width=70%>3 MONTHS</td> Development<br/></td>

</TR> <td>Four Phases</td>

</TABLE> </tr>

<body> <td>Registry and Records Mgmt.</td>

<h4 style="color:red" align="center"><u>SHORT <td>Five Phases</td>

INTENSIVE PROGRAMMES</u></h4>
</tr>
<table border="5" id="customers">
<tr>
<tr>
<td>Human Resource Management </td>
<th> PROGRAMME</th>
<td>Five Phases</td>
<th>NUMBER OF <br/> PHASE<br/> </th>
</tr>
</tr>
<tr>
<tr>
<td>Computing and Information<br/>
<td>Person and Administration <br/>Secretaries Systems<br/></td>
Courses <br> </td>
<td>six phases</td>
<td>Five Phases</td>
</tr>
</tr>
<tr>
<tr>
<td>Reception Management</td>
<td> Shorhand for Beginners</td>
<td>Five Phases</td>
<td>Five Phases</td>
</tr>

14
<tr> <td width="70%"> ACSOM</td>

<td>Marketing Management</td> <td width=10%>2 years </td>

<td>Five phases</td> <td width=10%>TEVETA</td>

</tr> <td width=10%>Advanced Certificate</td>

<td> Dip.in Business Administration</td> <!start of the data row>

<td> Six Phases</td> <tr>

</tr> <td width="70%"> CSOM</td>

<tr> <td width=10%>1 years </td>

<td> Dip.in Registry & Records <br/> <td width=10%>TEVETA</td>

Mgmt.<br/></td>
<td width=10%> Certificate</td>
<td> Six Phases</td>
</Tr>
</tr>
<!start of the data row>
</table>
<tr>
<H4 align="CENTER" style="color:red;"><u>
<td
FULL TIME COURSES OFFRED<BR/>
width="70%">Diploma<br/>Secretarial<br/>studies
SECRETARIAL STUDIES DEPARTMENT <BR/> </td>

KASIYA CAMPUS</u> <td width=10%>3 years </td>

</H4> <td width=10%>TEVETA</td>

</H4> <td width=10%>Diploma</td>

<!start of a table> </Tr>

<table border="5" id="customers" <!start of the data row>

border="4"align="center" width="50%">
<tr>
<!start of the heading row>
<td width="70%">Diploma in<br/> Registry &
<tr> Records<br/>management</td>

<th width="70%"> PROGRAMME</th> <td width=10%>3 years </td>

<th width=30%>Duration</th> <td width=10%>TEVETA</td>

<th width=30%>Examinig Board</th> <td width=10%>Diploma</td>

<th width=30%>Levels</th> </Tr>

</tr> </TABLE>

<!start of the data row> <H4 align="CENTER" style="color:red;"><u>

FULL TIME COURSES OFFRED<BR/>
<tr>

15
SECONDARY TEACHERS DIPLOMA <td width="70%">Diploma in<br/> ICT
<BR/>EDUCATION DEPARTMENT with<br/>Civic<br/> Education</td>

MONZE CAMPUS <td width=30%>3 years </td>

</u></H4> <td width=30%>UNZA</td>

<!start of a table> <td width=30%>Diploma</td>

<table border="5" id="customers"="4"align="center" </Tr>

width="50%">
<!start of the data row>
<!start of the heading row>
<tr>
<tr>
<td width="70%">Diploma in<br/> ICT
<th width="70%"> Course <br/> Combination</th> with<br/>R.E</td>

<th width=30%>Duration</th> <td width=30%>3 years </td>

<th width=30%>Examinig Board</th> <td width=30%>UNZA</td>

<th width=30%>Levels</th> <td width=30%>Diploma</td>

</tr> </Tr>

<!start of the data row> <!start of the data row>

<td width="70%"> Diploma in<br/> ICT with<br/> <td width="70%">Diploma in<br/> ICT
Mathematics</td> with<br/>Business<br/> Studies</td>

<td width=30%>3 years </td> <td width=30%>3 years </td>

<td width=30%>UNZA</td> <td width=30%>UNZA</td>

<td width=30%>Diploma</td> <td width=30%>Diploma</td>

</Tr> </Tr>

<!start of the data row> </TABLE

<td width="70%"> Diploma in<br/> ICT <h4 style="color:red" align="left">OPEN

with<br/>English </td> DISTANCE LEARNING </h4>

<td width=30%>3 years </td> <br/>

<td width=30%>UNZA</td> All programmes are offered on both FULL TIME and
DISTANCE learning mode.
<td width=30%> Certificate</td>
<br/>
</Tr>
<h4 style="color:red" align="left"> Entry
<!start of the data row>
Requirements:</h4>
<tr>

16
<b>Diploma:</b> 5 Credits or better including <p>Now just watch us turn you into that professional
English.<br/> that you have always dreamed of enjoy being always
a step ahead with a college that has been in the traing
<b>Advanced Certificate:</b> 3 credits plus two
business for over four decades. </p>
passes with at least a minimum of a credit in
English.<br/> <div><H2 align="center" style="color:blue">

<h4 style="color:red" align="left"> Acronyms</h4> <i>Boarding facilities are always available for both
Female and Male at both campuses.
ACSOM -Advanced
</b></i></H2></div>
certificate in Secretarial and office
Management.<br/> </P>

<br/>CSOM -Certificate in Secretarial and office <center><a href="Gallery.html">College

Management.<br/> Gallery</a></center>

<br/>TEVETA -Technical Education, Vocational and <p><a href="#top">Back on top</a></p>

Entreprenueurship Traing Authority<br/>
</div>
<br/>UNZA -The University of Zambia<br/><p>
</body>
<p><b>We thank you for
making the wisest decision by choosing and enrolling
with kasiya Business and Secretarial College. You </html>
will not regret making this decision. </p>

17
Display

18
19
CONTACT PAGE

DESCRIPTION

Contact page is containing information and details that can be used to get in touch with the college for any query and
consultation

CODES

<! DOCTYPE html>

<html>

<head>

<title>contact</title>

</head>

</style><title> contact</title>

<meta charset= "UTF-8"/>

<style> font-size: 50px;

*{ font-family: Times New Roman , Helvetica, sans-

serif;
box-sizing: border-box;
}
}
/* Style the top navigation bar */
body {
.topnav {
font-family: Times New Roman;
overflow: hidden;
padding: 10px;
background-color:pink;
background: lightgreen;
}

text-decoration: none;
.header h1 {

20
} padding: 20px;

/* Change color on hover */ }

.topnav a:hover { /* Add a card effect for articles */

background-color: red; .card {

color: blue; background-color: white;

} padding: 20px;

/* Create two unequal columns that floats next to margin-top: 20px;

each other */
}
/* Left column */
/* Clear floats after the columns */
.leftcolumn {
.row::after {
float: left;
content: "";
width: 75%;
display: table;
}
clear: both;
/* Right column */
}
.rightcolumn {
/* Footer */
float: left;
.footer {
width: 25%;
padding: 20px;
background-color: #f1f1f1;
text-align: center;
padding-left: 20px;
background: #ddd;
}
margin-top: 20px;
.element{
}
backgroud-image:url('wow.jpg');
/* Responsive layout - when the screen is less than
background-size:cover/* or contain,or specify a size 800px wide, make the two columns stack on top of
value*/ each other instead of next to each other */

background-repeat:no-repear;/*optionalto prevent the @media screen and (max-width: 800px) {

imagefromrepeating*/
.leftcolumn, .rightcolumn {
background:
width: 100%;
centercenter;/*optional,tob position the image*/
padding: 0;
}
}
.wow.jpg {
}
background-color: #aaa;

width: 100%;

21
/* Responsive layout - when the screen is less than Education
400px wide, make the navigation links stack on top Programs:0977724880/0978850116<BR/>Secretarial
of each other instead of next to each other */ programs:0974713904/0955819093<BR/>Business
program :0977425567/0955979255<BR/>Short-
@media screen and (max-width: 400px) {
intensive programs:09060771/0977786769.
.topnav a {
<i></P>
float: none;
</body>
width: 100%;
<address><p>E-mail us on:</p><a href="
} mailto:[email protected]">
[email protected]</a></address>
}
<p align="center">You can visit us at<br/></p>
</style>
<address style="text-align: center;">
</head> https://www.mstvt.gov.zm/Kasiya</address>
<body> <h1><center><b style="color:green">ALWAYS A
STEP AHEAD </center></b></h1>
<div class="header">
<br>
<h1> Contact</h1>
</br>
</div>
<center><a href="home.php">Go to previous
<body>
page</a></center>
<div class="topnav">
</boy>
<a href="home.php">Home</a>
</html>
<a href="Signup.php"> Sign up</a>

<a href="contact.php">Contact</a>

<a href="logout.php">logout</a></div>

<br/>

<P align="center"> For more details contact us

on:<br/>

THE PRINCIPAL<BR/>KASIYA
COLLEGE<BR/>P.O. BOX 640060<BR/>PEMBA
<BR/> <b>OR</b>
<BR/>0977723617/0974916567<BR/></p><p><i>

22
Display

23
CONNECT
DESCRIPTION

This program is connecting all the pages to the database of the website of kasiya College. Not only that it also posts
information or details ( firstname, lastname, email, number and password) of the user to the database system.

CODES

<?php $stmt->bind_param("sssiss", $FIRSTNAME,

$LASTNAME, $EMAIL, $NUMBER,
$FIRSTNAME = $_POST['FIRSTNAME'];
$PASSWORD, $CONFIRMPASSWORD);
$LASTNAME = $_POST['LASTNAME'];
$execval = $stmt->execute();
$EMAIL = $_POST['EMAIL'];

$NUMBER = $_POST['NUMBER'];
if ($execval) {
$PASSWORD = $_POST['PASSWORD'];
echo "Registration successfully...";
$CONFIRMPASSWORD =
} else {
$_POST['CONFIRMPASSWORD'];
echo "Error: " . $stmt->error;

}
// Database connection

$conn = new mysqli('localhost', 'root', '',

'blessing_db'); // Removed the "signup" database $stmt->close();
name
} else {
if ($conn->connect_error) {
echo "Database selection failed: " .
echo "$conn->connect_error"; mysqli_error($conn);

die("Connection Failed: " . $conn->connect_error); }

} else { $conn->close();

// Select the database }

if (mysqli_select_db($conn, 'blessing_db')) {

$stmt = $conn->prepare("INSERT INTO signup ?>

(FIRSTNAME, LASTNAME, EMAIL, NUMBER,
PASSWORD, CONFIRMPASSWORD) VALUES
(?, ?, ?, ?, ?, ?)");

24
DATABASE

DESCRIPTION

This is the database for kasiya college website. The main purpose of the database is to store users details and this
include; username, phone number, password.

CODES --
-- phpMyAdmin SQL Dump
-- version 5.2.0 -- --------------------------------------------------------
-- https://www.phpmyadmin.net/
-- --
-- Host: 127.0.0.1 -- Table structure for table `login`
-- Generation Time: Apr 01, 2025 at 07:44 PM --
-- Server version: 10.4.27-MariaDB
-- PHP Version: 8.2.0 CREATE TABLE `login` (
`id` int(11) NOT NULL,
SET SQL_MODE = `username` varchar(50) NOT NULL,
"NO_AUTO_VALUE_ON_ZERO";
`password` varchar(12) NOT NULL
START TRANSACTION;
) ENGINE=InnoDB DEFAULT
SET time_zone = "+00:00"; CHARSET=utf8mb4
COLLATE=utf8mb4_general_ci;

--
/*!40101 SET
@OLD_CHARACTER_SET_CLIENT=@@C -- Dumping data for table `login`
HARACTER_SET_CLIENT */;
--
/*!40101 SET
@OLD_CHARACTER_SET_RESULTS=@@
CHARACTER_SET_RESULTS */; INSERT INTO `login` (`id`, `username`,
`password`) VALUES
/*!40101 SET
@OLD_COLLATION_CONNECTION=@@C (1, 'blessing', 'bles12'),
OLLATION_CONNECTION */;
(2, 'blessing', 'bles12');
/*!40101 SET NAMES utf8mb4 */;

-- --------------------------------------------------------
--
-- Database: `blessing_db`

25
-- --
-- Table structure for table `signup`
-- --
-- Indexes for table `login`
CREATE TABLE `signup` ( --
ìd` int(11) NOT NULL, ALTER TABLE `login`
`FIRSTNAME` varchar(50) NOT NULL, ADD PRIMARY KEY (ìd`);
`LASTNAME` varchar(50) NOT NULL,
ÈMAIL` varchar(45) NOT NULL, --
`NUMBER` bigint(12) NOT NULL, -- Indexes for table `signup`
`PASSWORD` varchar(12) NOT NULL, --
`CONFIRMPASSWORD` varchar(12) NOT ALTER TABLE `signup`
NULL
ADD PRIMARY KEY (ìd`);
) ENGINE=InnoDB DEFAULT
CHARSET=utf8mb4
COLLATE=utf8mb4_general_ci; --
-- AUTO_INCREMENT for dumped tables
-- --
-- Dumping data for table `signup`
-- --
-- AUTO_INCREMENT for table `login`
INSERT INTO `signup` (ìd`, `FIRSTNAME`, --
`LASTNAME`, ÈMAIL`, `NUMBER`,
`PASSWORD`, `CONFIRMPASSWORD`) ALTER TABLE `login`
VALUES MODIFY ìd` int(11) NOT NULL
(1, 'blessing', 'siagumbwe', AUTO_INCREMENT,
'[email protected]', 978654332, 'bless12', AUTO_INCREMENT=3;
'bless12'),
(2, 'royce', 'mwila', '[email protected]', --
978654332, 'royce1245', 'royce1245');
-- AUTO_INCREMENT for table `signup`
--
--
ALTER TABLE `signup`
-- Indexes for dumped tables

26
MODIFY `id` int(11) NOT NULL /*!40101 SET
AUTO_INCREMENT, CHARACTER_SET_RESULTS=@OLD_CHA
AUTO_INCREMENT=3; RACTER_SET_RESULTS */;
COMMIT; /*!40101 SET
COLLATION_CONNECTION=@OLD_COLL
ATION_CONNECTION *
/*!40101 SET
CHARACTER_SET_CLIENT=@OLD_CHAR
ACTER_SET_CLIENT */;

27
DISPLAY

28
Log out page

Description

This program that is used to check and monitor the start session, if destroyed it directs to home page.

This program is linked to the database to monitor the

Codes

<?php

session_start();

// Destroy session

if(session_destroy()) {

// Redirecting To Home Page

header("Location: index.html");

How To Create A Blog in PHP and MySQL Database
100% (1)
How To Create A Blog in PHP and MySQL Database
85 pages
Complete Responsive Web Site
No ratings yet
Complete Responsive Web Site
3 pages
Experiment 1
No ratings yet
Experiment 1
41 pages
Css Layouts
No ratings yet
Css Layouts
7 pages
P01 Getting Started and Creating The Authentication System
No ratings yet
P01 Getting Started and Creating The Authentication System
22 pages
Cod HTML
No ratings yet
Cod HTML
8 pages
Web Development Project
100% (1)
Web Development Project
7 pages
computerproject
No ratings yet
computerproject
19 pages
Css Fore Tec
No ratings yet
Css Fore Tec
8 pages
php and mysqli(19)
No ratings yet
php and mysqli(19)
9 pages
File
No ratings yet
File
9 pages
Iglesia John Zedrick
No ratings yet
Iglesia John Zedrick
34 pages
WT External Lab: Login - PHP
No ratings yet
WT External Lab: Login - PHP
15 pages
New Text Document
No ratings yet
New Text Document
5 pages
Lab Session 09 WebEngineering
No ratings yet
Lab Session 09 WebEngineering
24 pages
Vicky HTML
No ratings yet
Vicky HTML
23 pages
Home Works
No ratings yet
Home Works
15 pages
Web8
No ratings yet
Web8
14 pages
Program 8
No ratings yet
Program 8
10 pages
WP Inter-1
No ratings yet
WP Inter-1
23 pages
Node JS
No ratings yet
Node JS
62 pages
final
No ratings yet
final
13 pages
Travel Service Website in Olive Green Photographic Style
No ratings yet
Travel Service Website in Olive Green Photographic Style
12 pages
Wtminiproject
No ratings yet
Wtminiproject
22 pages
Website Baker Tutorial
No ratings yet
Website Baker Tutorial
13 pages
WTCHANDANA
No ratings yet
WTCHANDANA
46 pages
asignmant
No ratings yet
asignmant
12 pages
NODE JS (cse ii-ii)
No ratings yet
NODE JS (cse ii-ii)
20 pages
Layouts
No ratings yet
Layouts
10 pages
HTML Lab Work 3
No ratings yet
HTML Lab Work 3
3 pages
Self Learning Activity-WPD -S25 (1)
No ratings yet
Self Learning Activity-WPD -S25 (1)
43 pages
Code
No ratings yet
Code
8 pages
!DOCTYPE HTML
No ratings yet
!DOCTYPE HTML
3 pages
Responsibe Website Tutorials
No ratings yet
Responsibe Website Tutorials
17 pages
DOCTYPE HTML
No ratings yet
DOCTYPE HTML
7 pages
Web Developement File newwww
No ratings yet
Web Developement File newwww
45 pages
Div
No ratings yet
Div
3 pages
1.ADVANCED WEB DESIGNING
No ratings yet
1.ADVANCED WEB DESIGNING
27 pages
CY409PC NODE JS REACT JS DJANGO LAB Manual
No ratings yet
CY409PC NODE JS REACT JS DJANGO LAB Manual
118 pages
1.Build a responsive web application for shopping cart with registration, login, catalog and cart (1)
No ratings yet
1.Build a responsive web application for shopping cart with registration, login, catalog and cart (1)
11 pages
htmlcss1
No ratings yet
htmlcss1
11 pages
Admin Module User Module: 1.1 About The Project
No ratings yet
Admin Module User Module: 1.1 About The Project
26 pages
WT Mini Project
No ratings yet
WT Mini Project
59 pages
Webtech Codes
No ratings yet
Webtech Codes
13 pages
Bootstrap Assignment
No ratings yet
Bootstrap Assignment
9 pages
index
No ratings yet
index
12 pages
TW Lab 1
No ratings yet
TW Lab 1
13 pages
Login
No ratings yet
Login
2 pages
Website Design and Development
No ratings yet
Website Design and Development
18 pages
PROGRAM 1 AND 2
No ratings yet
PROGRAM 1 AND 2
14 pages
ST Complete Code
No ratings yet
ST Complete Code
6 pages
Gate
No ratings yet
Gate
63 pages
Report 2
No ratings yet
Report 2
55 pages
Web Design Record
No ratings yet
Web Design Record
19 pages
NODE JS Lab Manual 23-24 (1)
No ratings yet
NODE JS Lab Manual 23-24 (1)
65 pages
Website Instruction 2
No ratings yet
Website Instruction 2
6 pages
Skill Development Course IoT II II Sem Lab
No ratings yet
Skill Development Course IoT II II Sem Lab
15 pages
Sign in
No ratings yet
Sign in
14 pages
Cascading Style Sheet
No ratings yet
Cascading Style Sheet
20 pages
Angular Shopping Store: From Scratch to Successful Payment
From Everand
Angular Shopping Store: From Scratch to Successful Payment
Abdelfattah Ragab
No ratings yet
Project Plan Odessa Mobile Technology Project
No ratings yet
Project Plan Odessa Mobile Technology Project
22 pages
Uday Web
No ratings yet
Uday Web
23 pages
HV 48V 50AH LiFeP04
No ratings yet
HV 48V 50AH LiFeP04
1 page
iFlex2 iScout OM REV A
No ratings yet
iFlex2 iScout OM REV A
75 pages
Dell Exchange Offer
No ratings yet
Dell Exchange Offer
10 pages
Coer project sample_Recover
No ratings yet
Coer project sample_Recover
4 pages
DSA by Shradha Didi & Aman Bhaiya
No ratings yet
DSA by Shradha Didi & Aman Bhaiya
7 pages
Swdnd501 Note
No ratings yet
Swdnd501 Note
7 pages
iPhone Parts and Service History - Apple Support
No ratings yet
iPhone Parts and Service History - Apple Support
1 page
Anexo Contrato Horas Extras PDF
No ratings yet
Anexo Contrato Horas Extras PDF
1 page
Volvo Installation Tool: User Manual
No ratings yet
Volvo Installation Tool: User Manual
22 pages
PYTHON Unit 1
No ratings yet
PYTHON Unit 1
56 pages
A.07.370e OMMM CRE Edition 2.1 EN
No ratings yet
A.07.370e OMMM CRE Edition 2.1 EN
186 pages
Best-Practice Recommendations For Producers, Evaluators, and Users of Methodological Literature Reviews
No ratings yet
Best-Practice Recommendations For Producers, Evaluators, and Users of Methodological Literature Reviews
31 pages
Tgrid v5.0 Lect 05 Hexcore
No ratings yet
Tgrid v5.0 Lect 05 Hexcore
11 pages
MA_Toolkit_1 Adobe analytics
No ratings yet
MA_Toolkit_1 Adobe analytics
14 pages
IT5409 Ch4.1 Edges - en
No ratings yet
IT5409 Ch4.1 Edges - en
45 pages
Class44-46 Introduction To Enncoder-Decoder Model Attention-03-09May2023
No ratings yet
Class44-46 Introduction To Enncoder-Decoder Model Attention-03-09May2023
35 pages
Pipelining - Modified1
No ratings yet
Pipelining - Modified1
51 pages
3CS4 OOPS Unit 2
No ratings yet
3CS4 OOPS Unit 2
32 pages
Const Express Require ('Express')
No ratings yet
Const Express Require ('Express')
3 pages
INFLUENCE OF SOCIAL MEDIA ON JOURNALISM PRACTICES IN LAGOS STATE-updated 2023
100% (1)
INFLUENCE OF SOCIAL MEDIA ON JOURNALISM PRACTICES IN LAGOS STATE-updated 2023
62 pages
HRIS User Guide: Welcome Note
100% (1)
HRIS User Guide: Welcome Note
49 pages
Cts Series
No ratings yet
Cts Series
2 pages
Ntroduction: Table 1 - Different Types of Audits
No ratings yet
Ntroduction: Table 1 - Different Types of Audits
2 pages
SE - Model Questions and Answers
No ratings yet
SE - Model Questions and Answers
12 pages
Disney-Pixar Little Golden Book Favorites
No ratings yet
Disney-Pixar Little Golden Book Favorites
3 pages
UALink-1.0-Specification-Webinar_FINAL
No ratings yet
UALink-1.0-Specification-Webinar_FINAL
23 pages
Chamberlain PD762EV Manual
No ratings yet
Chamberlain PD762EV Manual
44 pages
KT6368A Bluetooth Chip FAQs (Updated to 55 Questions)
No ratings yet
KT6368A Bluetooth Chip FAQs (Updated to 55 Questions)
41 pages

Computer Report

Uploaded by

Computer Report

Uploaded by

Index /Log in page

Codes for this page

<!Doctype html> overflow: hidden;

<html> background-color: violet;

<style> /* Style the topnav links */

box-sizing: border-box; float: left;

body { color: #f2f2f2;

font-family: Times New Roman; text-align: center;

padding: 10px; padding: 14px 16px;

background: grey; text-decoration: none;

/* Header/Blog Title */ /* Change color on hover */

.header { .topnav a:hover {

padding: 30px; background-color: red;

text-align: center; color: blue;

} /* Create two unequal columns that floats next to

/* Style the top navigation bar */ }

.topnav { /* Right column */

float: left; /* Footer */

width: 25%; .footer {

background-color: #f1f1f1; padding: 20px;

padding-left: 20px; text-align: center;

.element{ margin-top: 20px;

background: .leftcolumn, .rightcolumn {

centercenter;/*optional,tob position the image*/ width: 100%;

width: 100%; /* Responsive layout - when the screen is less than

<div> // Database connection

<form name="login" action="login.php" $conn = new mysqli('localhost', 'root', '',

<label for="username">username</label></div> echo "$conn->connect_error";

<input type="username" name="username" die("Connection Failed: " . $conn->connect_error);

<div><span class="psw"> <a if ($execval) {

Do not have an account } else {

<br><a href="Signup.php">Create a new echo "Error: " . $stmt->error;

$username = $_POST['username']; ?>

Codes of the sign up page

<!Doctype html> font-family: Times New Roman , Helvetica, sans-

/* Create two unequal columns that floats next to .card {

background: /* Responsive layout - when the screen is less than

/* Responsive layout - when the screen is less than color: white;

padding: 12px 20px;

<label for="FIRSTNAME">FIRST NAME</label> Already have an account

<INPUT TYPE="TEXT" <br><a href="login.php">Please</a

<div><label for="EMAIL"> EMAIL

<div><label for="NUMBER"> PHONE

<! DOCTYPE html> font-family: Times New Roman , Helvetica, sans-

box-sizing: border-box; /* Style the topnav links */

body { float: left;

font-family: Times New Roman; display: block;

padding: 10px; color: #f2f2f2;

background: lightgreen; text-align: center;

} padding: 14px 16px;

/* Header/Blog Title */ text-decoration: none;

padding: 30px; /* Change color on hover */

text-align: center; .topnav a:hover {

background: blue; background-color: red;

font-size: 50px; /* Create two unequal columns that floats next to

.leftcolumn { margin-top: 20px;

width: 75%; /* Clear floats after the columns */

/* Right column */ content: "";

.rightcolumn { display: table;

float: left; clear: both;

background-color: #f1f1f1; /* Footer */

padding-left: 20px; .footer {

.element{ background: #ddd;

backgroud-image:url('wow.jpg'); margin-top: 20px;

background-size:cover/* or contain,or specify a size }

background: @media screen and (max-width: 800px) {

centercenter;/*optional,tob position the image*/ .leftcolumn, .rightcolumn {

padding: 20px; /* Responsive layout - when the screen is less than

@media screen and (max-width: 400px) {

} #customers { <a href="contact.php">Contact</a>

font-family: Times New Roman, Helvetica, sans- <a href="logout.php">logout</a></div>

width: 100%; <h3 style="color:green;" align="center" > Always a

#customers tr:nth-child(even){background-color: <img src="IMAGE/bless.JPG"

#customers tr:hover {background-color: yellow; </p>

padding-top: 12px; </div>

padding-bottom: 12px; <h5 align="center"> Kasiya College is a Grade 1

/* Header/Blog Title / / Change color on hover */

centercenter;/optional,tob position the image/ width: 100%;

centercenter;/optional,tob position the image/ .leftcolumn, .rightcolumn {