Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
137 changes: 137 additions & 0 deletions Summer2018/Puneet/portfolio/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,137 @@
<!DOCTYPE html>
<html>
<head>
<title>Puneet Shah</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="portfolio.css">

</head>
<body style="background-color:#DCDCDC;">

<div class="wrapper row">

<div class="sidee col-lg-4 col-sm-12 ">
<div class="usidee">
<div class="outer">
<div class="mee">

</div>
<div class="namee">
<h4 class="colo" style="font-size:2.2rem;">Puneet Shah</h4>
</div>
</div>
</div>
<div class="lsidee">

<div class="contact colo">
<ul class="unorderedList">
<li> &nbsp; ppuunneett007@gmail.com</li>
<li> &nbsp; 8527600916</li>
</ul>
</div>
<div class="education colo">
<h3 class="headd">
<b> EDUCATION </b>
</h3>
<ul class="unorderedList">
<li>
<u>B.Tech Computer Science Engineering</u><br>
<div class="ecol">MRIU,Faridabad<br>
2015-2019 <br>
7.2 CGPA <br></div>
</li>
<li>
<u>Class XII</u> <br>
<div class="ecol"> Kendriya Vidhyalaya <br>
2013-2015 <br>
70.0% <br> </div>
</li>
<li>
<u>Class X</u> <br>
<div class="ecol">Kendriya Vidhyalaya<br>
2012-2013 <br>
8 CGPA <br></div>
</li>
</ul>
</div>
<div class="interests colo">
<h3 class="headd">
<b> INTERESTS </b>
</h3>
<ul class="unorderedList">
<li>&nbsp; Listening music</li>
<li>&nbsp; watching web series</li>
</ul>
</div>


</div>
</div>
<div class="main col-lg-7 col-sm-12 ">
<section class="box">
<section class="intro">
<div class="proname"><b>&nbsp;Introduction</b></div>
<div class="desc">
Hiii, I am Puneet Shah from Delhi. I am pursuing B.Tech in Computer Science Engineering from Manav Rachna International Institute of Research and Studies. I like computer, Because in my schooling days, I have scored high marks in that subject compared to maths, physics. My Strength is takes initiative to work independently, Adaptable to any kind of situation. My Weakness is I am not comfortable, until I finish my work in the given time and over friendly in nature.
<br>That's all about me!!!</br>
</div>
</section>
<section class="projects">
<div class="proname"><b>&nbsp;Projects</b></div>
<div class="desc">
<div class="headingg">House Rental Syatem</div>
Finding a house for rent has never been easier. With House Rental System you can search multi-family homes, townhouses, resort properties and residential homes for rent with help of an online application which would contain the information about the renter and the landlord. This project of house renting will be very useful as it would help one user to take a house on rent and another user to give his/her house on rent.
</div>
</section>
<section class="techtrain">
<div class="proname"><b>&nbsp;Technical Training</b></div>
<div class="tech">
<div>
<div class="headingg">app development workshop</div>
learnt to develop application with drag and drop, without writing a whole code.
<div class="headingg">Web development bootcamp from Udemy</div>
knowledge of java script , database association, various unix commands.
</div>
</div>
</section>
<section class="projects techskills">
<div class="proname"><b>&nbsp;Technical Skills</b></div>
<div class="langg">
<div style="line-height:2">
<b>C</b> <br>
<b>C++</b> <br>
<b>.Net</b><br>
<b>JAVA</b><br>
<b>HTML &amp; CSS</b><br>
<b>Android Studio</b><br>
</div>
<div class="progressBars">
<div class="progress">
<div class="progress-bar pbc" role="progressbar" style="width: 75%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress">
<div class="progress-bar pbc" role="progressbar" style="width: 80%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress">
<div class="progress-bar pbc" role="progressbar" style="width: 50%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress">
<div class="progress-bar pbc" role="progressbar" style="width: 40%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress">
<div class="progress-bar pbc" role="progressbar" style="width: 80%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress">
<div class="progress-bar pbc" role="progressbar" style="width: 38%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</section>
</section>
</div>


</div>

</body>
</html>
150 changes: 150 additions & 0 deletions Summer2018/Puneet/portfolio/portfolio.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,150 @@

.wrapperr{
display: flex;
flex-wrap: wrap;
margin-left:13%;
margin-right: 13%;
margin-top:2%;
margin-bottom:2%;
background-color: white;}

.main{
/*margin-left: 20px;*/
margin-right: 20px;

}
.sidee{
position:relative;
left: 20px;

}
.usidee{
background-color:#DB7093;
height: 250px;
margin: 0 auto;
padding-left: 20%;

}
.outer{ top: 20px;
width:100%;
height: 200px;
}
.lsidee{
background-color:#DA70D6;
height: 1100px;
margin: 0 auto;


}
.intro{
position: relative;
left: 49px;
top: 45px;}
.projects{
position: relative;
left: 49px;
top: 75px;}
.namee{
position: relative;
top: 80px;
left: 17px;
font-color: white;
}
.unorderedList{
list-style-type: none;
font-size: 1rem;
line-height: 2;
position: relative;
left: -3px;
}
.headd{
padding-left: 37px;
font-size: 1.5rem;

}
.contact{
padding-top: 37px;
position: relative;
left:-13px;
}
.colorr{
color:white;
}
.education{
position: relative;
left: -10px;
top: 35px;
}
.ecol{
color:#000000;
line-height: 1.2;
margin-bottom: 10px;
}
.interests{
position: relative;
top: 65px;
left: -9px;
}
.proname {
color: #1f9496;
font-size: 1.5rem;
}
.desc{
font-size: 0.98rem;
margin-top:15px;
line-height:1.7;
}
.headingg{
font-size: 1.1rem;
color:#1f9496;
}
.techskills{
top:142px;
}
.techtrain{
position: relative;
left:49px;
top:95px;
}
.tech{
position: relative;
top: 13px;
}
.langg{
position: relative;
top: 14px;
}
.progressBars{
width: 65%;
position: relative;
top: -190px;
left: 168px;
}
.progress{
margin-bottom: 16px;
}
.pbc{
background-color:#9932CC !important ;
}
.mee {
box-sizing: border-box;
background-image:url('https://i.imgur.com/rJUKagT.jpg');
background-color: black;
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
height: 110px;
width: 110px;
position: relative;
left: 69px;
top: 57px;
}
@media screen and (max-width: 990px){
.lsidee{
height: 1000px;

}
.unorderedList{
font-size: 170%;
}
}