Skip to content

Piyush Portfolio (Noida Batch) #95

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
piyushchauhan0311 wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Piyush Portfolio (Noida Batch) #95

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
12d97c3
Piyush-Portfolio(Noida_Batch)
piyushchauhan0311 Jul 5, 2018
ab8e5e7
added readme
piyushchauhan0311 Jul 5, 2018
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
3 changes: 3 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -97,3 +97,6 @@

- Ayush Poddar
- **[Portfolio](https://mr-magnificent.github.io/)**

- Piyush
- **[Portfolio](https://piyushchauhan0311.github.io/)**
249 changes: 249 additions & 0 deletions Summer2018/PIYUSH/PORTFOLIO/Style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,249 @@
.container {
display: flex;
flex-wrap: wrap;
}
img {
width: 60%;
height: 70%;
border-radius: 50%;
}
.fa {
padding: 20px;
font-size: 30px;
width: 70px;
text-align: center;
text-decoration: none;
margin: 5px 2px;
border-radius: 50%;
}

.fa:hover {
opacity: 0.7;
}

.fa-facebook {
background: #3B5998;
color: white;
}
.fa-github {
background: black;
color: white;
}
.box {
width: 100%;
height: 400px;
}

.box1 {
background-color: DarkOrange;

}
.box2 {
background-color: YellowGreen ;

}
.introbox{
width: 80%;
height: 400px;
margin: 0 auto;
}
.box3 {
background-color: MediumAquamarine;
height:320px;

}
.edubox{
width: 50%;
height: 320px;
margin: 0 auto;
}
.box4 {
background-color: gold;
height: 220px;

}
.box5 {
background-color: LightSeaGreen;
height: 330px;

}
.techbox{
width: 30%;
height: 330px;
margin: 0 auto;
}
.box6 {
background-color: RosyBrown;
height: 300px;

}
@media screen and (min-width: 250px) {
.box2 {
height: 810px;
}
.box3{
height: 560px ;
}
.edubox{
width: 70%;
margin: 0 auto;
}
.box4 {
height: 380px;

}
.techbox{
width: 70%;
margin: 0 auto;
}
.box5 {
height: 350px;

}
.box6 {
height: 660px;

}
}
@media screen and (min-width: 300px) {
.box2 {
height: 720px;
}
.box3{
height: 540px ;
}
.box4 {
height: 340px;

}
.box6 {
height: 600px;

}
}
@media screen and (min-width: 390px) {
.box2 {
height: 600px;
}
.box3{
height: 400px ;
}
.box4 {
height: 320px;

}
.box6 {
height: 460px;

}
}
@media screen and (min-width: 450px) {
.box2 {
height:530px;
}
.box3{
height: 380px ;
}
.box4 {
height: 250px;

}
.box5 {
height: 360px;

}
.techbox{
width: 30%;
margin: 0 auto;
}
.box6 {
height: 380px;

}
}
@media screen and (min-width: 650px) {
.box2 {
height:450px;
}
.box3{
height: 340px ;
}
.box4 {
height: 220px;

}
.box5 {
height: 330px;

}
.techbox{
width: 30%;
margin: 0 auto;
}
.box6 {
height: 320px;

}
}
@media screen and (min-width: 800px) {
.box1 {
height: 400px;
}

.box2 {
height:420px;
}
.box3{
height: 330px ;
}
.edubox{
width: 50%;
margin: 0 auto;
}
.box4 {
height: 200px;

}
.box5 {
height: 330px;

}
.techbox{
width: 30%;
margin: 0 auto;
}
.box6 {
height: 270px;

}
}
@media screen and (min-width: 1150px) {
.box1 {
width: 30%;
height: 400px;
}
.box2 {
width: 70%;
height: 400px
}

.box3, .box4, .box5, .box6 {
width: 100%;
}
.edubox{
width: 50%;
margin: 0 auto;
}
.techbox{
width: 30%;
margin: 0 auto;
}
.box4 {
height: 180px;

}
.box6 {
height: 250px;

}
}
64 changes: 64 additions & 0 deletions Summer2018/PIYUSH/PORTFOLIO/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Piyush_Portfolio</title>
<link rel="stylesheet" href="Style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="container">
<div class=" box box1 " align="center">
<h2>Hi I am Piyush</h2>
<img src="https://piyushchauhan0311.github.io/Piyush_Profile_Pic.jpg" width="300" height="300">
</div>
<div class=" box box2 " align="center">
<h1>Introduction</h1>
<div class="introbox">
<h3><em>Welcome to my portfolio... <br> I am from Delhi and currently pursuing my Btech degree in Computer Science from The NorthCap University(2016-20). I am good at making programming logics and have a decent experience in programming languages like C, C++, Java & Python. I am doing my summer internship with Centre for Railway Information Systems(CRIS) in which I have to develope a web application for Hospital Information Management Systems(HIMS).</em></h3>
<h3>My Facebook Profile : <a href="https://www.facebook.com/deadinalive" class="fa fa-facebook"></a></h3>
<h3>My Github Profile : <a href="https://github.com/piyushchauhan0311" class="fa fa-github"></a></h3>
</div>
</div>
<div class=" box box3 " align="center">
<h1>Education</h1>
<div class="edubox">
<ul>
<li><h3>Btech-Computer Science Engineering-(2016-2020) <br> The NorthCap University, Gurugram</h3></li>
<li><h3>Class XII-(2015-2016) <br> Kendriya Vidyalaya A.G.C.R., Delhi <br> 92.4% marks</h3></li>
<li><h3>Class X-(2013-2014) <br> Kendriya Vidyalaya A.G.C.R., Delhi <br> 9.6 CGPA</h3></li>
</ul>
</div>
</div>
<div class=" box box4 " align="center">
<h1>Achievements</h1>
<ul>
<li><h3><em>Secured 1st rank in Intra-College Competition of Computer Society Of India(CSI) Event-"Explore And Exploit" in Nov-2017.</em></h3></li>
<li><h3><em>Won the scholarship by Indian Air Force Benevolent Association(IAFBA) for the excellent academic record for the year 17-18.</em></h3></li>
</ul>
</div>
<div class=" box box5 " align="center">
<h1>Technical Skills</h1>
<div class="techbox">
<ul>
<li><h3>C/C++</h3></li>
<li><h3>JAVA(CORE)</h3></li>
<li><h3>PYTHON</h3></li>
<li><h3>HTML AND CSS</h3></li>
<li><h3>BOOTSTRAP</h3></li>
<li><h3>MY SQL</h3></li>
</ul>
</div>
</div>
<div class=" box box6 " align="center">
<h1>Training And Projects</h1>
<ol>
<h3><li><em>Currently, I am doing my summer practical training with Centre for Railway Information Systems(CRIS) in which I have to work on real-time project "Hospital Information Management Systems(HIMS)". The technologies on which i am currently working are Node js, Angular js, Bootstrap, Mysql.</em></li></h3>
<h3><li><em>Department Database Project - Fully functional project using Python with GUI(Graphical User Interface) with functionality to store the database for department users.<br><a href="https://github.com/piyushchauhan0311/Python_Project" target="_blank">GitHub Project Link</a></em></li></h3>
</ol>
</div>
</div>

</body>
</html>