Skip to content

uploaded my portfolio website #10

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
shivangirautela wants to merge 2 commits into
base: master
Choose a base branch
from
Open

uploaded my portfolio website #10

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
8bbf5f5
done adding files
shivangirautela Jul 20, 2020
dca9d9b
done adding files
shivangirautela Jul 20, 2020
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
145 changes: 145 additions & 0 deletions shivangi_rautela/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,145 @@
<!DOCTYPE html>
<html>
<head>
<title>Shivangi Rautela</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width initial-scale=1 shrink-to-fit=no">
<link rel="stylesheet" href="assets/css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
</head>
<body>
<style>
li{color:black;}
</style>
<header>
<nav class="navbar">
<ul>
<li><a href="#Home" >Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#hobbies">Hobbies</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<section class="home" id="Home">
<img src="assets/images/my_img.jpg">
<h1>Shivangi Rautela</h1>
<h2>4th year CSE STUDENT</h2>
<div class="cv-btn">
<a href="https://drive.google.com/file/d/12UJl0xReXpxmRNEmljDUXnYXct0hqQH7/view?usp=sharing">Download CV</a>
</div>
</section>
<section class="backtotal">
<section class="about" id="about">
<div class="inner">
<h1>About</h1>
<p>I am a student of Indira Gandhi Technical University For Womens pursuing Btech in Computer Science Engineering. I have good knowledge in areas like machine learning. I have understanding of languages like C,C++,JAVA,PYTHON. I also know basics of web technologies like HTML,CSS,JAVASCRIPT at front end.
I also have good knowledge of CS subjects like OOPS, DBMS, OS.
</p>
</div>
</section>
<div class="education" id="education">
<div class="inner">
<h1>Education :</h1>
<div>
<h1>Secondary school : Shiksha Bharati Public School</h1>
<h2>CBSE</h2>
<h3>10 CGPA</h3>
</div>
<div>
<h1>Senior Secondary school :Kendriya Vidhyalaya Dwarka Sector 5</h1>
<h2>CBSE</h2>
<h3>Boards: 83%</h3>
</div>
<div>
<h1>College: IGDTUW </h1>
<h2>Btech (CSE)</h2>
<h3>75%</h3>
<h4>Batch:2017-2021</h4>
</div>
</div>
</div>
<div class="skills" id="skills">
<div class="inner">
<h1>Skills</h1>
<div>
<ul>
<li>HTML5</li>
<li>CSS</li>
<li>JS</li>
</ul>
</div>
<div>
<ul>
<li>C</li>
<li>C++</li>
<li>Java</li>
<li>PYTHON</li>
</ul>
</div>
<div>
<ul>
<li>Machine Learning</li>
<li>Data Structures</li>
<li>Algorithms</li>
<li>Web development</li>
</ul>
</div>
</div>
</div>
<div class="projects" id="projects">
<div class="inner">
<h1>Projects</h1>
<div>
<ul>
<li>Python Programming Projects</li>
<p>Here, I have done projects like image to PDF convertion, scaling,resizing images to gray scale,predicting creatures image using imageai package. Automating chrome browser to send and recieve messages using selenium webdriver. also a password checker project to check whether any given password should be changed or not. We could read different tech related jokes using pyjokes library. Performed web scraping on hacker news site to show only those news having upvotes greater than 100. Also translate japanese into english using translate package in python. Finally created my own twitter bot to automate like and follow features of my account.I have also made a webserver using flask in python to create a real time website.
For code click <a href="https://github.com/shivangirautela/python-programming-basic-projects">here</a>

</p>
<li>Machine Learning</li>
<p>
Implemented 8 real world projects using machine learning and deep neural network concepts. Like predicting car sales amount accordng to customer data , images
classification ,predicting crime rate in chicago ,prices of avocado , spam vs ham naive bayes classifier, reviews classification using NLP,and finally movie recommender system .
For code click <a href="https://github.com/shivangirautela/ml-dl-projects">here</a>
</p>
<li>OpenCV Projects</li>
<p>I have done projecs from basics like displaying grayscale or binary images,using mouseevents to make trackbar with canny ,putting an image into text ,writing and reading an image
making a canvas similar to paint to erase the screen, also facial recognition in images and videos all using openCV library in python.
For code click <a href="https://github.com/shivangirautela/openCV-projects">here</a>
</p>
<li>Internship Project</li>
<p>In this, I have done traffic signs classification using LE-NET deep neural network architecture.Visualized the whole dataset in grid forms and made a model which is almost 91% accurate
in predicating the type of class that the traffic sign image belongs to.
For code click <a href="https://github.com/shivangirautela/Intership-project-2020">here</a>
</p>
</ul>
</div>
</div>
</div>
<div class="hobbies" id="hobbies">
<div class="inner">
<h1>Hobbies</h1>
<ul>
<li>Cooking</li>
<li>Playing Games</li>
<li>Sports</li>
</ul>
</div>
</div>
<div class="contact" id="contact">
<div class="inner">
<h1>Contact Me</h1>
<p>
Mail ID:shivangirautela22@gmail.com<br>
Phone No.:7899485671<br>
Address:house no. 3, 5th main, 10th block , netaji road, dwarakanagar, banglore, karnataka.<br>
<a href="https://www.linkedin.com/in/shivangi-rautela-9b92921a7/">Linkedin</a>
</p>
</div>
</div>
</section>
</body>
</html>
Binary file added shivangi_rautela/my_img.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
195 changes: 195 additions & 0 deletions shivangi_rautela/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,195 @@
body{
margin: 0px auto;
width:100%;
font-family: 'Libre Baskerville', serif;
font-weight:100;
}
nav ul li{
list-style-type: none;
float: left;
padding-right: 2.5em; /* px, %,em,rem,cm*/
}
nav ul{
float:right;
}
nav{
background-color: azure;
width:100%;
height:50px;
position: fixed;
font-weight: 400;
}
header .navbar ul li a{
line-height: 35px;
text-decoration: none;
font-size: 15px;
color:black;
position :relative;
font-weight:600;
display:block;
border-bottom: 5px solid rgb(28, 224, 224);

}
header .navbar ul li a.active::before{
content:'';
height: 2px;
text-decoration: none;
font-size: 15px;
color: black;
width:100%;
position: absolute;
border-bottom: 5px solid rgb(57, 196, 231);

}
.home{
min-height:100vh;
background-image: url('https://i.ytimg.com/vi/5-LyRjHlRgQ/maxresdefault.jpg');
text-align:left;
font-size: large;
display:table;
width: 100%;
background-size: cover;
}
.home h1{
margin-top:350px;
margin-left: 100px;
}
.home h2{
margin-top:10px;
margin-left: 100px;
}
.home img{
margin-top:100px;
margin-left: 100px;
border: 0ch;
width:150px;
height:200px;
float:left;

}
.home .cv-btn a{
margin-left:100px;
border-radius: 4px;
color:black;
border:3px solid aqua;
padding :12px 25px;
font-size: 25px;
font-weight: 300;
transition: all .5s ease;
background-color: transparent;
}
.home .cv-btn a:hover{
background-color: blanchedalmond;

}
.backtotal{
background-color: rgb(22, 255, 236);
}

.about
{
background-image: url('https://images.unsplash.com/photo-1436262513933-a0b06755c784?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=600&q=60');
display:table;
height:100vh;
width:100%;
background-size:contain;
}

.about .inner{
display: table-cell;
vertical-align: middle;
width:80%;

float:left;
padding: 50px;
}

.about .inner h1{
font-size: 32px;;
color:rgb(233, 13, 13);
}
.about .inner p{
font-size: 24px;
color:rgb(247, 0, 82);
line-height:50px;
}
.education{
background-color: rgb(219, 208, 46);
display:table;
height: 100vh;
width: 100%;
}
.education .inner{
padding: 50px;
}
.education .inner div, .hobbies .inner ul li,.skills .inner div{
width:30%;
margin-left:5px;
margin-right: 5px;
float:left;
text-align: center;
}
.education h1, .hobbies h1 ,.skills h1 ,.contact h1,.projects h1{
font-size: 32px;
}
.education .inner div p, .hobbies .inner div ul li, .skills .inner div ul li,.contact .inner div p{
font-size: 22px;
border-style: double;
text-align: center;
list-style-type: none;
}
.skills ,.contact,.projects{
background-color: rgb(158, 228, 37);
display: ruby-text-container;
height: 100vh;
width: 100%;
}
.hobbies .inner ,.contact .inner,.projects .inner{
padding:50px;
margin:0px;
}
.skills{
background-image: url('https://images.unsplash.com/photo-1556931499-4674cbc3984c?ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80');
background-size: cover;
background-repeat: repeat;
}
.skills .inner{
background-color:rgba(94, 195, 235,0.2);
padding: 50px;
}
.skills .inner div ul li{
padding-top: 10px;
padding-bottom: 15px;
list-style-type:none;
}
.contact .inner {
text-align:center;
}
.contact{
background-image: url('https://images.unsplash.com/photo-1485841890310-6a055c88698a?ixlib=rb-1.2.1&auto=format&fit=crop&w=600&q=60');
}
.projects{
background-color: rgb(240, 205, 9);
background-size: contain;
width:100%;
}

/*responsive desiging
@media (min-width:320px) and (max-width:724px){
.education .inner{
background-size:contain;
padding-top: 80px;
width:100%;
}
.education .inner div h1{
font-size: 16px;
}
.skills .inner div ul li{
font-size: 12px;
background-size:contain;
background-blend-mode: lighten;
}
body{
width:100%;
}
}*/