Create webpage using HTML5 and CSS
𝕋𝕙𝕚𝕤 ℙ𝕣𝕠𝕘𝕣𝕒𝕞𝕤 𝕒𝕣𝕖 ℂ𝕣𝕖𝕒𝕥𝕖𝕕 𝔹𝕪 𝕐𝕦𝕧𝕣𝕒𝕛 𝕄𝕠𝕥𝕖
<!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>
<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>
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>
CSS
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