Skip to content

Instantly share code, notes, and snippets.

@max-programming

max-programming/cie1.html

Last active January 4, 2023 03:52
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save max-programming/1c90d04b22d2aa2f90ec2b9ea3ae0057 to your computer and use it in GitHub Desktop.
Save max-programming/1c90d04b22d2aa2f90ec2b9ea3ae0057 to your computer and use it in GitHub Desktop.
Download ZIP
College Web Design Files
Raw
cie1.html
<!-- design a web page using html for online railway ticket booking -->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Railway Ticket Booking</title>
<style>
* {
font-family: sans-serif;
}
</style>
</head>
<body>
<h1 align="center">Railway Ticket Booking Form</h1>
<form>
<fieldset>
<legend>Passenger Details</legend>
<label for="fullname">Full Name: </label>
<input type="text" id="fullname" />
<br /><br />
<label for="age">Age: </label>
<input type="number" id="age" />
<br /><br />
<label for="email">Email: </label>
<input type="email" id="email" />
<br /><br />
<label for="dob">Date of birth: </label>
<input type="date" id="dob" />
<br />
<br />
<label for="aadhaar">Aadhaar no.: </label>
<input type="number" id="aadhaar" />
<br /><br />
<label>Class: </label>
<input type="radio" name="class" /> Business
<input type="radio" name="class" /> Sleeper
<input type="radio" name="class" /> Seater <br /><br />
<label>Extras: </label>
<input type="checkbox" /> Food Services
<input type="checkbox" /> Special Bag Storage <br /><br />
<label for="from">From: </label>
<select id="from">
<option disabled selected>Select</option>
<option>Surat</option>
<option>Baroda</option>
<option>Bombay</option>
<option>Bharuch</option>
</select>
<label for="to">To: </label>
<select id="to">
<option disabled selected>Select</option>
<option>Surat</option>
<option>Baroda</option>
<option>Bombay</option>
<option>Bharuch</option>
</select>
</fieldset>
</form>
</body>
</html>
Raw
practical5.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Time Table</title>
<style>
* {
text-align: center;
}
</style>
</head>
<body>
<table border="1">
<tr>
<th>Time</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
</tr>
<tr>
<th>8:30AM - 9:30AM</th>
<td rowspan="2">
B1: DFS (HSP) (L:5, 6)
<br />
B2: WD (GB) (L:7, 8)
</td>
<td>
DFS
<br />
(HSP)
</td>
<td rowspan="2">
B1: WD (GB) (L:5, 6)
<br />
B2: JAVA (AP) (L:3, 4)
</td>
<td>
MI
<br />
(VBS)
</td>
<td>
DFS
<br />
(HSP)
</td>
</tr>
<tr>
<th>9:30AM - 10:30AM</th>
<td>LIBRARY</td>
<td>
MI
<br />
(VBS)
</td>
<td>LIBRARY</td>
</tr>
<tr>
<th>10:30AM - 10:45AM</th>
<td colspan="5">RECESS</td>
</tr>
<tr>
<th>10:45AM - 11:45AM</th>
<td>
SE
<br />
(YNC)
</td>
<td rowspan="2">
B1: SE (YNC) (L:3, 4)
<br />
B2: MI (VBS) (L:9, 10)
</td>
<td>
SE
<br />
(GBP)
</td>
<td rowspan="2">
B1: MI (VBS) (L:9, 10)
<br />
B2: SE (YNC) (L:3, 4)
</td>
<td>
MI
<br />
(VBS)
</td>
</tr>
<tr>
<th>11:45AM - 12:45AM</th>
<td>LIBRARY</td>
<td>COUNSELLING</td>
<td>LIBRARY</td>
</tr>
<tr>
<th>12:45PM - 1:30PM</th>
<td colspan="5">RECESS</td>
</tr>
<tr>
<th>1:30PM - 2:30PM</th>
<td>
JAVA
<br />
(PR)
</td>
<td rowspan="2">
B1: JAVA (AP) (L:3, 4)
<br />
B2: DFS (HSP) (L:5, 6)
</td>
<td>
DFS
<br />
(HSP)
</td>
<td>
JAVA
<br />
(PR)
</td>
<td>
JAVA
<br />
(AP)
</td>
</tr>
<tr>
<th>2:30PM - 3:30PM</th>
<td>LIBRARY</td>
<td>LIBRARY</td>
<td>LIBRARY</td>
<td>
SE <br />
(GB)
</td>
</tr>
</table>
</body>
</html>
Raw
practical6.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Student Registration Form</title>
<style>
body {
font-family: sans-serif;
display: grid;
place-items: center;
}
form {
display: flex;
flex-direction: column;
gap: 5px;
}
</style>
</head>
<body>
<h2>Student Registration Form</h2>
<form>
<table>
<tr>
<td>
<label for="name">Name: </label>
</td>
<td>
<input type="text" id="name" />
</td>
</tr>
<tr>
<td><label for="age">Age: </label></td>
<td><input type="number" id="age" /></td>
</tr>
<tr>
<td><label>Gender: </label></td>
<td>
<input type="radio" name="gender" />
Male
<input type="radio" name="gender" />
Female
</td>
</tr>
<tr>
<td><label for="city">City: </label></td>
<td>
<select id="city">
<option disabled selected>Select</option>
<option>Surat</option>
<option>Bardoli</option>
<option>Bharuch</option>
<option>Valsad</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="contact">Contact: </label>
</td>
<td>
<input type="number" id="contact" />
</td>
</tr>
<tr>
<td>
<label for="email">Email: </label>
</td>
<td>
<input type="email" id="email" />
</td>
</tr>
<tr>
<td>
<label for="password">Password: </label>
</td>
<td>
<input type="password" id="password" />
</td>
</tr>
<tr>
<td>
<label for="password2">Password confirm: </label>
</td>
<td>
<input type="password" id="password2" />
</td>
</tr>
<tr>
<td>
<label for="address">Address: </label>
</td>
<td>
<textarea id="address"></textarea>
</td>
</tr>
<tr>
<td>
<label>Hobbies: </label>
</td>
<td>
<input type="checkbox" />
Singing
<input type="checkbox" />
Dancing
<input type="checkbox" />
Reading
<input type="checkbox" />
Travelling
</td>
</tr>
</table>
<button type="submit">Register</button>
<button>Clear</button>
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment