Home Page: BCSL 057 Web Programming Lab Phone No. 9811854308

You might also like

Download as pdf or txt
Download as pdf or txt
You are on page 1of 11

BCSL 057

Web Programming Lab Phone no. 9811854308 www.ignouassignmentguru.com

HOME PAGE

<html>
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<title> IGNOU </title>
</head>
<body bgcolor=”aqua”>
<div class="s">
<div class="s1">
<div class="t1">Indra Gandhi National Open University</div>
<div class="t2">The people's University</div>
<div class="s11">
<img src="ign.jpg" height="75%" width="95%">
</div>
</div>
<div class="s2">
<ul>
<li><a class="active"
href="main.html">Home</a></li><br>
<li><a href="registration.html">Re-
registration</a></li><br>
<li><a href="status.html">Status-Check</a></li><br>
<li><a href="help.html">Help?</a></li><br>
</ul>
</div>
<div class="s3">
<center><p class="t3"> Steps for Re-registration </p>
</center>
<p >
<ol type="1" class="t4">

Page 1 of 11
BCSL 057
Web Programming Lab Phone no. 9811854308 www.ignouassignmentguru.com

<li> Click on "LOGIN" button from the homepage of Online Re-registration system and then
login with your UserName (Enrolment Number) and password by clicking the "LOGIN"
button given on the login screen.</li> <br>
<li> Fill course details i.e. selection of the optional/Elective Courses from available groups
</li> <br>
<li> Save your selections and click on next button, confirm your details and check the self
declaration box and click on "Accept & Proceed Payment" button. </li> <br>
<ol type="i"><li> Payment by Debit/Credit Card (Master/Visa/Rupay): You have to select
Debit/Credit Card option to pay the programme fee and follow the online instruction to
complete the payment of fee. After successful payment, you will be able to print/save the
payment confirmation slip. </li>
<li> Pay your Re-registration fee through debit/credit card (Master/Visa/Rupay) and Net
banking :-
<li> Payment by Net banking: If you have net banking account select this option. You will be
redirected to your bank website. </li>
<li> Payment by ATM Card </li>
</ol> </li> </ol> </p>
<p class="t5"> Once you have made the payment and click the "NEXT" button you will get
the Form Preview option. Save/Print your form for future reference.</p>
</div>
<div class="s4">
<center> <p class="t6"> &#9400; Indra Gandhi National Open University Re-registration
Web Link </p> </center> </div> </div>
</body>
</html>

Re-registration

<html>
<head>
<link rel="stylesheet" type="text/css" href="theme.css">

Page 2 of 11
BCSL 057
Web Programming Lab Phone no. 9811854308 www.ignouassignmentguru.com

<link rel="stylesheet" type="text/css" href="theme1.css">


<title> IGNOU </title>
</head>
<body >
<div class="s">
<div class="s1">
<div class="t1">Indra Gandhi National Open University</div>
<div class="t2">The people's University</div>
<div class="s11">
<img src="ign.jpg" height="75%" width="95%">
</div> </div>
<div class="s2">
<ul>
<li><a href="main.html">Home</a></li><br>
<li><a class="active" href="registration.html">Re-registration</a></li><br>
<li><a href="status.html">Status-Check</a></li><br>
<li><a href="help.html">Help?</a></li><br> </ul> </div>
<div class="s3">
<center><form class="r1">
<p class="f1"> Select your Programme
<select class="f2" required>

<option value="">--Select--</option> </option><option value="BBARL">BBARL</option><option


value="BBARS">BBARS</option><option value="BBARSDL">BBARSDL</option><option
value="BCA">BCA</option><option value="BCOM">BCOM</option><option
value="BCOMAF">BCOMAF</option><option value="BCOMCAA">BCOMCAA</option><option
value="BCOMFCA">BCOMFCA</option><option value="BCSSI">BCSSI</option><option
value="BED">BED</option><option value="BEDSE">BEDSE</option
</select></p>
<p class="f1"> Entere your Enrolment no. : <input type="text" name="enrolment" class="f1"
id=”numb”> </p>
<input type="submit" value="Submit" onClick=”myFunction()” > </form> </center>
</div>
<div class="s4">
<center> <p class="t6"> &#9400; Indra Gandhi National Open University Re-registration Web Link
</p> </center> </div> </div>
</body>
</html>
Status – check

Page 3 of 11
BCSL 057
Web Programming Lab Phone no. 9811854308 www.ignouassignmentguru.com

<html>
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="theme1.css">
<title> IGNOU </title>
</head>
<body >
<div class="s">
<div class="s1">
<div class="t1">Indra Gandhi National Open University</div>
<div class="t2">The people's University</div>
<div class="s11">
<img src="ign.jpg" height="75%" width="95%">
</div>
</div>
<div class="s2">
<ul>
<li><a href="main.html">Home</a></li><br>
<li><a href="registration.html">Re-registration</a></li><br>
<li><a class="active" href="status.html">Status-Check</a></li><br>
<li><a href="help.html">Help?</a></li><br>
</ul>
</div>

<div class="s3">
<center><form class="r1">

Page 4 of 11
BCSL 057
Web Programming Lab Phone no. 9811854308 www.ignouassignmentguru.com

<p class="f1"> Entere your Enrolment no. : <input type="text" name="enrolment" class="f1"
id=”numb”> </p>
<input type="submit" value="Display" onclick=”myFunction()”> </form> </center>
</div>
<div class="s4">
<center> <p class="t6"> &#9400; Indra Gandhi National Open University Re-registration Web Link
</p> </center>
</div>
</div>
</body>
</html>
HELP PAGE

