Skip to content

G
gitlab-inlab
Commit 10912630 authored by SHAH SAHIL HIRAL's avatar SHAH SAHIL HIRAL
Browse files
Options

lab1

parents
Show whitespace changes
Inline Side-by-side
Showing with 457 additions and 0 deletions
lab1/fb.png 0 → 100644
View file @ 10912630
lab1/fb.png

3.33 KB

lab1/index.html 0 → 100644
View file @ 10912630
<html>
<head>
<title>Sahil Shah</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script:700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Patrick+Hand" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kalam" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<style>
.wrapper{
display: block;
float:bottom;
background-color:rgba( 72, 201, 176 ,1);
margin:auto;
max-width: 350px;
}
.main {
width:100%;
background-color: white;
}
@media screen and (min-width: 820px) {
.wrapper {
min-height:100%;
background-color:rgba( 72, 201, 176 ,1);
position:fixed;
width:20%;
right:0%;
display: block;
max-width: 10000px;
}
.main{
width:80%;
}
}
</style>
</head>
<body>
<div class="main" style="float:left">
<div class="jumbotron" style="padding-top:0;">
<img src="pic.jpg" alt="Inspirational Image" style="width:100%" class="img-responsive">
<!--
<div class = "typewriter">
<br>
<h1 align="center">Hi! I am Sahil Shah. Welcome to my home page.</h1>
</div>
-->
<div>
<h3 align="center"><br>
<b style="font-family: 'Dancing Script', cursive; font-size:38;">I am a Sophomore pursuing a major in Computer Science and Engineering at IITB.</b><br><br></h3><h3 align="center" style="font-family: 'Dancing Script', cursive; font-size:28"> I am also pursuing a minor in Applied Statistics and Informatics.<br><br></h3>
</div>
<div align="center" class="text-muted">
You can visit my Department homepage by clicking <a href="http://www.cse.iitb.ac.in">here</a>
<br>
You can find out more about the minor I am pursuing <a href="https://en.wikipedia.org/wiki/Computer_engineering">here</a>
</div>
</div>
<div id="interests" class="container">
<h2><b>Interests</b></h2>
<ol>
<li>Competitive Coding</li>
<li>Natural Language Processing</li>
<li>Trying out new and different cuisines</li>
<li>Sleeping!</li>
<li>Binging on TV series</li>
<li>Learning about the economics of the world</li>
<li>Reading</li>
</ol>
</div>
<div id="academic" class="container">
<h2><b>Academic History</b></h2>
<center>
<br>
<table border="5" class="table-hover table-responsive">
<thead>
<th>Exam Given</th>
<th>Date</th>
<th>Result</th>
</thead>
<tbody>
<tr>
<td>Standard 10, ICSE</td>
<td>March 2014</td>
<td>98.2%
<div class="text-success">(3rd in India)</div>
</td>
</tr>
<tr>
<td>Standard 12, HSC</td>
<td>March 2016</td>
<td>94.6%</td>
</tr>
<tr>
<td>IIT JEE</td>
<td>May 2016</td>
<td>All India Rank 21</td>
</tr>
<tr>
<td>CS 101
<div class="text-success">Introduction to Programming</div>
</td>
<td>July, 2016-November, 2016</td>
<td>AP grade</td>
</tr>
<tr>
<td>CS 152
<div class="text-success">Abstractions and Paradigms of Programming</div>
</td>
<td>January, 2017-April, 2017</td>
<td>AP grade</td>
</tr>
</tbody>
</table>
</center>
</div>
<br><br>
<div id="projects" class="container">
<h2><b>Projects</b></h2>
<br>
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Question Generator and Grader</a>
</h4>
</div>
<div id="collapse1" class="panel-collapse collapse in">
<div class="panel-body">Over the summer for my ITSP project, I worked on a software programme that would generate questions based on sentences provided as input, take the answers of the user, and grade them. This was a project in the field of <a href="https://en.wikipedia.org/wiki/Natural_language_processing">Natural Language and Processing(NLP).</a></div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse2">Chess Engine</a>
</h4>
</div>
<div id="collapse2" class="panel-collapse collapse">
<div class="panel-body">Created an AI for one-player chess, using the functional programming paradigm. It employed the minimax algorithm, with alpha-beta pruning for improved efficiency.</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse3">Cryptography</a>
</h4>
</div>
<div id="collapse3" class="panel-collapse collapse">
<div class="panel-body">Created basic RSA encryption for upto 700 bits using CSS, as my CS101 course project.</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse4">Mars Rover Society, IITB</a>
</h4>
</div>
<div id="collapse4" class="panel-collapse collapse">
<div class="panel-body">Over the course of the past year I have been a part of the Mars Rover Team at IITB, which participates in the <a href="http://urc.marssociety.org/">URC</a> tournament every year. I have worked on the communication system for the rover.</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse5">ONGC Training Interface</a>
</h4>
</div>
<div id="collapse5" class="panel-collapse collapse">
<div class="panel-body">I have been working on creating a web-based software for the ONGC Academy in Dehradun, to help with the training program that all Graduate Trainees recruited by them have to pass.</div>
</div>
</div>
</div>
</div>
<div id="about-me" class="container">
<h2><b>About Me</b></h2>
<div class="about">
<b>
<p>
Hello, I am a Second Year Undergraduate Student who is pursuing a Bachelor's Degree in Technology, majoring in the Computer Science and Engineering Department of the Indian Institute of Technology, Bombay. Since I am also interested to a certain degree in the world of Economics, Finance and Statistics I have begun pursuing a minor in the Applied Statistics and Informatics department. I am also the convener of the <a href="http://www.wncc-iitb.org"> Web and Coding CLub, IITB</a>.</p>
</p>
<p>
I am fascinated by the world of coding that I have only recently been exposed to and leave no opportunity to explore it further and learn about new developments in this ever-expanding world. I am on a journey to become the most fearsome of code warriors!
</p></b>
</div>
</div>
<div id="contact" class="container">
<h2><b>Contact Information</b></h2>
<ul>
<li>Phone Number: 9619100199</li>
<li>Address: H2-278, IIT Bombay, Powai, Mumbai-400076</li>
<li>email: sahilshah00199@gmail.com</li>
</ul>
</div>
<div id="get_in_touch" class="container">
<h2><b>Get in Touch with Me</b></h2>
<form class="form-horizontal" action="/action_page.php">
<div class="form-group">
<label class="control-label col-sm-2" for="email">Email:</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="email" placeholder="Enter email" name="email">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="tel">Phone Number:</label>
<div class="col-sm-10">
<input type="tel" class="form-control" id="number" placeholder="Enter phone number" name="phone">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="text">Message for me:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="message" placeholder="Enter message for me" name="message">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="pwd">Confidential Data:</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="pwd" placeholder="Enter confidential data" name="pwd">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
<label><input type="checkbox" name="remember"> Have we been in contact recently?</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<a href="#" role="button" class="btn btn-success">Submit</a>
</div>
</div>
</form>
</div>
</div>
<div class="wrapper">
<h1 align="center">Sahil Shah</h1>
<h6 align="center" style="font-family: 'Kalam', cursive; font-size: 22;">साहिल शाह</h6>
<h6 align="center">160050005</h6>
<div class="vertical-menu" align="center">
<b>
<a href="#" class = "active">Home</a>
<a href="#projects">Projects</a>
<a href="#academic">Academics</a>
</b>
</div>
<div class="vertical-menu2" align="center">
<a href="https://www.facebook.com/profile.php?id=100000964075050&ref=br_rs">
<img class= "img-thumbnail" src="fb.png" alt="Facebook Profile" width="42" height="42" border="0"></a>
<a href="http://www.github.com/sahil00199">
<img class= "img-thumbnail img-circle" src="github-512.png" alt="Github Profile" width="47" height="47" border="0"></a>
<img class="img-responsive img-circle" src="me.jpg" alt="picture of myself" width="80%" border-radius="100px" >
</div>
<br>
<div class="text-center">
<a align="center" href="#get_in_touch" class="btn btn-primary" role="button">Get in touch with me</a>
</div>
<br>
</div>
</body>
</html>
lab1/me.jpg 0 → 100644
View file @ 10912630
lab1/me.jpg

