105

Roll No :
Exam Seat No :
INDEX HTML FILE

__________________________________________________________________________________________________
<html>
<head>
<title>
Cloudy | Infotech 'Once Join With Us, No Need To See Back'
</title>
<link href="style/menu.css" type="text/css" rel="stylesheet" />

</head>
<body>
<div class="menu">
<ul>
<li><a href="C:\Users\Bhargav\Desktop\Project\home.html"><b>Home</b></a></li>
<li><a href="C:\Users\Bhargav\Desktop\Project\courses.html"><b>Courses</b></a></li>
<li><a href="C:\Users\Bhargav\Desktop\Project\Feedback.html"><b>Feedback</b></a></li>
<li><a href="C:\Users\Bhargav\Desktop\Project\contact.html"><b>Contect Us</b></a></li>
<li style="border-right:none; "><a href="C:\Users\Bhargav\Desktop\Project\about.html"><b>About Us</b></a></li>
<li class="login" style="margin-left: 100px"><a

href="C:\Users\Bhargav\Desktop\Project\login.html"><b>LOGIN</b></a></li>
<li class="login" style="border-right:none"><a
href="C:\Users\Bhargav\Desktop\Project\register.html"><b>REGISTRATION</b></a></li>
</ul>
</div>
<div class="slide">
<img src="image/slide.jpg" width="100%" />
</div>
<div class="course">
<p style="text-align:justify;">The main components of web design are the various skills and disciplines that are required
in crafting a great website. Website designing is made up of a methodology to plan, create, upload and update information
for a website. When you talk about the major crucial abilities that are inevitable for web designing training are complete
knowledge about the website’s architecture, structure, user interface, layout, colors, contrasts, fonts and imagery as well
as icon design.<br/> <br/>
<b style="font-size:22px;">1. Presentation</b>
<p> This would deal with the making the website exteriors in a professional way. The website will be able to replicate all
the information required by the user be it a customer or an employee. The website would have demographics that attract
the user and help him to stick with the website for a longer time.</p>
<b style="font-size:20px;">2. Functionality</b>
<p>our institute will help the student to build a website that would have all the purposes that work correctly and in a
timely manner with less loading time. The website will also have fewer scrolls which mean everything will be seen on the
first page itself so the user does not have to go at various places to get a particular information.</p>
pg. 1 ak
Roll No :
Exam Seat No :
<b style="font-size:20px;">3. Website Usability</b>
<p>Through web design training in Surat, the student will be able to create a website that is legible, navigatable and
understandable. The website would be able to use a domain that is safer for the user to fight against information hacking
which can be a very important feature for websites related to medicine or defense.</p>
<p>The other point that will be touched upon is also how to incorporate these features of the website in any device be it
laptop, mobile, or a tablet. The sky is the limit of your success if you are a web designer seeing the current marketing
trends. Red and white multimedia education will help you to garner to these challenges with start to finish courses
concerning the field of web designing. Red and White is one of the leading education institute in Surat teaching online site
creation since the last ten years through experienced and talented faculty staff which yearn to provide the information in
the simplest and most innovative way. We believe in translating education to the students in a way that can make them
great web developers of the future</p>
</div>
<div class="footer">
<div class="foot">
<h3>Carrer Courses</h3>
<ul class="footlink">
<li>ANDROID</li>
<li>WORDPRESS</li>
<li>CODIGNATOR</li>
<li>IOS</li>
<li>PHP</li>
<li>ASP</li>
</ul>
</div>
<div class="foot">
<h3>Information</h3>
<li><a href="C:\Users\Bhargav\Desktop\Project\home.html">HOME</a></li>
<li><a href="C:\Users\Bhargav\Desktop\Project\courses.html">COURSES</a></li>
<li><a href="C:\Users\Bhargav\Desktop\Project\Feedback.html">FEEDBACK</a></li>
<li><a href="C:\Users\Bhargav\Desktop\Project\contact.html">CONTACT US</a></li>
<li><a href="C:\Users\Bhargav\Desktop\Project\about.html">ABOUT US</a></li>
</ul>
</div>
<div class="foot">
<h3>Contact Detail</h3>
<li>info@cloudyinfotech.com</li>
<li>+91 973 7673 237</li>
<li>+91 958 6719 950</li>
<li>+91 740 5110 651</li>
</ul>
</div>
<div class="foot">
pg. 2 ak
Roll No :
Exam Seat No :
<h3>Connect With US</h3>

