Gautam 2 Report
Gautam 2 Report
ON
SUBMITTED TO
IN PARTIAL FULLFILLMENT
OF THE DEGREE OF
Session: 2018-21
By
Roll No : 195150624
Enrollment No : R195150270016
Under the
Guidance OF
I express my sincere obligation and thanks to the principal Mrs. SUNITA SHARMA and all
Faculties of the Department of Computer Application for providing me with guidance help
motivation and valuable advice at every stage for completing the project work successfully.
Signature:
DECLARATION
I do hereby declare that the project work entitled NRI COLLEGE PORTAL
submitted by me for the partial fulfillment of the requirement for the award of
BCA (Bachelor of Computer Application) is an authentic work completed by
me. The report being submitted has not been submitted earlier for the award of
any degree or diploma to any Institute or University.
Date:
Signature:
CERTIFICATE OF ORIGINALITY
This is to certify that the project report entitled NRI COLLEGE PORTAL
Submitted to Barkatullah University, Bhopal in partial fulfillment of the
requirement for the award of the degree of Bachelor of Computer Applications,
is an original work carried out by Mr./Ms. ZAFFAR NAWAZ KHAN
Enrollment No: --- R195150270016 Roll No. 195150624
Signature of the
Internal Guide
External Guide
1.INTRODUCTION –
This project is an online portal between students, parents and faculty. This innovative
system allows college faculty to share important data as well as notifications with
engineering/non-engineering students. It consists of a faculty login along with student login
& parent login. Since college faculties operate through pc and document uploading is simpler
through a pc, the faculty login is to be performed using a computer. Faculty may upload their
documents of respected subject syllabus, timetable document, notifications, e-notes,
attendance etc. through their assigned login. The documents are uploaded by faculties of
department to different corresponding departments. We purpose to build this system on an
online server that allows faculty to upload data & students may view/search and download
the required documents through their computer device. Here students only see and download
data of their particular semester/year/class. Rest of data is hidden. Faculty may access and
upload/edit documents to any semester/year/class or add any notice as their desired.
EXISTING SYSTEM-
The system in college nowadays like entering marks , attendance ,calculating
percentage , giving notices , event calendar , providing exam routine and providing
notes/papers is done manually which consumes lots of time and man power
2.1 WORKING
The working in manual system in the colleges requires a lot of man power and time.
Consider percentage & providing notes and paper for percentage required calculating marks
of each subject of a particular student and then we get the percentage and to provide
notes/papers some time the teachers dictate in the class and some provide Xerox which can’t
reached each student.
All notices are dictated in class for every holiday, event, workshops, conference and
timetable of exam.
All marks of weekly test and unit test are displayed on notice board, timetable of daily class
routine is displayed on notice
2.2
OBJECTIVE –
The purpose of this study is to prefer solution to the above stated problems being
faced and to develop a web based online registration portal for National Open
University of Nigeria (NOUN), Damaturu Study Centre using Adobe Dream weaver
PHP to develop each web page and MYSQL as the database for storage of information on
the website. The objectives are as below:
3. To create an online Course Portal which provides a pre-assessment module that allow
courses verification to the students when login on the website. In addition, the course portal
can also automatically evaluate and showcase the report of courses of the students.
LIMITATION
DRAWBACKS OF THE MANUAL PROCESS
The handbook process of calculating the percentage brought in many problems and
a lot of difficulties had to face by faculty in doing the process for all student record.
At the time of providing notes to Xerox center a lot of difficulties had to be faced by students
like students had to stand in long queues for a lot of time that too during their college hours.
While calculating percentage & attendance of each student is difficult job & A human error
can be caused in manual process. No proper process records are maintained.
Therefore there are no full-proof records of data is maintained, so, however these mess in
handling these data of each student manually.
FUNCTIONAL REQIREMENT
Hardware Requirements:
The software should be ran on any sort of desktop or laptop
environment, regardless of the operating system. The software also has the potential of
running on tablets, but with a more simplified version. Essential input/output devices are
keyboards, mouse, and printers; nothing else is required but can be recommended if desired
. SOFTWERE REQIREMENT
. Database - mysql
RAM – 4 GB
ROM – 512GB
FUNCTIONAL REQIREMENT
Hardware Requirements:
The software should be ran on any sort of desktop or laptop environment,
regardless of the operating system. The software also has the potential of
running on tablets, but with a more simplified version. Essential input/output
devices are keyboards, mouse, and printers; nothing else is required but can be
recommended if desired
. SOFTWERE REQIREMENT
Performance Requirements:
● Secure any transmissions of private information between the customer and the
company
● Prevent any potential threats such as SQL injections through the forms or
search boxes.
● Prevent third party users at administration level
● Verify website security certificates (that lock in the address bar)
● Prevent false information from being used as payment
● Prevent false email inputs from being used when registering Quality
Attributes:
● Maintain a user friendly environment that is visually appealing
● Easy to see and use navigation
● Maintain readable content
● Searching cars should be accessible to people who are and are not logged in
● Selecting and making a payment should be available to customers who are
and are not logged in
E-R DIAGRAM & DFD
E-R DIAGRAM
DFD
INDEX PAGE
<!DOCTYPE html>
<html>
<head>
<!--------------------links---------------->
<!-----------------------------page-link------------>
<!-------------- js file-------------->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<!--------------------------HOMEPAGE-------------------->
<body>
<!--------------------------navbar---------------->
<span class="navbar-toggler-icon"></span>
</button>
</li>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item">
<a class="nav-link" href="Contract.php"> CONTACT US</a>
</li>
<li class="nav-item">
</li>
GROUP INSTITUTES
</a>
Technology</a>
<div class="dropdown-divider">
</div>
</div>
</li>
<li class="nav-item">
</li>
</ul>
<DIV>
</DIV>
<ul>
</a>
</li>
</ul>
</ul>
</form>
</div>
</nav>
<!----------------------navbarend------------>
<!----------------------over lay----------------->
<div class="overlay-content">
</div>
</div>
<!-- Use any element to open/show the overlay navigation menu -->
<span onclick="openNav()">open</span>
<!-----------------over lay--------------->
<!--------------------------cards1-------------->
<div class="card-deck">
<div class="card">
<div class="card-body">
<h5 class="card-title">raisir</h5>
<p class="card-text"></p>
</div>
</div>
<div class="card">
<div class="card-body">
<h5 class="card-title">RATHI-SIR</h5>
<p class="card-text"></p>
</div>
</div>
<div class="card">
<div class="card-body">
<h5 class="card-title">jyotimadam-min</h5>
<p class="card-text"></p>
</div>
</div>
</div>
<!-----------------------------why nri------------->
<!---------------------------------cards--------------------->
</figure>
</div>
</figure>
</div>
</figure>
</div>
</figure>
</div>
</figure>
</div>
</figure>
</div>
</figure>
</div>
</figure>
</div>
</div>
</div>
</div>
<div class="vc_column-inner">
<div class="wpb_wrapper">
</figure>
</div>
</figure>
</div>
</figure>
</div>
</figure>
</div></div></div></div></div></div></div></div></div>
<!-----------------------------image silder--------------------->
<!----------------------------chats box-------------->
<h1> </h1>
<label for="msg"><b>information</b></label>
</form>
</div>
<!-------------------------footer -------------------------------->
<div class="inner">
</div>
<div class="form-group">
</div>
</div>
</div>
</form>
<li>
<ul>
<li>
<a href="">Company</a>
</li>
<li>
<a href="">Clients</a>
</li>
<li>
<a href="">News</a>
</li>
<li>
<a href="">Careers</a>
</li>
</ul>
</li>
<li>
<ul>
<li>
<a href="">DTE</a>
</li>
<li>
<a href="">RGPV</a>
</li>
<li>
</li>
<li>
</li>
<li>
<a href="">Transport</a>
</li>
</ul>
</li>
<li>
<h2 class="ct-footer-list-header"></h2>
<ul>
<li>
<a href="">AICTE</a>
</li>
<li>
<li>
<a href="">Events</a>
</li>
<li>
</li>
<li>
<a href="">scholership</a>
</li>
<li>
<a href="">Hostel</a>
</li>
<li>
</li>
</ul>
</li>
<li>
<h2 class="ct-footer-list-header">About</h2>
<ul>
<li>
<a href="">FAQ</a>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
</li>
</ul>
<div class="row">
</div>
<address>
</address>
</div>
</div>
</div>
<li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
</div>
</div>
</div>
</div>
<ul>
<li>
<a href="">FAQ</a>
</li>
<li>
<a href="">News</a>
</li>
<li>
</li>
</ul>
</div>
<div class="inner-right">
</div>
</div>
</div>
</footer>
</body>
CSS:-
/*---------------------------------information page-----------------*/
*{
box-sizing: border-box;
/* Style inputs */
width: 100%;
padding: 12px;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical;
}
input[type=submit] {
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
input[type=submit]:hover {
background-color: #45a049;
*{
box-sizing: border-box;
.bg-img {
background-image: url("image/three.jpg");
min-height: 380px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
.container {
position: absolute;
right: 0;
margin: 20px;
max-width: 300px;
padding: 16px;
background-color: white;
input[type=text], input[type=password] {
width: 100%;
padding: 15px;
border: none;
background: #f1f1f1;
input[type=text]:focus, input[type=password]:focus {
background-color: #ddd;
outline: none;
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
.btn:hover {
opacity: 1;
INFORMATION PAGE
<script type="text/javascript">
$(document).ready(function() {
$(".testimonial-carousel").slick({
infinite: !0,
slidesToShow: 4,
slidesToScroll: 1,
autoplay: !1,
arrows:true,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: 3
}, {
breakpoint: 992,
settings: {
slidesToShow: 2
}, {
breakpoint: 600,
settings: {
slidesToShow: 1
}]
});
});
</script>
<script type="text/javascript">
function openNav() {
document.getElementById("myNav").style.width = "100%";
/* Close when someone clicks on the "x" symbol inside the overlay */
function closeNav() {
document.getElementById("myNav").style.width = "0%";
</script>
</html>
<div class="container">
<h2>
<ol class="carousel-indicators">
<li class="item2"></li>
<li class="item3"></li>
<li class="item4"></li>
</ol>
<div class="carousel-caption">
<h3></h3>
<p></p>
</div>
</div>
<div class="item">
<div class="carousel-caption">
<h3></h3>
<p></p>
</div>
</div>
<div class="item">
<div class="carousel-caption">
<h3></h3>
<p></p>
</div>
</div>
<div class="item">
<div class="carousel-caption">
<h3></h3>
<p></p>
</div>
</div>
</div>
<span class="sr-only">Previous</span>
</a>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!--------------------infromation from-------------------->
<form action="/action_page.php">
<h2>Registration </h2>
<div class="input-container">
</div>
<div class="input-container">
</div>
<div class="input-container">
</div>
<div class="input-container">
</div>
</form>
GALLERY
<!----------------------garllery----------------------->
<div class="w3-container">
<h3><p>Glorious Moments</p></h3>
onclick="openModal();currentDiv(1)" class="w3-hover-shadow">
</div>
onclick="openModal();currentDiv(2)" class="w3-hover-shadow">
</div>
onclick="openModal();currentDiv(3)" class="w3-hover-shadow">
</div>
</div>
<div class="w3-modal-content">
<div class="w3-display-container">
<p id="caption"></p>
</div>
</div>
</div>
</div>
</div>
<script>
function openModal() {
document.getElementById('myModal').style.display = "block";
}
function closeModal() {
document.getElementById('myModal').style.display = "none";
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
function currentDiv(n) {
showDivs(slideIndex = n);
function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
x[i].style.display = "none";
x[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " w3-opacity-off";
captionText.innerHTML = dots[slideIndex-1].alt;
</script>
CLASSROOM
<!----------------------navbarend------------>
<!-------------------------------silder------------------->
<div class="container">
<div class="row">
<ol class="carousel-indicators">
</ol>
<div class="carousel-inner">
</div>
<div class="item">
</div>
<div class="item">
</div>
</div>
<span class="sr-only">Previous</span>
</a>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
<!-----------silder------------>
<div class="container">
<div class="col-md-10">
<div class="row">
<p> GNM students visit different places under community connect and provide primary health services. Student
actively participates in health awareness programs. Students regularly interact with faculty members, doctors,
and students from medical, dental and management colleges to hone their technical and managerial skills and
are groomed as competent nurses. Apart from giving quality education students are exposed to varied career
options around the globe. Students are updated with latest career trends, standards and possibilities to make
them adapt to global standard</p>
</div>
</div>
</div>
STUDENT APPLY
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<div id="UpdatePanel25">
<div>
<div class="container">
<div class="row">
<div class="col-md-3">
<h5 style="border: 1px solid; background-color: #7D7D7D; color: white; padding: 7px;">
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<label>
Scholar No</label>
</div>
<div class="col-md-3">
<label>
Date</label>
</div>
<label>
Form No</label>
</div>
<div class="col-md-3">
<label>
Session</label>
</select>
</div>
</div>
<!---row----->
<!---------========================================-------------->
<div class="col-md-5">
<label>
Student Name</label>
</div>
<label>
Date Of Birth</label>
<div id="UpdatePanel1">
</div>
</div>
</div>
<!---row----->
<!---------========================================-------------->
<div class="col-md-5">
<label>
Gender</label>
<option value="Male">Male</option>
<option value="Female">Female</option>
</select>
</div>
<div class="offset-md-2 col-md-5">
<label>
Application For</label>
Hostel Fees
Bus Fees
</div>
</div>
<!---row----->
<!---------========================================-------------->
<div class="col-md-5">
<label>
Fathers Name</label>
</div>
<label>
Fathers Mobile</label>
</div>
</div>
<!---row----->
<!---------========================================-------------->
<div class="col-md-5">
<label>
Mothers Name</label>
</div>
<label>
Student Mobile</label>
<span id="CompareValidator1" style="color:Red;visibility:hidden;"> Mob no. of parent and students must not
be same</span>
</div>
</div>
<!---row----->
<!---------========================================-------------->
<div class="col-md-5">
<label>
Course Name</label>
<select name="ddrcourse"
onchange="javascript:setTimeout('__doPostBack(\'ddrcourse\',\'\')', 0)"
id="ddrcourse" disabled="disabled" tabindex="11" class="mybox" style="height:30px;width: 50%;">
<option value="1">B.E.</option>
<option value="2">M.Tech.</option>
<option value="3">MBA-Mgmt</option>
<option value="5">M.E.</option>
<option value="6">MBA</option>
<option value="7">BE</option>
<option value="8">M.B.A.</option>
<option value="9">M.C.A.</option>
<option value="10">M.TECH</option>
<option value="11">B.PHARMA</option>
<option value="12">M.PHARMA</option>
<option value="13">B.E.</option>
<option value="14">M.Tech.</option>
<option value="15">MBA</option>
<option value="16">MCA</option>
<option value="17">M.E.</option>
<option value="18">BE</option>
<option value="19">M.TECH</option>
<option value="20">B.PHARMA</option>
<option value="21">M.PHARMA</option>
<option value="23">MCA</option>
<option value="27">M.B.A.</option>
<option value="28">M.C.A.</option>
<option value="29">Diploma</option>
<option value="31">Diploma</option>
<option value="34">Diploma</option>
<option value="35">MBA-Mgmt</option>
<option value="36">Diploma</option>
<option value="37">BE</option>
<option value="38">MCA</option>
<option value="39">MBA</option>
<option value="40">M.TECH</option>
<option value="41">BE</option>
<option value="42">M.PHARMACY</option>
<option value="43">B.E.</option>
<option value="44">M.TECH.</option>
<option value="45">M.B.A.</option>
<option value="48">M.PHARMACY</option>
<option value="49">M.TECH..</option>
<option value="53">D.PHARMA</option>
<option value="54">D.PHARMA</option>
<option value="55">B.PHARMA</option>
<option value="56">MBA</option>
<option value="57">M.TECH</option>
<option value="58">BBA</option>
<option value="59">B.COM</option>
<option value="60">B.TECH</option>
<option value="61">D.PHARMA</option>
<option value="62">B.Tech.</option>
<option value="64">B.TECH.</option>
<option value="65">B.Tech.</option>
<option value="66">B.Tech.</option>
</select>
<label>
Branch Name</label>
</select>
</div>
</div>
<!---row----->
<!---------========================================-------------->
<div class="col-md-5">
<label>
Address</label>
</div>
<label>
City</label>
<option value="0">Other</option>
<option value="-">-</option>
<option value="AARON">AARON</option>
<option value="achaljamu ">achaljamu </option>
<option value="AGAR">AGAR</option>
<option value="AGRA">AGRA</option>
<option value="AHAMADPUR">AHAMADPUR</option>
<option value="AHIYAPUR">AHIYAPUR</option>
<option value="AHMADPUR">AHMADPUR</option>
<option value="AHMEDABAD">AHMEDABAD</option>
<option value="AJAYGARH">AJAYGARH</option>
<option value="AJMER">AJMER</option>
<option value="AKALONI">AKALONI</option>
<option value="Akaltara">Akaltara</option>
<option value="AKODIA">AKODIA</option>
<option value="ALAPPUZHA">ALAPPUZHA</option>
<option value="ALIGARH">ALIGARH</option>
<option value="ALIPURDUAR">ALIPURDUAR</option>
<option value="ALIRAJPUR">ALIRAJPUR</option>
<option value="ALLAHABAD">ALLAHABAD</option>
<option value="ALMORA">ALMORA</option>
<option value="AMALI">AMALI</option>
<option value="AMARKANTAK">AMARKANTAK</option>
<option value="AMARPATAN">AMARPATAN</option>
<option value="AMARPUR">AMARPUR</option>
<option value="AMARWARA">AMARWARA</option>
<option value="AMBAH">AMBAH</option>
<option value="AMBALA">AMBALA</option>
<option value="ambikapur">ambikapur</option>
<option value="AMETHI">AMETHI</option>
<option value="AMLA">AMLA</option>
<option value="AMLAI">AMLAI</option>
<option value="AMLAR">AMLAR</option>
<option value="AMLOH">AMLOH</option>
<option value="AMLORI">AMLORI</option>
<option value="AMRAVATI">AMRAVATI</option>
<option value="AMRELI">AMRELI</option>
<option value="ANANTNAG">ANANTNAG</option>
<option value="ANAYARA">ANAYARA</option>
<option value="ANDI">ANDI</option>
<option value="ANGARA">ANGARA</option>
<option value="ANGUL">ANGUL</option>
<option value="ANISABAD">ANISABAD</option>
<option value="ANJAD">ANJAD</option>
<option value="ANJAR">ANJAR</option>
<option value="ANKLESHWAR">ANKLESHWAR</option>
<option value="ANPARA">ANPARA</option>
<option value="ANUPPUR">ANUPPUR</option>
<option value="ANWARGANJ">ANWARGANJ</option>
<option value="ARARIA">ARARIA</option>
<option value="ARERAJ">ARERAJ</option>
<option value="ARRAH">ARRAH</option>
<option value="ARWAL">ARWAL</option>
<option value="ASANSOL">ASANSOL</option>
<option value="ASHTA">ASHTA</option>
<option value="ASSAM">ASSAM</option>
<option value="ATAHEDA">ATAHEDA</option>
<option value="ATARRA">ATARRA</option>
<option value="ATHAR">ATHAR</option>
<option value="AUNIHAR">AUNIHAR</option>
<option value="AURAIYA">AURAIYA</option>
<option value="AURENGABAD">AURENGABAD</option>
<option value="AWADHPURI">AWADHPURI</option>
<option value="AWAN">AWAN</option>
<option value="AZAMGARH">AZAMGARH</option>
<option value="B.S.CITY">B.S.CITY</option>
<option value="BABAI">BABAI</option>
<option value="BACHRA">BACHRA</option>
<option value="BACHWADA">BACHWADA</option>
<option value="BADA">BADA</option>
<option value="BADAGAON">BADAGAON</option>
<option value="BADARPUR">BADARPUR</option>
<option value="BADAUN,(UP)">BADAUN,(UP)</option>
<option value="BADLAPUR">BADLAPUR</option>
<option value="BADNAGAR">BADNAGAR</option>
<option value="BAGHMUGALIA">BAGHMUGALIA</option>
<option value="BAGODAR">BAGODAR</option>
<option value="BAHACHHA">BAHACHHA</option>
<option value="bahari">bahari</option>
<option value="BAHERI">BAHERI</option>
<option value="BAHLOLPUR">BAHLOLPUR</option>
<option value="BAHODAPUR">BAHODAPUR</option>
<option value="BAHRAICH">BAHRAICH</option>
<option value="BAIBODI">BAIBODI</option>
<option value="BAIHAR">BAIHAR</option>
<option value="BAIKUNTHPUR">BAIKUNTHPUR</option>
<option value="BAIRAD">BAIRAD</option>
<option value="BAIRAGARH">BAIRAGARH</option>
<option value="BAIRAGI">BAIRAGI</option>
<option value="BAIRO">BAIRO</option>
<option value="BAISHA">BAISHA</option>
<option value="BAKARO">BAKARO</option>
<option value="BALAGHANT">BALAGHANT</option>
<option value="BALAGHAT">BALAGHAT</option>
<option value="BALDEOGARH">BALDEOGARH</option>
<option value="BALHARSHAH">BALHARSHAH</option>
<option value="BALIA">BALIA</option>
<option value="BALLABGARH">BALLABGARH</option>
<option value="BALLIA">BALLIA</option>
<option value="BALRAMPUR">BALRAMPUR</option>
<option value="BALTANA">BALTANA</option>
<option value="BAMORI">BAMORI</option>
<option value="BANAPURA">BANAPURA</option>
<option value="BANARAS">BANARAS</option>
<option value="BANDA">BANDA</option>
<option value="BANDEL">BANDEL</option>
<option value="BANDHANI">BANDHANI</option>
<option value="BANDHI">BANDHI</option>
<option value="BANGALORE">BANGALORE</option>
<option value="BANGAON">BANGAON</option>
<option value="BANGAWAN">BANGAWAN</option>
<option value="BANKA">BANKA</option>
<option value="BANKATA">BANKATA</option>
<option value="BANKATWA">BANKATWA</option>
<option value="BANKHEDI">BANKHEDI</option>
<option value="BANKURA">BANKURA</option>
<option value="BANMANKHI">BANMANKHI</option>
<option value="BANSI">BANSI</option>
<option value="BANSWARA">BANSWARA</option>
<option value="BARA">BARA</option>
<option value="BARABANKI">BARABANKI</option>
<option value="BARADWAR">BARADWAR</option>
<option value="BARAMULLA">BARAMULLA</option>
<option value="BARAON">BARAON</option>
<option value="BARAPATHAR">BARAPATHAR</option>
<option value="BARARA">BARARA</option>
<option value="BARAUNI">BARAUNI</option>
<option value="BAREILLY">BAREILLY</option>
<option value="BARGARH">BARGARH</option>
<option value="BARGHAT">BARGHAT</option>
<option value="BARH">BARH</option>
<option value="BARHI">BARHI</option>
<option value="BARI">BARI</option>
<option value="BARISWAN">BARISWAN</option>
<option value="BARIYARPUR">BARIYARPUR</option>
<option value="BARKHEDI">BARKHEDI</option>
<option value="BARKHERA BAIS">BARKHERA BAIS</option>
<option value="BARMER">BARMER</option>
<option value="BARNAGAR">BARNAGAR</option>
<option value="BAROBISHA">BAROBISHA</option>
<option value="BARODIA">BARODIA</option>
<option value="BAROUNI">BAROUNI</option>
<option value="BARPETA">BARPETA</option>
<option value="BARRACKPORE">BARRACKPORE</option>
<option value="Barri">Barri</option>
<option value="BARWAHA">BARWAHA</option>
<option value="BARWANI">BARWANI</option>
</select>
</div>
</div>
<!---row----->
<!---------========================================-------------->
<div class="col-md-5">
<label>
Pin</label>
</div>
<label>
State</label>
<select name="ddrstate" id="ddrstate" tabindex="16" class="mybox" style="height:30px;width: 50%;">
<option value="--Select--">--Select--</option>
<option value="Assam">Assam</option>
<option value="Bihar">Bihar</option>
<option value="Chandigrah">Chandigrah</option>
<option value="Chhattisgrah">Chhattisgrah</option>
<option value="Delhi">Delhi</option>
<option value="Goa">Goa</option>
<option value="Gujrat">Gujrat</option>
<option value="Haryana">Haryana</option>
<option value="Jharkhand">Jharkhand</option>
<option value="Karnataka">Karnataka</option>
<option value="Kerala">Kerala</option>
<option value="Lakshadeep">Lakshadeep</option>
<option value="Maharashtra">Maharashtra</option>
<option value="Manipur">Manipur</option>
<option value="Meghalaya">Meghalaya</option>
<option value="Mizoram">Mizoram</option>
<option value="Nagaland">Nagaland</option>
<option value="Orissa">Orissa</option>
<option value="Pondicherry">Pondicherry</option>
<option value="Punjab">Punjab</option>
<option value="Rajasthan">Rajasthan</option>
<option value="Sikkim">Sikkim</option>
<option value="Tripura">Tripura</option>
<option value="Uttaranchal">Uttaranchal</option>
</select>
</div>
</div>
<!---row----->
<!---------========================================-------------->
<div class="col-md-5">
<label>
Email Id</label>
</div>
</div>
</div>
<!---row----->
<!---------========================================-------------->
<div class="col-md-4">
Religion</label>
<select name="ddrreligion" id="ddrreligion" tabindex="18" class="mybox" style="height:30px;width: 50%;">
<option value="0">Other</option>
<option value="BUDDHIST">BUDDHIST</option>
<option value="CHRISTIAN">CHRISTIAN</option>
<option value="HINDU">HINDU</option>
<option value="JAIN">JAIN</option>
<option value="MUSLIM">MUSLIM</option>
<option value="Other">Other</option>
<option value="PARSHI">PARSHI</option>
<option value="SIKH">SIKH</option>
</select>
</div>
<div class="col-md-4">
Caste</label>
<option value="0">Other</option>
<option value="0">0</option>
<option value="AAMIR">AAMIR</option>
<option value="ACHARYA">ACHARYA</option>
<option value="ADHRUJ">ADHRUJ</option>
<option value="ADWANI">ADWANI</option>
<option value="AFGANI">AFGANI</option>
<option value="AGARWAL">AGARWAL</option>
<option value="AGNIHOTRI">AGNIHOTRI</option>
<option value="AGNIHOTRY">AGNIHOTRY</option>
<option value="AGRAHARI">AGRAHARI</option>
<option value="AGRAWAL">AGRAWAL</option>
<option value="AHAMED">AHAMED</option>
<option value="ahir">ahir</option>
<option value="AHIRWAR">AHIRWAR</option>
<option value="AHLUWALIA">AHLUWALIA</option>
<option value="AHMAD">AHMAD</option>
<option value="AHSAN">AHSAN</option>
<option value="AHUJA">AHUJA</option>
<option value="AIJAZ">AIJAZ</option>
<option value="AJMERA">AJMERA</option>
<option value="akansha">akansha</option>
<option value="ALAM">ALAM</option>
<option value="ALI">ALI</option>
<option value="AMBADKAR">AMBADKAR</option>
<option value="AMBER">AMBER</option>
<option value="ANAND">ANAND</option>
<option value="ANDREWS">ANDREWS</option>
<option value="ANJUM">ANJUM</option>
<option value="ANSARI">ANSARI</option>
<option value="ANWAR">ANWAR</option>
</select>
</div>
<div class="col-md-4">
Catagory</label>
<select name="ddrcatagory" id="ddrcatagory" tabindex="20" class="mybox" style="height:30px;width: 50%;">
<option value="0">--Select--</option>
<option value="GEN">GEN</option>
<option value="OBC">OBC</option>
<option value="SC">SC</option>
<option value="ST">ST</option>
<option value="UR">UR</option>
</select>
</div>
</div>
<!---row----->
<!-----------================================-------->
<div class="col-md-12">
<label>
Remarks</label>
</div>
</div>
<!-----row------->
<!--------==========================--------------->
</div>
</div>
<!--row--->
</div>
CONTACT
<!----------------------------form------------------>
<div class="container">
<div style="text-align:center">
<h2></h2>
<p></p>
</div>
<div class="row">
<div class="column">
</div>
<div class="column">
<form action="/action_page.php">
<label for="country">Country</label>
<option value="australia">Australia</option>
<option value="canada">Canada</option>
<option value="usa">USA</option>
</select>
<label for="subject">Subject</label>
</form>
</div>
</div>
</div>
<!-------------------cards--------------->
<h2 class="h3 pb-5 font-weight-normal">Sign up today for to start your entertainment journey</h2>
<div class="icon">
</div>
<span class="text-bold">/month</span>
</div>
</div>
</ul>
</div>
</div>
<div class="icon">
</div>
<span class="text-bold">/month</span>
</div>
</div>
</li>
<li></li>
<li></li>
</ul>
</div>
</div>
<div class="icon">
</div>
<span class="text-bold">/month</span>
</div>
</div>
</li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<div class="icon">
</div>
<span class="text-bold">/month</span>
</div>
</div>
CSS
body {
*{
box-sizing: border-box;
/* Style inputs */
width: 100%;
padding: 12px;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical;
input[type=submit] {
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
input[type=submit]:hover {
background-color: #45a049;
}
/* Style the container/contact section */
.container {
border-radius: 5px;
background-color: #f2f2f2;
padding: 10px;
.column {
float: left;
width: 50%;
margin-top: 6px;
padding: 20px;
.row:after {
content: "";
display: table;
clear: both;
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each
other instead of next to each other */
.column, input[type=submit] {
width: 100%;
margin-top: 0;
GROUP INSTITUTES
</a>
Technology</a>
<div class="dropdown-divider"></div>
</div>
</li>
<!------------------navbar close-------------------->
<body>
<p>NRI Group of Institutes pioneered campus placements in Central India by bringing corporates for the
students of its first batch in 2000. The Group carved a niche for itself in the corporate world, and since then, has
become a pioneer in campus placements. Some of the world's Top IT firms and Fortune 500 companies have
made NRI GROUP as their nodal centre for campus selection activity in Central India. Not to mention, these
companies offer lucrative packages to our students. </p></div>
</div>
<div class="item">
</div>
</div>
</div>
</div>
</div>
</section>
<!---------------------para-------------------->
<ul class="square">
<li>TCS has accredited NRI GROUP OF Institute Science & TECNOLOGY(NIST) as level "B" College</li>
<li> Completed 25 glorious years of quality education and leadership in placement of students.</li>
<li> Affiliated to Rajiv Gandhi Proudyogiki Vishwavidyalay (RGPV) and approved by All India Council for
Technical Education (AICTE)</li>
<li> Large pool of Talented students in Single campus (preferred by meritorious students for admission) and
good number of students qualify GATE</li>
<li>One of the Oldest self-financed Engineering Institute of Central India(Madhya Pradesh & Chhattisgarh),
established in the year 1995</li>
<li>Regularly ranked among the Top 100 Technical Institutes of the country by leading magazines</li>
<li>Our infrastructure has attracted Bollywood also, movies like Aarakashan, Rajneeti and several TV Serials
are shot here.</li>
<li>Only institute in central India to have Computer-Aided Design (CAD) lab of 90 high end work-stations and
secured systems to support research and innovations </li>
</ul>
</div></div></section>
</li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!--------------------cards end--------------------->
SIGN UP
<?php
error_reporting(0);
?>
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
input[type=text], input[type=password] {
width: 100%;
padding: 15px;
display: inline-block;
border: none;
background: #f1f1f1;
input[type=text]:focus, input[type=password]:focus {
background-color: #ddd;
outline: none;
button {
background-color: #4CAF50;
color: white;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
button:hover {
opacity:1;
}
/* Extra styles for the cancel button */
.cancelbtn {
background-color: #f44336;
.cancelbtn, .signupbtn {
float: left;
width: 50%;
.container {
padding: 16px;
.modal {
left: 0;
top: 0;
background-color: #474e5d;
padding-top: 50px;
/* Modal Content/Box */
.modal-content {
background-color: #fefefe;
margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
hr {
margin-bottom: 25px;
.close {
position: absolute;
right: 35px;
top: 15px;
font-size: 40px;
font-weight: bold;
color: #f1f1f1;
.close:hover,
.close:focus {
color: #f44336;
cursor: pointer;
/* Clear floats */
.clearfix::after {
content: "";
clear: both;
display: table;
}
/* Change styles for cancel button and signup button on extra small screens */
.cancelbtn, .signupbtn {
width: 100%;
</style>
</head>
<body>
<div class="container">
<h1>Sign Up</h1>
<hr>
<label for="email"><b>Name</b></label>
<label for="email"><b>Number</b></label>
<label for="email"><b>Email</b></label>
<label for="psw"><b>Password</b></label>
<label>
</label>
<p>By creating an account you agree to our <a href="#" style="color:dodgerblue">Terms & Privacy</a>.</p>
<div class="clearfix">
</div>
</div>
</form>
</div>
<script>
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}}
</script>
<?php
$servername ="localhost";
$username ="root";
$password ="";
//check connection
if ($conn->connect_error){
die("connection failed:".$conn->connect_error);
if ($conn->query($xyz1)===TRUE){
$conn->close();
?>
<?php
$servername ="localhost";
$username ="root";
$password ="";
$database ="MyDataBase2";
//check connection
if ($conn->connect_error){
die("connection failed:".$conn->connect_error);
//create table
)";
}else{
$conn->close();
?>
<?php
$servername ="localhost";
$username ="root";
$password ="";
$database ="MyDataBase2";
//check connection
if ($conn->connect_error){
die("connection failed:".$conn->connect_error);
$f=$_POST["name"];
$g=$_POST["number"];
$c=$_POST["email"];
$d=$_POST["psw"];
$e=$_POST["psw-repeat"];
}else{
$conn->close();
?>
</body>
</html>
LOGIN
<!DOCTYPE html>
<html>
<head>
<!-------------- js file-------------->
<style>
body, html {
height: 100%;
*{
box-sizing: border-box;
.bg-img {
background-image: url("image/three.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
.container {
position: absolute;
right: 0;
margin: 20px;
max-width: 300px;
padding: 16px;
background-color: white;
input[type=text], input[type=password] {
width: 100%;
padding: 15px;
border: none;
background: #f1f1f1;
input[type=text]:focus, input[type=password]:focus {
background-color: #ddd;
outline: none;
}
/* Set a style for the submit button */
.btn {
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
.btn:hover {
opacity: 1;
</style>
</head>
<!-----------------------------navbar----------------->
<span class="navbar-toggler-icon"></span>
</button>
</li>
<li class="nav-item">
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
GROUP INSTITUTES
</a>
Technology</a>
</div>
</li>
<li class="nav-item">
</li>
</ul>
<ul>
</ul>
</ul>
</form>
</div>
</nav>
<!----------------------navbarend------------>
<body>
<div class="bg-img">
<h1>Login</h1>
<label for="email"><b>Email</b></label>
<label for="psw"><b>Password</b></label>
</form>
</div>
</body>
</html>
SCREENSHOT