Skip to content

G
gitlab-inlab
Commit c6029906 authored by PRANAV RAO's avatar PRANAV RAO
Browse files
Options

Adding lab1 outlab

parent 2d0736ee
Show whitespace changes
Inline Side-by-side
Showing with 179 additions and 0 deletions
lab1/html/README.md 0 → 100644
View file @ c6029906
This is the homepage of Pranav V Rao, 160100021.
The html code id in the index.htm file and the styling elements are in the home.css file
The script uses bootstrap cdn links too.
The content of the script is mostly written by Pranav Rao, taking help from the individual examples from W3Schools CSS and Bootstrap tutorials.
lab1/html/home.css 0 → 100644
View file @ c6029906
body {
font: 20px Montserrat, sans-serif;
line-height: 1.8;
background-color: lightblue;
}
p{
font-size: 16px;
width: 80%;
}
a:visited, a:active{
color: white;
}
.container{
margin-top: 10px;
margin-bottom: 10px;
padding-top:70px;
padding-bottom: 70px;
}
.navbar {
padding-top: 5px;
padding-bottom: 8px;
border: 0;
border-radius: 0;
margin-bottom: 0;
font-size: 12px;
letter-spacing: 5px;
}
.navbar-nav li a:hover {
color: #1abc9c !important;
font-size: 18px;
}
.navbar-nav>.active>a {
color: white;
font-size: 18px
}
#About_me
{
background-color: rgb(31, 136, 229);
}
#Hobbies{
background-color: #1abc9c;
}
#Interests{
background-color: white;
}
#Contact_me{
background-color: #2f2f2f; /* Black Gray */
color: #fff;
}
lab1/html/index.html 0 → 100644
View file @ c6029906
<!DOCTYPE html>
<html lang="en">
<head>
<title>Pranav's Homepage</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">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<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" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="home.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Pranav Rao</a>
</div>
<div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="#About_me">About Me</a></li>
<li><a href="#Hobbies">Hobbies</a></li>
<li><a href="#Interests">Interests</a></li>
<li><a href="#Contact_me">Contact Me</a></li>
</ul>
</div>
</div>
</div>
</nav>
<div id="About_me" class="container text-center">
<h2 class="margin text-center"> Who Am I? </h2>
<img src="profile_new.jpg" class=" img-responsive img-circle margin" style="display:inline" alt="This was me:)">
<br />
<p>
<ul style="list-style-type:none">
<li>
Hi guys! I am Pranav, a sophomore from <b>IIT Bombay</b> <a href="https://www.cse.iitb.ac.in" target="_blank">CSE Department</a>.
I am born and brought up in Mumbai, although my parents are from Manglore, Karnataka.I am currently at Hostel 5, IIT Bombay campus.
</li>
</p>
</div>
<div id="Hobbies" class="container">
<h2 class="margin text-center">What do I like?</h2>
<img src="pic_sameer.jpg" class="img-responsive img-circle margin text-center" style="display:inline" alt="This is what I do:)" >
<p>
<ul type="square">
<li>I am interested in a lot of things, some of them to list
<ol type="i">
<li> Musical Instruments, like Violin, Guitar, Casio
<li> Reading books
<li> Playing Badminton, swimming
<li> Watching anime. TED talks, ...
</ol>
</li>
<li>
I am interested in <i>mathematics</i>. I spend quite a time solving puzzles and problems on <a href="https://www.brilliant.org">Brilliant</a>.
</li>
<li>
I also like reading about random trivia on sites like Quora, Inshorts and Curiosity.
</li>
<li>
I love to learn new subjects like languages, more on philosophy, economics, etc.
</li>
</ul>
</p>
</div>
<div id="Interests" class="container text-center">
<h2 class="margin">What I want to become?</h2>
<div class="row">
<div class="col-md-6">
<div class="card" style="background-color:lightgrey">
<p>
<h3 align="center">What I want to do</h3>
I am interested in pursuing a career in a lot of things like artificial intelligence, machine learning,
computer vision and object identification, humanoid robots and even careers related to maths like
algorithms design, etc.
</p>
</div>
</div>
<div class "col-md-6">
<div class="card">
<p>
<h3 align="center">Experiences</h3>
I am currently a part of Autonomous Underwater Vehicle team at IIT Bombay in their Software Subdivision.
Apart from that I have some experience in Institute Summer Technical Project.
</p>
</div>
</div>
</div>
</div>
<footer id="Contact_me" class="container">
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4">
<p>
<h3>You can contact me using these links:</h3>
<hr />
<a href="https://www.facebook.com/pranav.rao.3975" target="_blank"><i class="fa fa-facebook-official" data-toggle="tooltip" title="FB" style="font-size:40px"></i></a>
<a href="https://github.com/pranavrao870" target="_blank"><i class="fa fa-github" style="font-size:40px" data-toggle="tooltip" title="GitHub"></i></a>
<a href="mailto: pranavrao870@gmail.com" target="_blank"><span class="glyphicon glyphicon-envelope" style="font-size:40px" data-toggle="tooltip" title="pranavrao870@gmail.com"></span></a>
</p>
</div>
</div>
</footer>
</body>
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