<li style="text-align:justify; list-style: none;">A-201 / Cloudy Infotech, Square Point, Mota Varachha, Surat - 304101
</li>
</ul>
<h3>Be Recruiter</h3>
<li><a href="C:\Users\Bhargav\Desktop\Project\login.html">LOGIN</a></li>
<li><a href="C:\Users\Bhargav\Desktop\Project\login.html">REGISTRATION</a></li>
</ul>
</div>
</div>
</body>
</html>
HOME HTML FILE

_______________________________________________________________________________
<html>
<head>
<title>
</title>
</head>
<body>
<div class="menu">
<ul>
<li><a
href="C:\Users\Bhargav\Desktop\Project\home.html"><b>Home</b></a></li>
<li class="login" style="margin-left: 100px">
<a href="C:\Users\Bhargav\Desktop\Project\login.html"><b>LOGIN</b></a></li>
</ul>
</div>
<div class="slide">
</div>
<div class="course">
<p style="text-align:justify;">The main components of web design are the various skills
and disciplines that are required in crafting a great website. Website designing is made up of a methodology to plan,
create, upload and update information for a website. When you talk about the major crucial abilities that are inevitable for
pg. 3 ak
Roll No :
Exam Seat No :
web designing training are complete knowledge about the website’s architecture, structure, user interface, layout, colors,
contrasts, fonts and imagery as well as icon design.<br/> <br/>
<b style="font-size:22px;">1. Presentation</b>
<p> This would deal with the making the website exteriors in a professional way. The website
will be able to replicate all the information required by the user be it a customer or an employee. The website would have
demographics that attract the user and help him to stick with the website for a longer time.</p>
<b style="font-size:20px;">2. Functionality</b>
<p>our institute will help the student to build a website that would have all the purposes that
work correctly and in a timely manner with less loading time. The website will also have fewer scrolls which mean
everything will be seen on the first page itself so the user does not have to go at various places to get a particular
information.</p>
<b style="font-size:20px;">3. Website Usability</b>
<p>Through web design training in Surat, the student will be able to create a website that is
legible, navigatable and understandable. The website would be able to use a domain that is safer for the user to fight
against information hacking which can be a very important feature for websites related to medicine or defense.</p>
<p>The other point that will be touched upon is also how to incorporate these features of the
website in any device be it laptop, mobile, or a tablet. The sky is the limit of your success if you are a web designer seeing
the current marketing trends. Red and white multimedia education will help you to garner to these challenges with start to
finish courses concerning the field of web designing. Red and White is one of the leading education institute in Surat
teaching online site creation since the last ten years through experienced and talented faculty staff which yearn to provide
the information in the simplest and most innovative way. We believe in translating education to the students in a way that
can make them great web developers of the future</p>
</div>
<div class="foot">
<li>ANDROID</li>
<li>WORDPRESS</li>
<li>CODIGNATOR</li>
<li>IOS</li>
<li>PHP</li>
<li>ASP</li>
</ul>
</div>
<div class="foot">
<li><a
href="C:\Users\Bhargav\Desktop\Project\home.html">HOME</a></li>
<li><a href="C:\Users\Bhargav\Desktop\Project\courses.html">COURSES</a></li><li><a
href="C:\Users\Bhargav\Desktop\Project\Feedback.html">FEEDBACK</a></li>
</ul>
</div>
<div class="foot">
pg. 4 ak
Roll No :
Exam Seat No :
<h3>Contact Detail</h3> <ul class="footlink">

<li>+91 973 7673 237</li>
<li>+91 958 6719 950</li>
<li>+91 740 5110 651</li>
</ul>
</div>
<div class="foot">
<li style="text-align:justify; list-style: none;">A-201 / Cloudy
Infotech, Square Point, Mota Varachha, Surat - 304101 </li>
</ul>
<li><a href="C:\Users\Bhargav\Desktop\Project\login.html">REGISTRATION</a></li></ul>
</div></div>
</body>
</html>
COURSE HTML FILE