<html>
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="theme1.css">
<title> IGNOU </title>
</head>
<body>
<div class="s">
<div class="s1">
<div class="t1">Indra Gandhi National Open University</div>
<div class="t2">The people's University</div>
<div class="s11">
<img src="ign.jpg" height="75%" width="95%">
</div> </div>
<div class="s2">

Page 5 of 11
BCSL 057
Web Programming Lab Phone no. 9811854308 www.ignouassignmentguru.com

<ul>
<li><a href="main.html">Home</a></li><br>
<li><a href="registration.html">Re-registration</a></li><br>
<li><a href="status.html">Status-Check</a></li><br>
<li><a class="active" href="help.html">Help?</a></li><br>
</ul> </div>
<div class="s3">
<div class="hh1">
<img src="loc.jpg" height="15%" width="20%">
<div class="hh2">
<p>IGNOU Residential Campus Road, Maidan Garhi, Maidan Garhi, Chhattarpur, New Delhi, Delhi
110068 </p> </div> </div>
<div class="hh3">
<img src="call.jpg" height="10%" width="20%"> </div>
<div class="hh4">
<p> 011 2953 2741 </p> </div>
<div class="hh5">
<a
href="https://www.google.com/maps/place/Indira+Gandhi+National+Open+University/@28.50248
34,77.1287515,12z/data=!4m12!1m6!3m5!1s0x390ce1de5ee6fbed:0x17e4392a594a1e19!2sIndira
+Gandhi+National+Open+University!8m2!3d28.5024727!4d77.1987716!3m4!1s0x390ce1de5ee6fb
ed:0x17e4392a594a1e19!8m2!3d28.5024727!4d77.1987716"> <img src="map.jpg" height="68%"
width="125%"> </a> </div> </div>
<div class="s4"> <center> <p class="t6"> &#9400; Indra Gandhi National Open University Re-
registration Web Link </p> </center>
</div> </div>
</body>
</html>

1st CSS theme.css

head{
margin : 0px ; }

body{
margin : 0px ; }

.s{
position : relative;
top: 0;

Page 6 of 11
BCSL 057
Web Programming Lab Phone no. 9811854308 www.ignouassignmentguru.com

width: 100%;
height: 100%; }

.s1{
position : Absolute;
top: 0;
right: 0;
width: 100%;
height: 20%;
border-bottom : 2px;
border-bottom-style : solid;
border-bottom-color : #0099ff ; }

.t1{
position : absolute;
font-size : 50px;
top : 15px;
left : 20px; }

.t2{
font-size : 25px;
position : absolute;
top : 75px;
left : 750px; }

.s11{
position : absolute;
left : 1060px;
top : 10px; }

.s2{
position : Absolute ;
top: 140px;
right: 300px;
left : 0;
width: 20%;
height: 72%;
font-size : 15px;
border-right : 2px ;
border-right-style : dotted;
border-right-color : #0099ff ; }

Page 7 of 11
BCSL 057
Web Programming Lab Phone no. 9811854308 www.ignouassignmentguru.com

ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 265px; }

li a {
display: block;
color: #000;
padding: 8px 16px;
text-decoration: none; }

li a.active {
background-color: #33adff;
color: white; }

li a:hover:not(.active) {
background-color: #555;
color: white; }

.s3{
position : Absolute;
top: 114.3px;
right: 0;
width: 80%;
height: 72%; }

.t3{
font-size : 35px;
font-family : Arial; }

.t4{
font-size : 15px;
font-family : Arial; }

.t5{
position : Absolute;
left : 10px;
font-size : 17px; }

Page 8 of 11
BCSL 057
Web Programming Lab Phone no. 9811854308 www.ignouassignmentguru.com

.s4{
position : Absolute;
bottom : 0px;
width: 100%;
height: 8%;
background-color : #005c99; }

.t6{
position : Absolute;;
left : 300px ;
bottom : -15px;
font-size : 25px;
color : white;
font-family : calabri ; }
2Nd CSS theme1.css
.hh1{
position : absolute;
top : 50px;
left : 40px; }

.hh2{
width : 180%;
position : absolute;
top : -20px;
left : 60px;
font-family : calibri;
font-size : 20px ; }

.hh3{
position : absolute;
top : 50px;
left : 600px; }

.hh4{
width : 180%;
position : absolute;
top : 40px;
left : 665px;
font-family : calibri;

Page 9 of 11
BCSL 057
Web Programming Lab Phone no. 9811854308 www.ignouassignmentguru.com

font-size : 20px ; }

.hh5{
position : absolute;
top : 140px;
left : 35px ; }

.r1{
position : absolute;
top : 20%;
left : 10%; }

.f1{
font-size : 20px;
font-style : calibri; }

.f2{
font-size : 15px;
font-style : calibri; }

input[type=text], select {
width: 60%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box; }

input[type=submit] {
width: 20%;
height:5%;
padding: 8px 20px;
margin: 8px 0px 0px 600px;
border: none;
background-color: white;
color:blue;
border:1px solid;
border-color:#33adff;
cursor: pointer; }

Page 10 of 11
BCSL 057
Web Programming Lab Phone no. 9811854308 www.ignouassignmentguru.com

input[type=submit]:hover {
background-color: #33adff;
color:white; }

Page 11 of 11

You might also like