Skip to content
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

basic portfolio date 30/03/2023 #26

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

basic portfolio date 30/03/2023 #26

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
Binary file added 2581470.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.
Binary file added 862.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.
19 changes: 0 additions & 19 deletions README.md
View file
Open in desktop

This file was deleted.

Binary file added cprgt.png
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.
Binary file added css-3.png
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.
Binary file added css.png
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.
Binary file added git.png
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.
Binary file added github.png
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.
Binary file added html.png
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.
178 changes: 141 additions & 37 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,56 +1,160 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Basic Portfolio Website</title>
<link rel="stylesheet" href="style.css">
</head>
<title>Portfolio</title>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet">


<link rel="stylesheet" href="portfolio.css">

</head>
<body>
<!-- We will be creating many elements in this document with some class (to add some styling later) -->
<!-- home page -->
<div id="home" class="homePage">
<div class="intro"> <!-- creating a master div to have child elements in it -->
<div class="name">Hi, I am &#60;name&#62;</div> <!-- creating a div to enter your name (edit your name here) -->
<p>Frontend developer</p> <!-- paragraph tag -->
<button class="your_button">button</button> <!-- creating a button -->
<ul class="navbar">
<li><a href="#C4">Contact Me</a></li>
<li><a href="#C3">More</a></li>
<li><a href="#C2">About</a></li>
<li><a href="#C1">Home</a></li>
<li id="name"><a href="#C1">AJAY TIWARI</a></li>
</ul>

<div class="Intro" id="C1">
<h1 class="intro" id="i1" >Hi, I am Ajay Tiwari</h1>
<p id="i2">A computer science student passionate about programming and design.</p>
<a href="#C3" id="button">See my Skills</a>
<!-- <button class="button" href="#C3">See my skills</button> -->
</div>

<div class="about__me" >
<h1 id="C2">About me</h1>
<table class="tableabout">
<td><img src="862.jpg" height="220px" width="200px"></td>
<td><div class="about_me"><p>My name is <strong> Ajay Tiwari</strong>. I'm a <strong>B.tech student at Indian Institute of Information Technology, Kalyani Computer Science Department</strong>. I was born and raised in Kanpur.</p>

<p>I did my highschool and intermediate from Shri Ram Education Centre, Kanpur.</p>

<p>I like to travel. I believe travelling gives you a new perspective to everything. You get to know a lot about the different cultures, the cuisines, their history, the language and all the small unique things every place has to offer.</p>
<p><ul class="links">
<span><a href="https://github.com/AjaiTiwarii" target="_blank"><img src="github.png" alt="github" style="height: 30px; width: 30px;"></a></span>
<span><a href="https://www.linkedin.com/in/ajay-tiwari-140231248/" target="_blank"><img src="linkedin.png" alt="linkedin" style="height: 30px; width: 30px;"></a></span>
<span><a href="https://twitter.com/Ajaitiwarii" target="_blank"><img src="twitter.png" alt="twitter" style="height: 30px; width: 30px;"></a></span>
<span><a href="https://www.instagram.com/ajaitiwarii/" target="_blank"><img src="instagram.png" alt="instagram" style="height: 30px; width: 30px;"></a></span>
</ul></p>
</div></td>
</table>
</div>

<div class="about__me" >
<h1 style="margin-bottom:75px;" id="C3">Skills</h1>


<!-- <div class="skills__data">
<div class="skills__names">
<i class="bx bxl-python skills__icon"></i>
<span class="skills__name">Python</span>
</div>
<div class="skills__bar skills__python">

</div>
<div>
<span class="skills__percentage">75%</span>
</div>
</div> -->
<!-- <img src="istockphoto-1198082420-612x612.jpg" height="400px" width="400px" > -->
<!-- <p class="skills_p"> -->
<div class="about_skills">
<p>
Just stepped into the programming world.
</p>
<p>Eager to learn more.
</p>
<p>Will keep working on my skills.
</p>
</div>
<div class="skills__data">

<div class="skills__names">
<i class="bx bxl-C skills__icon"></i>
<span class="skills__name">C</span>
</div>
<div class="myImage"> <!-- always a good habbit to add master divs -->
<img src="https://miro.medium.com/max/3960/0*HICLyAdNSIyT0ODU.jpg" alt="MyImage"> <!-- adding a image using url -->
<div class="skills__bar skills__C">
<div>
<span class="skills__icon"><img src="letter-c.png" style="height: 30px; width: 30px;"></span>
</div>
</div>
</div>

<!-- about me -->
<div id="aboutme" class="about"> <!-- again a master div -->
<div class="about_heading"> <!-- child div for heading -->
About me
<div class="skills__data">
<div class="skills__names">
<i class="bx bxl-HTML skills__icon"></i>
<span class="skills__name">HTML</span>
</div>
<div class="skills__bar skills__HTML">
<div>
<span class="skills__icon"><img src="html.png" style="height: 30px; width: 30px;"></span>
</div>
</div>
<!-- adding a paragraph tag to write "about me", edit it and write about you -->
<p class="para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum voluptates provident molestias a
animi facilis iusto voluptatum repellat eligendi consequatur distinctio placeat mollitia veritatis
recusandae, ad, quasi commodi enim quos! Quasi aspernatur veniam, blanditiis sint necessitatibus dicta
libero voluptatibus reiciendis asperiores nemo maiores ducimus corrupti magnam error voluptatum ab velit.
</p>
</div>

