Skip to content

G
gitlab-inlab
Commit d17b9963 authored by SHANTANU KUMAR's avatar SHANTANU KUMAR
Browse files
Options

lab1

parent 06b03cea
Show whitespace changes
Inline Side-by-side
Showing with 278 additions and 0 deletions
lab1/inlab 1/README.txt 0 → 100644
View file @ d17b9963
kshantanu
I designed my homepage using html and css .
It has several links one to the cse website others are of my time table etc.
My contact details are also included in it.
There are links within a page , links to external pages and different files of my own.
the home page is as you can see.
but the other pages open in an iframe which starts from just below the first column.
You can notice the whole page doesnt refresh just the new window is opened in the created iframe.
lab1/inlab 1/aboutMe.html 0 → 100644
View file @ d17b9963
<!DOCTYPE html>
<html lang="en-us">
<head>
<style>
body {
background-image : url("backgr.jpg");
background-attachment : fixed;
background-size : cover;
background-position : center;
}
</style>
</head>
<body>
<div align="middle"><img src="shantanu.jpg" alt="My photo" height="200px" width="350px" style="padding-top : 50px"></div>
<br>
<div style="text-align: center;padding: 10px;"><font size="6px" color="black";><b>SHANTANU KUMAR</b></font>
<br>
<font size="4px" color="black";><i>I am a student of CSE Department</i></font>
<br>
<font size="4px" color="black";><i>I am from Ranchi , Jharkhand.</i></font>
<br>
<ul align="center" style="list-style-type:none">
<li><a href="#intro">Introduction</a></li>
<li><a href="#hob" align="center">Hobbies</a></li></ul>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<h2 >INTRODUCTION<h2>
<ul id="intro" style="list-style-type:none">
<li>Completed my Intermediate Education from Jawahar Vidya Mandir</li>
<li>Secured 98% in Class 10 from ICSE Board</li>
<li>Secured 92.2% in Class 12 from CBSE Board</li>
<li>Got Air 196 in IIT-JEE</li>
</ul>
<br>
<br>
<h2 >HOBBIES<h2>
<ul id="hob" style="list-style-type:none">
<li>Playing Badminton</li>
<li>Watching Movies and playing Mobile Games</li>
</ul>
</div>
</body>
</html>
lab1/inlab 1/contact.html 0 → 100644
View file @ d17b9963
<!DOCTYPE html>
<html>
<head>
<title>Time Table</title>
<style>
body{
background-image : url("https://s-media-cache-ak0.pinimg.com/originals/cd/86/16/cd8616368e980fa89ac7c2b3f6c882c2.jpg");
background-attachment : fixed;
background-size: cover;
background-position : center;
}
</style>
</head>
<body>
<br>
<br>
<br>
<br>
<div align="middle"><img src="shan.gif" alt="My photo" height="200px" width="200px" style="padding-top : 50px"></div>
<br>
<br>
<div style="text-align: center;padding: 10px;"><font size="5px" color="black";><b>SHANTANU KUMAR</b></font>
<br>
<font size="4px" color="black";><i>Room No. 137</i></font>
<br>
<font size="4px" color="black";><i>Hostel 3</i></font>
<br>
<font size="4px" color="black";><i>IIT Bombay</i></font>
<br>
<br>
<br>
<br>
<br>
<div align="center">
<nav>
<a href="https://www.facebook.com/people/Shantanu-Kumar/100012608588056" target="_blank"><img src="facebook-icon.png" height="50px" width="50px" title="facebook"></a>
<img src="phone.ico" title="9987991640" height="50px" width="50px">
<a href="http://intacaram.com/shantanu196" target="_blank"><img src="instagram.jpg" height="50px" width="50px" title="instagram"></a>
</nav>
</div>
</body>
lab1/inlab 1/index.html 0 → 100644
View file @ d17b9963
<!DOCTYPE html>
<html>
<head>
<title>Shantanu Kumar</title>
<style>
body {
background-color: #808080;
background-size : cover;
background-position : center;
}
div.imp {
background-color:black;
color:white;
padding:20px;
font-family:comic sans ms;
width: 100%;
height: 40px;
}
div.imp a:link {
color: white;
background-color: transparent;
text-decoration: none;
}
div.imp a:visited {
color: blue;
background-color: transparent;
text-decoration: none;
}
div.imp a:hover {
color:cyan;
background-color: transparent;
text-decoration: underline;
}
div.imp a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
</head>
<body" style="width:100%">
<div class="imp">
<ul style="list-style-type: none;">
<li style="float: left"><a href="home.html" style="padding:10px; font-size:25px;">SHANTANU KUMAR</a></li>
<li style="float:right;"><a href="contact.html" target="frame" style="padding:15px">CONTACTS</a></li>
<li style="float:right;"><a href="timetable.html" target="frame" style="padding:15px">TIME TABLE</a></li>
<li style="float:right;"><a href="https://www.cse.iitb.ac.in/" target="_blank" style="padding:15px">CSE, IITB</a></li>
<li style="float:right;"><a href="aboutMe.html" target="frame" alt="page not available" style="padding:10px;" >ABOUT ME </a></li>
</nav>
</div>
<div id="contentframe" style="top: 0px; left: 0px;position: relative;">
<iframe src="aboutMe.html" style="float:top;width:100%;height: 100vh;position: absolute;" name="frame"></iframe></div>
</body>
</html>
lab1/inlab 1/timetable.html 0 → 100644
View file @ d17b9963
<!DOCTYPE html>
<html>
<head>
<title>Time Table</title>
<style>
body{
background-image : url("second.png");
background-attachment : fixed;
background-size : cover;
background-position : center;
}
th,td{
padding : 15px;
}
th{
text-align : left;
}
table,th,td{
border : 3px solid black;
border-collapse : collapse;
text-align: center;
}
table tr:nth-child(even) {
background-color: #eee;
}
table tr:nth-child(odd) {
background-color:#fff;
}
table th {
background-color: black;
color: white;
}
p{
font-size : 20px;
}
</style>
</head>
<body>
<br>
<br>
<br>
<br>
<div style="text-align: center;font-size: 35px;color: red">TIME &nbsp; TABLE</div>
<br>
<br>
<br>
<table align="center">
<tr>
<th>Day</th>
<th>8:30 AM - 9:25 AM </th>
<th>9:30 AM - 10:25 AM </th>
<th>10:35 AM- 11:30 AM </th>
<th>11:35 AM - 12:30 PM </th>
<th>2:00 PM - 3:25 PM </th>
<th>3:30 PM - 5:00 PM </th>
<th>5:05 PM - 6:30 PM </th>
</tr>
<tr>
<td><b>Monday</b></td>
<td></td>
<td>CS207 </td>
<td>CS251 </td>
<td>EE101 </td>
<td>CS293(lab) </td>
<td>CS293(lab) </td>
<td></td>
</tr>
<tr>
<td><b>tuesday</b></td>
<td>EE101 </td>
<td></td>
<td>CS207</td>
<td>CS251 </td>
<td>CS215 </td>
<td>CS213 </td>
<td></td>
</tr>
<tr>
<td><b>wednesday</b></td>
<td></td>
<td>EE221 </td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td><b>thursday</b></td>
<td>CS251 </td>
<td>EE101 </td>
<td></td>
<td>CS207 </td>
<td>CS251(lab) </td>
<td>CS251(lab) </td>
<td></td>
</tr>
<tr>
<td><b>friday</b></td>
<td></td>
<td>EE221 </td>
<td></td>
<td></td>
<td>CS215 </td>
<td>CS213 </td>
<td>EE101(tut)</td>
</tr>
</table>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment