DA1

Name: SAUMITRA PATHAK
Reg No: 19BCE2411

Subject: Internet and Web Programming
Slot: L23+L24
Data: 30/9/21
INTERNET AND WEB PROGRAMMING LAB DA 1
SAUMITRA PATHAK
TIME TABLE SCREENSHOT
CODE
HTML
<html>
<head>
<link rel="stylesheet" href="./style.css" />
<title>Vellore Institute of Technology</title>
</head>
<body>
<nav>
<div class="nav-bar">

<img src="./19BCE2411.png" alt="Saumitra" />
Reg No: 19BCE2411
Slot: L23+L24
Data: 30/9/21
<p>19BCE2411(Student)</p>
<p>🔽</p>
</div>
</nav>
<div class="wrapper">
<table>
<tbody>
<tr>
<td rowspan="2" id="heading">THEORY</td>
<td id="heading">Start</td>
<td class="t-time">08:00</td>
<td class="t-time">-</td>
<td class="t-time">Lunch</td>
</tr>
<tr>
<td id="heading">End</td>
<td class="t-time">-</td>
<td class="t-time">Lunch</td>
Reg No: 19BCE2411
Slot: L23+L24
Data: 30/9/21
</tr>
<tr>
<td rowspan="2" id="heading">LAB</td>
<td id="heading">Start</td>
<td class="l-time">08:00</td>
<td class="l-time">Lunch</td>
<td class="l-time">-</td>
</tr>
<tr>
<td id="heading">End</td>
<td class="l-time">Lunch</td>
<td class="l-time">-</td>
</tr>
<tr id="empty">
Reg No: 19BCE2411
Slot: L23+L24
Data: 30/9/21
<td rowspan="2" id="heading">MON</td>