<!-- contact -->
<div id="contact" class="contact_sec"> <!-- adding a master div again -->
<div class="contact_heading">
Contact Me <!-- adding a chiid div for heading -->
<div class="skills__data">
<div class="skills__names">
<i class="bx bxl-CSS skills__icon"></i>
<span class="skills__name">CSS</span>
</div>
<div class="contact_info">
<!-- adding more divs for personal details, edit them! -->
<div class="Email">Email : <span class='data'>[email protected]</span></div>
<div class="mobile_no">Mobile no : <span class='data'>+91 XXXXXXXXXX</span></div>
<!-- adding anchor tag to directly redirect user to your profile, add links to your profile in href -->
<div class="linkdin">linkdin :<span class='data'> <a
href="https://www.linkedin.com/company/gdsc-iiit-kalyani/">Linkdin IN</a></span></div>
<div class="github">Github : <span class='data'> <a href="https://github.com/GDSC-IIIT-Kalyani">Github</a></span></div>
<div class="others">Others :<span class='data'> <a href="https://gdsc.bio.link/">BIO</a></span></div>
<div class="skills__bar skills__CSS">
<div>
<span class="skills__icon"><img src="css.png" style="height: 30px; width: 30px;"></span>
</div>
</div>
</body>
</div>

<div class="skills__data">
<div class="skills__names">
<i class="bx bxl-Git skills__icon"></i>
<span class="skills__name">Git</span>
</div>
<div class="skills__bar skills__Git">
<div>
<span class="skills__icon"><img src="git.png" style="height: 30px; width: 30px;"></span>
</div>
</div>
</div>

<div class="skills__data">
<div class="skills__names">
<i class="bx bxl-Github skills__icon"></i>
<span class="skills__name">Github</span>
</div>
<div class="skills__bar skills__Github">
<div>
<span class="skills__icon"><img src="github.png" style="height: 30px; width: 30px;"></span>
</div>
</div>
</div>


</div>

<div class="about__me" >
<h1 style="margin-bottom:30px;" id="C4">Contact Me</h1>
<div >
<p class="listcont" style="font-style: italic;">Feel free to contact me. Cheers!</p><br>
<!-- <p class="listcont"><a href="Ajay Tiwari_Resume.pdf" target="_blank">Resume</a></p> -->
<p class="listcont"><a href="https://mail.google.com/mail/u/1/?view=cm&fs=1&[email protected]&tf=1">[email protected]</a></p>
<!-- <p class="listcont"><ul class="listcont"><li><a href="Ajay Tiwari_Resume.pdf" target="_blank">Resume</a></li>
<li>Email:- [email protected]</li></ul></p> -->

</div>
</div>
<footer class="bottom_bar">
<p><img src="cprgt.png" alt="">Copyright 2023 Ajay Tiwari. All Rights Reserved.</p>
</footer>


</body>
</html>
Binary file added instagram.png
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.
Binary file added letter-c.png
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.
Binary file added linkedin.png
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.
151 changes: 151 additions & 0 deletions portfolio.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,151 @@

.navbar{
background-color: teal;
overflow: auto;
}
.navbar li{
list-style: none;
float: right;
padding: 5px;
margin: 8px;
font-size: larger;
}
.navbar li a:hover{
color: lavender;
}
#name{
float: left;
}
.navbar a{
color: black;
text-decoration: none;
}
.Intro{
height: 650px;
width: 100%;
background-image: url('2581470.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
text-align: center;
}
.tableabout td{

padding: 50px;
}
h1{
text-align: center;
}
.listcont li{
padding: 16px;
text-align: center;
list-style: none;

}
.listcont{
text-align: center;
padding: 5px;
/* text-emphasis: italic; */
text-decoration: dashed;
font-size: large;

}
.intro{
padding-top: 250px;
margin-top: 0px;
}
.skill tr{
text-align: center;

margin: 10px;

}
.skills__data {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
font-weight: var(--font-semi);
padding: 0.5rem 1rem;
margin-bottom: 10px;
border-radius: 0.5rem;
box-shadow: 0 4px 25px rgb(14 36 49 / 15%);
width: 25%;
}
/* .skills__data {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
font-weight: var(--font-semi);
padding: 0.5rem 1rem;
margin-bottom: var(--mb-4);
border-radius: 0.5rem;
box-shadow: 0 4px 25px rgb(14 36 49 / 15%);
width: 25%;
} */

.skills__name{
text-align: center;
}
.button{
padding: 15px;
margin-top: 114px;
}
.about_skills{
float: right;
margin-right: 60px;
font-size: xx-large;
}
.skills__data{
margin-left: 200px;

}
.about_me{
font-size: x-large;
}
.about__me{
margin-top: 150px;
margin-bottom: 100px;
}
#button:link, #button:visited {
background-color: teal;
color: white;
padding: 15px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
padding: 15px;
margin-top: 114px;
}

#button:hover, #button:active {
background-color: turquoise;
padding: 15px;
margin-top: 114px;
}
#i1{
font-size: 55px;
color: teal;
}
#i2{
font-size: larger;
}
body{
font-family: 'Ubuntu', sans-serif;
}

.bottom_bar{
background-color: lavender;
overflow: auto;
}
.links a:hover{
opacity: calc(75%);
}
.links{
list-style: none;
float: left;
padding-left: 0px;
}
/*animations*/

Loading