Commit 22cb2c1b authored by VINAYAK K's avatar VINAYAK K

Update lab02, 03 and Add lab04

parent 0aa5d714
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title>vinayak</title>
<link rel="stylesheet" href="css/main.css">
<style type="text/css">
#about-me {
text-align: center;
}
#pro-pic {
margin-top: 100px;
margin-top: 200px;
border-radius: 5px;
}
#about p{
margin-top: 100px;
margin-bottom: 100px;
text-align: center;
font-size: 20px;
}
#video {
text-align: center;
}
</style>
</head>
<body>
<nav>
<div id="nav-container">
<table id="nav-table">
<tr>
<td>
<a href="home.html">Homepage</a>
</td>
<td>
<a href="aboutMe.html">About me</a>
</td>
<td>
<a href="interests.html">Interests</a>
</td>
<td>
<a href="timetable.html">Time-Table</a>
</td>
<td>
<a href="contact.html">Contacts</a>
</td>
</tr>
</table>
</div>
</nav>
<div id="about-me">
<div id="pro-pic">
<img src="img/vinayak.jpg" width="200px">
</div>
<div id="about">
<p>I'm Vinayak, UG student of IIT Bombay, pursuing Computer Science Engineering. I'm from a village named kadalundi in Kerala</p>
</div>
</div>
<div id="video">
<h3>This video of Sundar Pichai's speech inspires me a lot</h3>
<iframe width="420" height="315" src="https://www.youtube.com/embed/_YMdTLOFL3E" frameborder="0" allowfullscreen></iframe>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title>vinayak</title>
<link rel="stylesheet" href="css/main.css">
<script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<style type="text/css">
#contact {
margin-left: 100px;
margin-top: 100px;
}
</style>
</head>
<body>
<nav>
<div id="nav-container">
<table id="nav-table">
<tr>
<td>
<a href="home.html">Homepage</a>
</td>
<td>
<a href="aboutMe.html">About me</a>
</td>
<td>
<a href="interests.html">Interests</a>
</td>
<td>
<a href="timetable.html">Time-Table</a>
</td>
<td>
<a href="contact.html">Contacts</a>
</td>
</tr>
</table>
</div>
</nav>
<div id="contact">
<h2>Contact me</h2>
<address>
Vinayak K, Room No: 37,<br> Hostel 4,<br> IIT Bombay <br><br>
<a href="https://www.facebook.com/vinayak.vivek">@facebook</a>
</address>
<p style="font-size: 20px;">
&#3381;&#3391;&#3368;&#3390;&#3375;&#3349;&#3405;
</p>
</div>
</body>
</html>
\ No newline at end of file
body, p {
padding: 0;
margin: 0;
font-family: sans-serif;
background-color: white;
}
a {
text-decoration: none;
}
#nav-container {
width: 100%;
position: fixed;
top: 0;
left: 0;
font-size: 20px;
}
#nav-container a {
color: white;
opacity: 0.5;
}
#nav-container a:hover {
opacity: 1;
}
#nav-container table {
width: 100%;
padding-left: 10%;
padding-right: 10%;
text-align: center;
background-color: grey;
height: 50px;
color: #FFFFFF;
border-collapse:collapse;
}
#nav-container table tr {
border:none !important;
}
#nav-container table td {
background-color: black;
border:none !important;
}
#intro {
padding: 50px;
}
#main-container {
margin-top: 100px;
text-align: center;
}
#main-container div {
}
#main-container a {
padding: 10px;
color: black;
opacity: 0.5;
}
#main-container a:hover {
opacity: 1;
}
#team {
font-family: Arial;
}
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title>vinayak</title>
<!--><style type="text/css">
body, p {
padding: 0;
margin: 0;
font-family: sans-serif;
background-color: grey;
}
a {
text-decoration: none;
}
#nav-container {
width: 100%;
position: fixed;
top: 0;
left: 0;
font-size: 20px;
}
#nav-container a {
color: white;
opacity: 0.5;
}
#nav-container a:hover {
opacity: 1;
}
#nav-container table {
width: 100%;
padding-left: 10%;
padding-right: 10%;
text-align: center;
background-color: grey;
height: 50px;
color: #FFFFFF;
border-collapse:collapse;
}
#nav-container table tr {
border:none !important;
}
#nav-container table td {
background-color: black;
border:none !important;
}
#intro {
padding: 50px;
}
#main-container {
margin-top: 100px;
text-align: center;
}
#main-container div {
}
#main-container a {
padding: 10px;
color: black;
opacity: 0.5;
}
#main-container a:hover {
opacity: 1;
}
</style><!-->
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<nav>
<div id="nav-container">
<table id="nav-table">
<tr>
<td>
<a href="home.html">Homepage</a>
</td>
<td>
<a href="aboutMe.html">About me</a>
</td>
<td>
<a href="interests.html">Interests</a>
</td>
<td>
<a href="timetable.html">Time-Table</a>
</td>
<td>
<a href="contact.html">Contacts</a>
</td>
</tr>
</table>
</div>
</nav>
<div id="main-container">
<div id="intro">
<h1>Welcome to my Homepage!</h1>
<p>I'm Vinayak, UG student of IIT Bombay, pursuing CSE</p>
</div>
<div id="team">
<h4>CS 251 Group</h4>
<h2>Meluhans</h2>
<div><a href="shriram"><p>Shriram</p></a></div>
<div><a href="shriram"><p>Vinayak</p></a></div>
<div><a href="shriram"><p>Anubhaw</p></a></div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title>vinayak</title>
<link rel="stylesheet" href="css/main.css">
<script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<style type="text/css">
#interests, #future, #formula {
margin-left: 100px;
margin-top: 100px;
}
#interests ul {
list-style-type: none;
}
</style>
</head>
<body>
<nav>
<div id="nav-container">
<table id="nav-table">
<tr>
<td>
<a href="home.html">Homepage</a>
</td>
<td>
<a href="aboutMe.html">About me</a>
</td>
<td>
<a href="interests.html">Interests</a>
</td>
<td>
<a href="timetable.html">Time-Table</a>
</td>
<td>
<a href="contact.html">Contacts</a>
</td>
</tr>
</table>
</div>
</nav>
<div id="interests">
<h2>My Interests</h2>
<p>I like playing guitar and ukulele. I also like Web and app development.</p>
</div>
<div id="future">
<h2>My Future Plans</h2>
<p>Becoming a Full stack developer.</p>
</div>
<div id="formula">
<h2>One interesting thing in math</h2>
Roots of \(x^3 = 1\) are
\[1, {{-1 + \iota\sqrt{3}} \over 2}, {{-1 - \iota\sqrt{3}} \over 2}\]
</div>
</body>
</html>
\ No newline at end of file
Group 33 : Lab02_inlab
Group Members:
(Vinayak K, 150050098)
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Percent contributed - 100%
(Shriram S B, 150050099)
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Percent contributed - 100%
(Anubhaw Kuntal Xess, 150050100)
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Percent contributed - 100%
Citations:
LaTex symbols: https://www.sharelatex.com/learn/List_of_Greek_letters_and_math_symbols
MathJax example: http://docs.mathjax.org/en/latest/start.html
Unicode mappings:
http://symbolcodes.tlt.psu.edu/bylanguage/tamilchart.html
http://symbolcodes.tlt.psu.edu/bylanguage/devanagarichart.html
http://symbolcodes.tlt.psu.edu/bylanguage/malayalamchart.html
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title>vinayak</title>
<link rel="stylesheet" href="css/main.css">
<script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<style type="text/css">
#time-table {
margin-top: 100px;
margin-left: 5px;
text-align: center;
}
#time-table table {
border: solid 1px black;
height: 700px;
}
#time-table table td {
}
#time-table table td {
border: solid 1px black;
padding: 8px;
}
</style>
</head>
<body>
<nav>
<div id="nav-container">
<table id="nav-table">
<tr>
<td>
<a href="home.html">Homepage</a>
</td>
<td>
<a href="aboutMe.html">About me</a>
</td>
<td>
<a href="interests.html">Interests</a>
</td>
<td>
<a href="timetable.html">Time-Table</a>
</td>
<td>
<a href="contact.html">Contacts</a>
</td>
</tr>
</table>
</div>
</nav>
<div id="time-table">
<h1>Time-table for Autumn Semester,2016</h1>
<table>
<tr>
<td> </td>
<td>08:30 - 9:25</td>
<td>09:30 - 10:25</td>
<td>09:30 - 10:55</td>
<td>10:35 - 11:30</td>
<td>11:35 - 12:30</td>
<td>14:00 - 15:25</td>
<td>14:00 - 16:55</td>
<td>15:30 - 16:55</td>
<td>17:30 - 18:55</td>
<td>19:00 - 20:25</td>
</tr>
<tr>
<td>Mon</td>
<td></td>
<td></td>
<td></td>
<td>CS 207</td>
<td>EE 101</td>
<td>CS 215</td>
<td></td>
<td>CS 213</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tue</td>
<td>EE 101</td>
<td></td>
<td></td>
<td></td>
<td>CS 207</td>
<td></td>
<td></td>
<td></td>
<td>CS 251 - Tut</td>
<td>CS 251 - Lab</td>
</tr>
<tr>
<td>Wed</td>
<td></td>
<td></td>
<td>SI 417</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Thu</td>
<td>CS 207</td>
<td>EE 101</td>
<td></td>
<td></td>
<td></td>
<td>CS 215</td>
<td></td>
<td>CS 213</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Fri</td>
<td></td>
<td></td>
<td>SI 417</td>
<td></td>
<td></td>
<td></td>
<td>CS 293</td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>vinayak</title>
<!-- tells the browser that the site is optimised for mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- importing materialize stylesheet -->
<link rel="stylesheet" href="css/materialize.min.css">
<link rel="stylesheet" href="css/main.css">
<style type="text/css">
@font-face {
font-family: coldplayFont;
src: url(fonts/COLDPLAY.ttf);
}
html {
background: url(img/cover-pic.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
nav .brand-logo {
color: white;
font-family: monospace;
}
nav .nav-tabs a {
color: white;
}
#more a {
color: black;
}
nav li:hover {
opacity: 0.25;
}
#more-button:hover {
opacity: 1;
}
.card-panel h3 {
font-family: coldplayFont;
}
#about {
margin-top: 100px;
}
</style>
</head>
<body>
<div class="bg-header"></div>
<div class="navbar-fixed">
<!-- Dropdown Structure -->
<ul id="more" class="dropdown-content">
<li><a href="form.html">FORM</a></li>
<li><a href="accordion.html">ACCORDIAN</a></li>
<li><a href="map.html">MAP</a></li>
</ul>
<nav class="transparent lighten-5">
<div class="background"></div>
<div class="nav-wrapper container">
<a href="#" class="brand-logo right">vinayak</a>
<a href="#" data-activates="nav-on-side" class="button-collapse"><i class="material-icons">menu</i></a>
<div class="nav-tabs">
<ul id="nav-mobile" class="hide-on-med-and-down">
<li><a href="home.html"><i class="material-icons left">home</i>HOME</a></li>
<li class="active"><a href="aboutMe.html"><i class="material-icons left">perm_identity</i>ABOUT ME</a></li>
<li><a href="interests.html">INTERESTS</a></li>
<li><a href="timetable.html">TIME-TABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
<!-- Dropdown Trigger -->
<li id="more-button"><a class="dropdown-button" href="#!" data-activates="more">MORE<i class="material-icons right">arrow_drop_down</i></a></li>
</ul>
</div>
<div class="">
<ul id="nav-on-side" class="side-nav">
<li><a href="home.html">HOME</a></li>
<li><a href="aboutMe.html">ABOUT ME</a></li>
<li><a href="interests.html">INTERESTS</a></li>
<li><a href="timetable.html">TIME-TABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="form.html">FORM</a></li>
<li><a href="accordion.html">ACCORDIAN</a></li>
<li><a href="map.html">MAP</a></li>
</ul>