<td id="heading">THEORY</td>
<td>A1</td>
<td>F1</td>
<td>D1</td>
<td>TB1</td>
<td>TG1</td>
<td>-</td>
<td id="heading">Lunch</td>
<td>A2</td>
<td class="selected">F2-CSE3501-ETH-SJT315-ALL</td>
<td class="selected">D2-STS3201-SS-SJT308-ALL</td>
<td>TB2</td>
<td>TG2</td>
<td>-</td>
<td>V3</td>
</tr>
<tr id="empty">
<td id="heading">LAB</td>
<td class="lab">L1</td>
<td class="selected">L5-CSE3501-ELA-PLB118A-ALL</td>
<td class="lab">-</td>
</tr>
<tr id="empty">
<td rowspan="2" id="heading">TUE</td>
<td>B1</td>
<td>G1</td>
Reg No: 19BCE2411
Slot: L23+L24
Data: 30/9/21
<td>E1</td>
<td>TC1</td>
<td>TAA1</td>
<td>-</td>
<td class="selected">B2-CSE4001-ETH-SJT401-ALL</td>
<td class="selected">G2-CSE3002-ETH-SJT824-ALL</td>
<td class="selected">E2-CSE4003-ETH-SJT107-ALL</td>
<td class="selected">TC2-MAT3004-TH-TT524-ALL</td>
<td>TAA2</td>
<td>-</td>
<td>V4</td>
</tr>
<tr id="empty">
</tr>
<tr id="empty">
<td rowspan="2" id="heading">WED</td>
<td>C1</td>
<td>A1</td>
<td>F1</td>
<td>V1</td>
<td>V2</td>
<td>-</td>
Reg No: 19BCE2411
Slot: L23+L24
Data: 30/9/21
<td class="selected">C2-MAT3004-TH-TT524-ALL</td>
<td>A2</td>
<td class="selected">F2-CSE3501-ETH-SJT315-ALL</td>
<td class="selected">TD2-STS3201-SS-SJT308-ALL</td>
<td>TBB2</td>
<td>-</td>
<td class="selected">V5-MAT3004-TH-TT524-ALL</td>
</tr>
<tr id="empty">
<td class="selected">L15-CSE4001-ELA-PLBG18-ALL</td>
<td class="selected">L16-CSE4001-ELA-PLBG18-ALL</td>
</tr>
<tr id="empty">
<td rowspan="2" id="heading">THU</td>
<td>D1</td>
<td>B1</td>
<td>G1</td>
<td>TE1</td>
<td>TCC1</td>
<td>-</td>
<td class="selected">D2-STS3201-SS-SJT308-ALL</td>
<td class="selected">B2-CSE4001-ETH-SJT401-ALL</td>
<td class="selected">G2-CSE3002-ETH-SJT824-ALL</td>
Reg No: 19BCE2411
Slot: L23+L24
Data: 30/9/21
<td class="selected">TE2-CSE4003-ETH-SJT107-ALL</td>
<td class="selected">TCC2-MAT3004-TH-TT524-ALL</td>
<td>-</td>
<td>V6</td>
</tr>
<tr id="empty">
</tr>
<tr id="empty">
<td rowspan="2" id="heading">FRI</td>
<td>E1</td>
<td>C1</td>
<td>TA1</td>
<td>TF1</td>
<td>TD1</td>
<td>-</td>
<td class="selected">E2-CSE4003-ETH-SJT107-ALL</td>
<td class="selected">C2-MAT3004-TH-TT524-ALL</td>
<td>TA2</td>
<td>TF2</td>
<td>TDD2</td>
<td>-</td>
<td>V7</td>
Reg No: 19BCE2411
Slot: L23+L24
Data: 30/9/21
</tr>
<tr id="empty">
</tr>
<tr id="empty">
<td rowspan="2" id="heading">SAT</td>
<td>V8</td>
<td>X11</td>
<td>X12</td>
<td>Y11</td>
<td>Y12</td>
<td>-</td>
<td>X21</td>
<td>Z21</td>
<td>Y21</td>
<td>W21</td>
<td>W22</td>
<td>-</td>
<td>V9</td>
</tr>
<tr id="empty">
Reg No: 19BCE2411
Slot: L23+L24
Data: 30/9/21
</tr>
<tr id="empty">
<td rowspan="2" id="heading">SUN</td>
<td>V10</td>
<td>Y11</td>
<td>Y12</td>
<td>X11</td>
<td>X12</td>
<td>-</td>
<td>Y21</td>
<td>Z21</td>
<td>X21</td>
<td>W21</td>
<td>W22</td>
<td>-</td>
<td>V11</td>
</tr>
<tr id="empty">
Reg No: 19BCE2411
Slot: L23+L24
Data: 30/9/21
</tr>
</tbody>
</table>
</div>
</body>
</html>
CSS
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
nav {
background-color: #0071aa;
padding: 10px;
margin: 5px 0px;
color: #ffffff;
}
img {
width: 40px;
height: 40px;
border-radius: 50%;
}
.nav-bar {
display: flex;
Reg No: 19BCE2411
Slot: L23+L24
Data: 30/9/21
justify-content: center;
align-items: center;
margin-left: 87%;
}
.wrapper {
width: 80%;
margin: 0 auto;
}
table {
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
border: 2px solid #3c8dbc;
text-align: center;
font-size: 12px;
margin-bottom: 20px;
width: 100%;
}
td {
border: 1px solid #3c8dbc;
text-align: center;
vertical-align: middle;
padding: 3px;
width: 50px;
}
#heading {
background-color: #e2e2e2;
}
.t-time {
background-color: #ccccff;
}
.l-time {
background-color: #99ccff;
}
.lab {
background-color: #f9efa4;
}
#empty {
background-color: #ffffcc;
Reg No: 19BCE2411
Slot: L23+L24
Data: 30/9/21
}
.selected {
background-color: CCFF33;
}
OUTPUT

DA1

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

DA1

Uploaded by

Copyright:

Available Formats

Name: SAUMITRA PATHAK

Reg No: 19BCE2411

INTERNET AND WEB PROGRAMMING LAB DA 1

TIME TABLE SCREENSHOT

<td rowspan="2" id="heading">MON</td>

You might also like