Sop2 12 th HTML5 and CSS special

1st File



Hello guys please support me and share more


<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="sop.css" >
</head>
<body><center>
<h1>Travellar Information form</h1></center>
<form name="travel">
Enter Your Name :-
<input type="text" autocomplete><br><br>
Select Your Date of Travel :-
<input type="date" min="2023-08-05" max="2023-08-10" >
<br><br>Enter Tel.no :- 
<input type="tel" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" required="required">
<br><br>
<p><br>
<br>
<a href="sop.html"><p id="next" >Next</p></a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="image" src="/storage/emulated/0/Android/media/com.whatsapp/WhatsApp/Media/WallPaper/6b40bdb298b5878729151e95d21f35fc.jpg" height="40px" width="100px" align="right">
</p>
</form>
</body>
</html>






 


Output

Travellar Information form

Enter Your Name :-

Select Your Date of Travel :-

Enter Tel.no :-



Next

       




2nd File

<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="sop.css" >
</head>
<body>
<center><h1>Information about Travellar</h1></center>
<hr>
<ul>
<li>Name of Transporter :- Air India</li>
<li>Time :- 09:30am</li>
<li>Seat no :- B39</li>
<li> Destination :- Delhi</li>
</ul><hr>
<br>
<br><center>
<a href="program.html" ><p id="next" >Next</p></a>
</center>
</body>
</html>








Output

Information about Travellar


  • Name of Transporter :- Air India
  • Time :- 09:30am
  • Seat no :- B39
  • Destination :- Delhi



Next



CSS code

body{ background:black; position:fixed; color:white; } input{ color: black; } ul{list-style-type:square; color:yellow;} #next{ font-size:2em; } h1{ background:red; display:inline-block; font-family:serif; text-decoration:underline; }

Comments

Popular Posts