_______________________________________________________________________________
<html>
<head>
<title>
</title>
</head>
<body>
<div class="menu">
<ul>
<li><ahref="C:\Users\Bhargav\Desktop\Project\home.html"><b>Home</b></a></li>
<li style="border-right:none; "><a
href="C:\Users\Bhargav\Desktop\Project\about.html"><b>About Us</b></a></li>
</ul>
</div>
<div class="slide">
pg. 5 ak
Roll No :
Exam Seat No :

</div>
<div class="cmain">
<div class="d1" style="border-left: none;">
<center style="margin-top: 80px;">
ANDROID
</center>
</div>
<div class="d1">
WORDPRESS
</center>
</div>
<div class="d1">
IOS
</center>
</div>
<div class="d1">
PHP
</center>
</div>
</div>
<div class="foot">
<li>ANDROID</li>
<li>WORDPRESS</li>
<li>CODIGNATOR</li>
<li>IOS</li>
<li>PHP</li>
<li>ASP</li>
</ul>
</div>
<div class="foot">
<li><ahref="C:\Users\Bhargav\Desktop\Project\home.html">HOME</a></li>
</ul>
pg. 6 ak
Roll No :
Exam Seat No :
</div>
<div class="foot">
<li>+91 973 7673 237</li>
<li>+91 958 6719 950</li>
<li>+91 740 5110 651</li>
</ul>
</div>
<div class="foot">
</ul>
<li><ahref="C:\Users\Bhargav\Desktop\Project\login.html">LOGIN</a></li>
</ul>
</div></div>
</body>
</html>
FEEDBACK HTML FILE

_______________________________________________________________________________
<html>
<head>
<title>
</title>
</head>
<body>
<div class="menu">
<ul>
pg. 7 ak
Roll No :
Exam Seat No :

</ul>
</div>
<div class="slide">
</div>
<div class="cmain">
<div class="d1" style="border-left: none;">
ANDROID
</center>
</div>
<div class="d1">
WORDPRESS
</center>
</div>
<div class="d1">
IOS
</center>
</div>
<div class="d1">
PHP
</center>
</div>
</div>
<div class="foot">
<li>ANDROID</li>
<li>WORDPRESS</li>
<li>CODIGNATOR</li>
<li>IOS</li>
<li>PHP</li>
<li>ASP</li>
</ul>
</div>
<div class="foot">
pg. 8 ak
Roll No :
Exam Seat No :

</ul>
</div>
<div class="foot">
<li>+91 973 7673 237</li>
<li>+91 958 6719 950</li>
<li>+91 740 5110 651</li>
</ul>
</div>
<div class="foot">
</ul>
<li><a
href="C:\Users\Bhargav\Desktop\Project\login.html">LOGIN</a></li>
<li><a
href="C:\Users\Bhargav\Desktop\Project\login.html">REGISTRATION</a></li>
</ul></div>
</div> </body>
</html>
CONTACT HTML FILE
<html>
<head>
<title>
</title>
</head>
<body>
<div class="menu">
<ul><li><a href="C:\Users\Bhargav\Desktop\Project\home.html"><b>Home</b></a></li><li><a
href="C:\Users\Bhargav\Desktop\Project\courses.html"><b>Courses</b></a></li>
pg. 9 ak
Roll No :
Exam Seat No :

</ul>
</div>
<div class="slide">
<img src="image/contact.jpg" width="100%" />
</div>
<div class="abo">
<h1 style="text-indent: 66px; color: #c03;"><center>Get In Touch With
US</center></h1>
<pre style="font-size: 15px;">
<b>Head Office</b>
A-201 / Cloudy Infotech, Square Point, Mota Varachha, Surat - 304101
<b>Phone</b>
+91 973 7673 237
+91 958 6719 950
+91 740 5110 651
<b>Email</b>
info@cloudyinfotech.com
<b>Office Hours</b>
08:00AM to 9:00PM (Monday to Friday)
08:00AM to 7:00PM (Saturday)
</pre>
</div>
<div class="foot">
<li>ANDROID</li>
<li>WORDPRESS</li>
<li>CODIGNATOR</li>
<li>IOS</li>
<li>PHP</li>
<li>ASP</li>
</ul>
</div>
<div class="foot">
<li><a
href="C:\Users\Bhargav\Desktop\Project\home.html">HOME</a></li> <li><a
href="C:\Users\Bhargav\Desktop\Project\courses.html">COURSES</a></li>
pg. 10 ak
Roll No :
Exam Seat No :
</ul>
</div>
<div class="foot">
<li>+91 973 7673 237</li>
<li>+91 958 6719 950</li>
<li>+91 740 5110 651</li>
</ul>
</div>
<div class="foot">
<li style="text-align:justify; list-style: none;">A-201 / Cloudy Infotech,