41.9 KB

lab1/style.css 0 → 100644
View file @ 10912630
body{
color:black;
font-family: 'Ubuntu', sans-serif;
}
.img-thumbnail {
background:rgba(0,0,0,0);
border-width: 0;
}
.vertical-menu {
width:100%;
}
.vertical-menu a{
color: white;
display: block;
padding : 3%;
text-decoration:none;
}
.vertical-menu2 a{
display: block;
padding:2%;
text-decoration: none;
}
.img-circle2{
border-radius:50%;
opacity: 0.75;
}
.vertical-menu2 a:hover img{
opacity: 1;
padding:0;
}
.vertical-menu a:hover{
background-color:grey;
}
.vertical-menu a.active{
background-color:rgb( 127, 140, 141 , 0.35);
color:white;
}
.container{
padding-right: 12.4%;
}
.typewriter h1{
font-family: "Courier", cursive;
font-size:32;
color:rgb(72,201,176,1);
overflow: hidden; /* Ensures the content is not revealed until the animation */
border-right: .15em solid black; /* The typwriter cursor */
white-space: nowrap; /* Keeps the content on a single line */
margin: 0 auto; /* Gives that scrolling effect as the typing happens */
letter-spacing: .05em; /* Adjust as needed */
animation:
typing 3.5s steps(40, end),
blink-caret .75s step-end infinite;
}
/* The typing effect */
@keyframes typing {
from { width: 0 }
to { width: 100% }
}
/* The typewriter cursor effect */
@keyframes blink-caret {
from, to { border-color: transparent }
50% { border-color: rgb( 21, 67, 96 ,1); }
}
h1{
font-family: 'Permanent Marker', cursive;
font-size:30;
color:white;
}
h3{
color:rgb( 11, 83, 69 );
}
h2{
font-family: "Comic Sans MS", "Comic Sans", cursive;
font-size:30;
color:rgba( 72, 201, 176 ,1);
}
h6{
font-family: 'Patrick Hand', cursive;
font-size:22;
color:white;
}
.general{
margin-left: 5%;
}
table {
font-family: arial, sans-serif;
border-collapse: collapse;
}
td {
border: 1.5px solid #dddddd;
text-align: center;
padding-left: 5%;
padding-right: 5%;
padding-top:1.5%;
padding-bottom: 1.5%;
}
th {
border: 1.5px solid #dddddd;
text-align: center;
padding-left: 5%;
padding-right: 5%;
padding-top:1.5%;
padding-bottom: 1.5%;
font-size:20;
}
.table-hover thead th{
background-color: rgb(22, 160, 133);
color:white;
}
.table-hover tbody tr:hover {
background-color: rgb( 166, 172, 175 );
}
tr:nth-child(even) {
background-color: rgb( 22, 160, 133 );
color:white;
}
tr:nth-child(odd){
background-color: rgba( 72, 201, 176 ,1);
color:white;
}
.panel-default > .panel-heading {
background-color: #76d7c4;
}
.panel-default > .panel-heading:hover {
background-color: #17a589;
}
#projects{
padding-right: 15%;
}
#about-me{
font-family: 'Indie Flower', cursive;
font-size:16.5;
}
#get_in_touch{
padding-right: 15%;
}
li{
margin:1%;
}
\ 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