Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 6

(page for details about website

<html>
<head>
<style>
body{
background-image:url("detail.jpg");
background-size: 100% 100%;
}
h1{
color:red;
text-decoration:underline;
text-shadow:blue 5px 7px;
text-transform:capitalize;
font-size:60px;
letter-spacing:2px;
word-spacing:5px;
}
p{
word-spacing:20px;
text-decoration:no shade;
text-transform:capitalize;
font-size:20px;
letter-spacing:2px;
word-spacing:5px;
font-weight:bold;
}
p1{
word-spacing:5px;
}
p2{
word-spacing:5px;
}
a:hover{
color:red;
}
</style>
</head>
<body>
<center><h1>rajput tour and tourism<h1></center>
<hr color="green">
<center><p>
<a href="home.html">Home</a>
<a href="about.html">About</a>
<a href="contact.html">contact</a>
<a href="signin.html"><p1>sign in</p1></a>
<a href="registration.html"><p2>sign up</p2></a>
<input list="hi"> <p3>Search</p3>
<datalist id="hi">
<option value="Driver">
<option value="Vehicle">
</datalist>
</p></center>
<hr color="green">

<details>
<summary>check our facilities</summary>
<a href="Driver.html"><p>Driver<p></a>
<a href="Vehicle.html"><p>vehicle<p></a>
</details>
</body>
</html>

(page for about)


<html>
<head>
<style>
p{
color:purple;
font-size:30px;

}
</style>
</head>
<body>
<p><i> Rajput tour and tourism offers the lowest price and best deals on holidays
to book our vehicle. </i></p>
</body>
</html>
(page for contact)
<html>
<head>
<style>
div{
background-color:yellow;
height:50px;
width:500px;
font-size:20px;
color:brown;
font-weight:bold;
}
h3{
color:blue;
text-decoration:underline;
}
p1{
color:orange;
font-size:20px;
}

</style>
</head>
<body>
<center><div>
<p>Save time and manage your account online with our Self-Service Center.<p>
</div></center>
<br>
<br>
<h3>General Customer Care & Technical Supprt:-</h3>
<h4>
for personal: 7088466599
<br>
for buissness: 8755622334
</h4>
<br>
<br>
<br>
Note:-<br>
<p1>Customer Care representatives are available daily form 4 a.m to 9 p.m</p1>
</body>
</html>

(page for login)


<html>
<head>
<style>
#heading{
color:red;
text-decoration:underline;
text-transform:uppercase;
letter-spacing:5px;
word-spacing:7px;
text-shadow:7px 7px blue;
font-size:50px;

}
div{
background-color:lightgreen;
width:300px;
height:300px;
border:5px solid red;
box-shadow:10px 10px blue;
margin:100px 600px;
padding:50px;
color:white;
word-spacing:5px;
letter-spacing:5px;
word-spacing:5px;
letter-spacing:5px;
text-transform:uppercase;
}
input{
margin:30px;
padding:8px;
color:blue;
word-spacing:5px;
letter-spacing:5px;
text-transform:uppercase;

}
body{
background-image:radial-gradient(circle,green,yellow,blue,red);
}
button{
color:green;
font-weight:bold;
}
button:hover{
color:red;
background-color:blue;
}
</style>
<script>
function registration()
{
var n=document.getElementById("nm").value;
var p=document.getElementById("pswd").value;
if(n=="nishant" && p=="123")
{
window.alert("submit");
}
else if(n==" " || p==" ")
{
window.alert("invalid data");
}
else
{
window.alert("invalid data");
}
}
</script>
</head>
<body>
<marquee><h1 id="heading">login form</h></marquee>
<div>
User name:<input type="text" id="nm"><br>
password:<input type="password" id="pswd"><br>
<button onclick="registration();"><a href="details.html">submit</a></button>
</div>
</body>
</html>

(page for registration)


<html>
<head>
<style>
#heading{
color:red;
text-decoration:underline;
text-transform:uppercase;
letter-spacing:5px;
word-spacing:7px;
text-shadow:7px 7px blue;
font-size:50px;
}

a{
font-size:30px;
text-decoration:none;
text-transform:uppercase;
letter-spacing:5px;
word-spacing:7px;

a:hover{
color:red;
font-size:50px;
}
</style>

</head>
<body>
<marquee><h1 id="heading">registration</h1></marquee>
<a href="registrationfornewdriver.html">Driver</a>
<br>
<br>
<a href="registrationforpassenger.html">passenger</a>
</body>
</html>

(page for new driver)


<html>
<head>
<style>
#heading{
color:red;
text-decoration:underline;
text-transform:uppercase;
letter-spacing:5px;
word-spacing:7px;
text-shadow:7px 7px blue;
font-size:50px;

}
input{
margin:30px;
padding:8px;
color:blue;
word-spacing:5px;
letter-spacing:5px;
text-transform:uppercase;
}
p{
font-size:20px;
color:green;
letter-spacing:5px;
word-spacing:7px;

</style>
<script>

</script>
</head>
<body>
<marquee><h1 id="heading">registration for new driver</h></marquee>
<fieldset>
<legend><i>registration form</i></legend>
<form>
<p>name:</p><input type="text">
<p>address:</p><textarea></textarea><br>
<p>date of birth:</p><input type="date"><br>
<p>gender:</p><input type="radio" name="r1">male
<input type="radio" name="r1">female<br>
<p>language:</p><input type="checkbox">hindi
<input type="checkbox">english
<input type="checkbox">both<br>
<p>education:</p><input type="text"><br>
<p>work experience:</p><input type="number">yr<br>
<p>email address:</p><input type="email"><br>
<p>attach document(photo,addhar card,driving license):</p><input type="url">

<a href="details.html"><input type="submit"></a>


</form>
</fieldset>
</body>
</html>

You might also like