Square Point, Mota Varachha, Surat - 304101 </li>
</ul>
</ul></div></div>
</body>
</html>
CONTACT HTML FILE

_______________________________________________________________________________
<html>
<head>
<title>
</title>
</head>
<body>
<div class="menu">
<ul>
pg. 11 ak
Roll No :
Exam Seat No :

</ul>
</div>
<div class="slide"><img src="image/contact.jpg" width="100%" />
</div>
<div class="abo">
<h1 style="text-indent: 66px; color: #c03;"><center>Get In Touch With
US</center></h1>
<pre style="font-size: 15px;">
<b>Head Office</b>
A-201 / Cloudy Infotech, Square Point, Mota Varachha, Surat - 304101
<b>Phone</b>
+91 973 7673 237
+91 958 6719 950
+91 740 5110 651
<b>Email</b>
info@cloudyinfotech.com
<b>Office Hours</b>
08:00AM to 9:00PM (Monday to Friday)
08:00AM to 7:00PM (Saturday)
</pre>
</div>
<div class="foot">
<li>ANDROID</li>
<li>WORDPRESS</li>
<li>CODIGNATOR</li>
<li>IOS</li>
<li>PHP</li>
<li>ASP</li>
</ul>
</div>
<div class="foot">
</ul>
</div>
<div class="foot">
pg. 12 ak
Roll No :
Exam Seat No :
<li>+91 973 7673 237</li>
<li>+91 958 6719 950</li>
<li>+91 740 5110 651</li>
</ul>
</div>
<div class="foot">
</ul>
</ul></div></div>
</body>
</html>
ABOUT HTML FILE

_______________________________________________________________________________
<html>
<head>
<title>
</title>
</head>
<body>
<div class="menu">
<ul>
</ul>
pg. 13 ak
Roll No :
Exam Seat No :
</div>
<div class="slide">
<img src="image/about.jpg" width="100%" />
</div>
<div class="abo">
<h1 style="text-indent: 66px; color:#c03;"><center>About-Us</center></h1>
<pre><b style="word-spacing:4px; font-size:22px; text-indent: 100px;">
Welcome to cloudy-infotech </b></pre>
<p>Cloudy Infotech Multimedia Education is an ISO 9001:2008 certified firm
that offers certified courses. Cloudy Infotech Multimedia Education established in 2008. Cloudy Infotech has successfully
trained students more than 5000+ through its wide network of education centers located in 3 areas of Surat and may be
expanding in future.</p>
<p>Cloudy Infotech Multimedia Education provides development services in
various technologies like ASP.Net, VB.Net, C#.Net, MS SQL Server, PHP, HTML5, XHTML, CSS3, Ajax, JQuery &
Open Source framework like WordPress , CodeIgniter, etc. and Mobile application design for I-Phone, Android, Windows
& BlackBerry and also Mobile application development for Android. Cloudy Infotech Multimedia Education also
provides Professional Training Programs- Short term & Long-term learning tools for Mechanical, architectural & Civil.
Cloudy Infotech Multimedia Education also provides training in animation field like Video editing, 2D-3D Animation,
etc.</p>
<p>Cloudy Infotech Multimedia Education are a professional web and software

development Institute as well as offshore development firm based in Surat, India. Our software development Institute in
surat with focus on .Net, PHP, Java, Web Design, Video Editing , Animation ,CAD( Mech. / Civil ) training , 3Ds Max,
etc. We provides Training and Software Development services. We offers Live Project training or Internship to the
students of IT stream like B.E. IT, BE Comp, MCA, BCA, Diploma students, B.Sc.IT, M.Sc.IT. Our strong roots in
software industry ensure that you will work on Live Projects of software development, web development and
integration.</p>
<p>We are inviting Final year student of IT stream for project training. The
candidate will have most of the chances that they will be recruited as our employee after completion of their training
period. Student will also work on live project of our offshore clients.</p>
<p>You will be working on International Live Projects and will be able to
complete in desired timeline with help of our experienced team members. Project will be completed under experts
supervision of project managers in the Institute. Students of IT /Comp. /Mech. /Civil Colleges from Gujarat (Surat,
Valsad, Bardoli, Navsari,Kosamba,Vyara,Bharuch,Ankleshvar, etc..) can join us.
</p>
</div>
<div class="foot">
<li>ANDROID</li>
<li>WORDPRESS</li>
<li>CODIGNATOR</li>
<li>IOS</li>
<li>PHP</li>
<li>ASP</li>
</ul>
pg. 14 ak
Roll No :
Exam Seat No :
</div>
<div class="foot">
</ul>
</div>
<div class="foot">
<li>+91 973 7673 237</li>
<li>+91 958 6719 950</li>
<li>+91 740 5110 651</li>
</ul>
</div>
<div class="foot">
</ul>
</ul></div></div>
</body>
</html>
LOGIN HTML FILE
<html>
<head>
<title>First Page</title>
<link href="style/basic.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="script/first.js"></script>
</head>
<body>
<form method="post" action="" name="first" onsubmit="return firstfrm();">
<div class="hello">
<img src="image/pic4.png" class="img">
pg. 15 ak
Roll No :
Exam Seat No :
<h1>Login Here</h1>
<p></b>
<input class="txt" type="text" value="" placeholder="User Name" name="utxt">
<br/> <br/>
<input class="pas" type="password" value="" placeholder="Password" name="pas"
maxlength="10"></p>
<button class="sub" type="submit">SUBMIT</button></br>
<br/><a class="for" href=""><b>Forget Password</b></a></br><br>
<a class="new" href="register.html"><b>Don't Have an Account..?</b></a>
</div>
</body>
</html>
REGISTRATION HTML FILE

_______________________________________________________________________________
<html>
<head>
<title>Information Pages</title>
<link href="style/register.css" type="text/css" rel="stylesheet"/>
<script src="script/reg.js" type="text/javascript">
</script>
</head>
<body>
<div class="frm";>
<form action="" method="post" name="register" onSubmit=" return myreg();">
<h1></br>Registration Form</h1>
<input type="text" class="fname" name="first" placeholder="First Name" />
<input type="text" class="lname" name="last" placeholder="Last Name" />
<input type="text" class="mail" name="email" placeholder="Enter Email"/></br>
<input type="text" class="mob" name="telephone" minlength="10" maxlength="10"
placeholder="Enter Mobile"/></br>
</br>
</hr>
<input type="radio" class="msex" name="gender" checked="checked" style="font-size:24px;"/>
<b>Male</b>
<input type="radio" class="fsex" name="gender"/>
<b>Female</b>
<input type="radio" class="sex" name="gender"/>
<b>Other</b>
</br>
<input type="text" class="add" name="address" placeholder="Enter Address"/>
</br>
<select id="dob">
<option>--Day--</option>
<option>1</option>
pg. 16 ak
Roll No :
Exam Seat No :
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
<select id="mon">
<option>--Month--</option>
<option>January</option>
<option>February</option>
<option>March</option>
<option>April</option>
<option>May</option>
<option>June</option>
<option>July</option>
<option>Auguest</option>
<option>September</option>
<option>October</option>
<option>November</option>
<option>December</option>
</select>
<select id="year">
pg. 17 ak
Roll No :
Exam Seat No :
<option>--Year--</option>
<option>1989</option>
</select>
</br>
<input type="file" class="file" name="profile" /></br>
<input type="password" class="pass" name="pass" placeholder="Enter Password"/>
<input type="password" class="cpass" name="cpass" placeholder="Confirm
Password"/>
</br></br> <button type="Submit" name="submit" class="reg">Register</button>
<input class="res" type="Reset" name="reset">
</form>
</div>
</body>
</html>
MENU CSS FILE
body padding:10px 25px 10px 25px;

{ border-right:1px solid #c03;
margin:0px; }
background-color:#FFFFFF; div.menu ul li a
} {
div.menu letter-spacing:2px;
{ text-decoration:none;
padding:15px; color:#c03;
background-color:#f9f9f9; }
} .menu ul li ul .sub
.menu ul {
{ margin:2px;
position:relative; display:inherit;
margin-left:60px; border:0px;
} background-color:#c03;
div.menu ul li }
{ div.menu ul li a:hover
list-style:none; {
display:inline; color:#000000;
pg. 18 ak
Roll No :
Exam Seat No :
} font-size: 45px;
.menu ul li:hover ul border-bottom: 2px solid black;
{ border-top:2px solid black;
display:block; }
} .abo p
.login { text-indent: 30pt;
{ font-size: 20px;
font-size:12px; font-family:calibri;
} }
.foot .cmain
{ {
float: left; background-color: skyblue;
width: 25%; height:350px;
margin-top: 30px; width:100%;
} margin-top:0px;
.foot h3 }
{ .d1
padding-left: 20px; {
background-color:whitesmoke;
} float: left;
p height: 180px;
{ width:200px;
text-indent: 30pt; border-left: 50px solid skyblue;
font-size: 20px; margin-top: 90px;
font-family:calibri; margin-left: 80px;
} color: skyblue;
.footer font-size: 25px;
{ }
height: 300px; REGISTER CSS FILE
background-color:rgba(63,68,81,0.9); _____________________________________________
color:whitesmoke; ___
} body
.footlink li {
{ background:url(../image/reg.jpg) no-repeat
margin-bottom: 10px; center;
} margin:0px;
.footlink li a padding:0px;
{ }
text-decoration: none; .frm
color:whitesmoke; {
} margin-top:30px;
.slide width:480px;
{ height:600px;
margin-bottom: 100px; background-color:#FFF0F0;
} margin-left:416px;
.abo h1 border-radius:0px 90px 90px 100px;
{ border:1px double #c03;
pg. 19 ak
Roll No :
Exam Seat No :
-webkit-filter:opacity(88%); letter-spacing:1px;
} }
h1 .mob
{ {
margin-top:10px; margin-top:15px;
margin-bottom:25px; width:160px;
margin-left:110px; height:31px;
border:outline; margin-left:80px;
color:c03; background:transparent;
text-shadow:1px 1px 0px black; border:none;
} border-bottom:1px solid #c03;
h1:hover letter-spacing:1px;
{ }
-webkit-transform:translate(0px,2px); .sex,.fsex,.msex
cursor:pointer; {
} margin:15px;
.fname }
{ .msex
width:160px; { --margin-top:5px;
height:31px; margin-left:80px;
margin-left:80px; }
background:transparent; .add
border:none; {
border-bottom:1px solid #c03; margin-top:7px;
letter-spacing:1px; margin-left:80px;
} width:322px;
.fname,.lname,.mail,:focus height:45px;
{ background:transparent;
outline:none; border:none;
} border-bottom:1px solid #c03;
.lname letter-spacing:1px;
{ }
width:160px; #dob
height:31px; { width:90px;
background:transparent; height:25px;
border:none; margin-top:15px;
border-bottom:1px solid #c03; margin-left:80px;
letter-spacing:1px; hight:20px;
}
.mail }
{ margin-top:14px; #mon
margin-left:80px; { margin:18px;
width:323px; width:94px;
height:36px; height:25px;
background:transparent; }
border:none; #year
border-bottom:1px solid #c03; {
pg. 20 ak
Roll No :
Exam Seat No :
width:95px; .reg:hover
height:25px; {
margin:0px; cursor:pointer;
} color:#0033FF;
.file background-color:#999999;
{ }
margin-top:2px;
width:170px; .res
height:36px; {
margin-left:80px; border-radius:20px;
} margin-top:15px;
.file:hover width:80px;
{ height:33px;
cursor:pointer; margin:12px;
color:#0033FF; letter-spacing:1px;
--background-color:#999999; color:c03;
} }
.pass .res:hover
{ {
margin-top:5px; cursor:pointer;
width:160px; color:#0033FF;
height:33px; background-color:#999999;
margin-left:80px; }
background:transparent;
border:none; BASIC CSS FILE
border-bottom:1px solid #c03; _____________________________________________
letter-spacing:1px; ___
} body
.cpass {
{ background:url(../image/reg.jpg) no-repeat
width:160px; center;
height:33px; margin:0px;
background:transparent; padding:0px;
border:none; }
border-bottom:1px solid #c03; .frm
letter-spacing:1px; {
} margin-top:30px;
.reg width:480px;
{ height:600px;
margin-top:15px; background-color:#FFF0F0;
width:80px; margin-left:416px;
height:33px; border-radius:0px 90px 90px 100px;
margin-left:150px; border:1px double #c03;
border-radius:20px; -webkit-filter:opacity(88%);
letter-spacing:1px; --background-color:rgba(50,50,50,1);
color:c03; }
}
pg. 21 ak
Roll No :
Exam Seat No :
h1 height:36px;
{ background:transparent;
margin-top:10px; border:none;
margin-bottom:25px; border-bottom:1px solid #c03;
margin-left:110px; letter-spacing:1px;
border:outline;
color:c03; }
text-shadow:1px 1px 0px black; .mob
} {
h1:hover margin-top:15px;
{ width:160px;
-webkit-transform:translate(0px,2px); height:31px;
cursor:pointer; margin-left:80px;
} border:none;
border-bottom:1px solid #c03;
.fname letter-spacing:1px;
{ }
width:160px; .sex,.fsex,.msex
height:31px; {
margin-left:80px; margin:15px;
border:none; .msex
border-bottom:1px solid #c03; { --margin-top:5px;
letter-spacing:1px; margin-left:80px;
} }
.add
.fname,.lname,.mail,:focus {
{ margin-top:7px;
outline:none; margin-left:80px;
} width:322px;
height:45px;
.lname border:none;
{ border-bottom:1px solid #c03;
width:160px; letter-spacing:1px;
height:31px; }
background:transparent; #dob
border:none; { width:90px;
border-bottom:1px solid #c03; height:25px;
letter-spacing:1px; margin-top:15px;
margin-left:80px;
} hight:20px;
.mail }
{ margin-top:14px; #mon
margin-left:80px; { margin:18px;
pg. 22 ak
Roll No :
Exam Seat No :
height:25px; border-radius:20px;
} letter-spacing:1px;
#year color:c03;
{ }
width:95px; .reg:hover
height:25px; {
margin:0px; cursor:pointer;
} color:#0033FF;
.file background-color:#999999;
{
margin-top:2px; }
width:170px;
height:36px; .res
margin-left:80px; {
} border-radius:20px;
.file:hover margin-top:15px;
{ width:80px;
cursor:pointer; height:33px;
color:#0033FF; margin:12px;
--background-color:#999999; letter-spacing:1px;
} color:c03;
.pass }
{ .res:hover
margin-top:5px; {
width:160px; cursor:pointer;
height:33px; color:#0033FF;
margin-left:80px; background-color:#999999;
border:none; }
border-bottom:1px solid #c03;
letter-spacing:1px; FEEDBACK CSS FILE
} _____________________________________________
.cpass _
{
width:160px; body
height:33px; {
background:transparent; background:url(../image/feedback.png) no-
border:none; repeat center;
border-bottom:1px solid #c03; margin: 0PX;
letter-spacing:1px; padding: 0PX;
} }
.reg .feed
{ {
margin-top:15px; margin-top:30px;
height:33px; height:570px;
margin-left:150px; background-color:white;
pg. 23 ak
Roll No :
Exam Seat No :
margin-left:816px; background:transparent;
border-radius:0px 50px 50px 50px; border:none;
border:0px; border-bottom:1px solid #c03;
box-shadow: 10px 10px 8px grey; letter-spacing:1px;
-webkit-filter:opacity(80%); }
--background-color:rgba(50,50,50,1); .name,.email,:focus
} {
h1 outline:none;
{ }
margin-top:10px; .send
margin-bottom:25px; {
margin-left:160px; margin-top:5px;
border:outline; width:80px;
color:c03; height:33px;
text-shadow:1px 1px 0px black; margin-left:205px;
} border-radius:20px;
h1:hover letter-spacing:1px;
{ color:c03;
-webkit-transform:translate(0px,2px); }
cursor:pointer;
} .rev1
{
.fname margin-top:14px;
{ height:140px;
height:31px; margin-left:80px;
margin-left:80px; float:left;
border:none; .rev2
border-bottom:1px solid #c03; {
} height:140px;
.lname width:170px;
{ margin-left:245px;
width:160px; }
height:31px; .com
background:transparent; {
border:none; resize:none;
border-bottom:1px solid #c03; margin-left:80px;
} border:none;
.email border-bottom:1px solid #c03;
{ }
margin-top:10px; .cmnttag
margin-left:80px; {
width:323px; margin-left:80px;
height:36px; }
pg. 24 ak
Roll No :
Exam Seat No :
.main img margin-bottom: 12px;

{ }
REGISTER JAVA/SCRIPT FILE

_______________________________________________________________________________
function myreg()
{
var fnam=document.register.first.value;
var lnam=document.register.last.value;
var mail=document.register.email.value;
var phone=document.register.telephone.value;
var add=document.register.address.value;
var vday=document.getElementById("dob").value;
var vmon=document.getElementById("mon").value;
var vyear=document.getElementById("year").value;
var vpas=document.register.pass.value;
var vcpas=document.register.cpass.value;
var pfnam=/^[A-Za-z]+$/;
var plnam=/^[A-Za-z]+$/;
var pmail=/^[a-z]+[0-9]+[@]+[a-z]+[.]+[a-z]+$/;
var pphone=/^[0-9]+$/
if(fnam=="")
{
alert("Please Enter Some Value In First Name.");
return false;
}
else
{
if(!fnam.match(pfnam))
{
alert("Invalid First Name!");
return false;
}
}
if(lnam=="")
{
alert("Please Enter Some Text In Last Name");
return false;
}
else
{
if(!lnam.match(plnam))
{
pg. 25 ak
Roll No :
Exam Seat No :
alert("Invalid Last Name");

return false;
}
}
if(mail=="" || !mail.match(pmail))
{
alert("Invalid Your Email id");
return false;
}
if(phone=="" || !phone.match(pphone))
{
alert("Please Enter Valid Number..?");
return false;
}
if(add=="")
{
alert("Please Enter Address..?");
return false;
}
if(vday=="--Day--" || vmon=="--Month--" || vyear=="--Year--")
{
alert("Please Select Birth-date..!");
return false;
}
if(vpas!=vcpas)
{
alert("Can't Matched Password..!");
return false;
}
}
LOGIN JAVA/SCRIPT FILE

_______________________________________________________________________________
function firstfrm()
{
var use=document.first.utxt.value;
var vpas=document.first.pas.value;
var vuse=/^[a-z]+[_]+[a-z]+$/;
if(use=="")
{
alert("Please Enter User Name..!");
return false;
}
else
{
pg. 26 ak
Roll No :
Exam Seat No :
if(!use.match(vuse))
{
alert("Invalid User Name..?");
return false;
}
}
if(vpas=="")
{
alert("Please Enter Password..!");
return false;
}
}
pg. 27 ak

105

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

105

Caricato da

Copyright:

Formati disponibili

Roll No :

INDEX HTML FILE

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

<li class="login" style="margin-left: 100px"><a

<b style="font-size:20px;">3. Website Usability</b>

<h3>Connect With US</h3>

HOME HTML FILE

<h3>Contact Detail</h3> <ul class="footlink">

COURSE HTML FILE

<img src="image/slide.jpg" width="100%" />

FEEDBACK HTML FILE

<li class="login" style="border-right:none"><a

<li><a href="C:\Users\Bhargav\Desktop\Project\contact.html">CONTACT US</a></li>

CONTACT HTML FILE

<li class="login" style="margin-left: 100px"><a

<li style="text-align:justify; list-style: none;">A-201 / Cloudy Infotech,

CONTACT HTML FILE

<li class="login" style="border-right:none"><a

ABOUT HTML FILE

<p>Cloudy Infotech Multimedia Education are a professional web and software

LOGIN HTML FILE

REGISTRATION HTML FILE

MENU CSS FILE

body padding:10px 25px 10px 25px;

.main img margin-bottom: 12px;

REGISTER JAVA/SCRIPT FILE

alert("Invalid Last Name");

LOGIN JAVA/SCRIPT FILE

Potrebbero piacerti anche