-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
73d719c
commit 0f09c35
Showing
11 changed files
with
823 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,325 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
|
||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Profile</title> | ||
|
||
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" | ||
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" | ||
crossorigin="anonymous" referrerpolicy="no-referrer" /> | ||
|
||
<link rel="stylesheet" href="style.css"> | ||
<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=Dancing+Script&display=swap" rel="stylesheet"> | ||
<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=Dancing+Script:wght@400;700&family=Poor+Story&display=swap" | ||
rel="stylesheet"> | ||
|
||
|
||
<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=Playfair+Display&display=swap" rel="stylesheet"> | ||
|
||
|
||
<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=Abel&display=swap" rel="stylesheet"> | ||
</head> | ||
|
||
<body> | ||
<header> | ||
<div class="header"> | ||
<div class="head"> | ||
<a class="border" id="info" href="#about">About</a> | ||
<a class="border" href="#educ">Education & Experience</a> | ||
<a class="border" href="#Skills">Skills & Languages</a> | ||
<a class="border" href="#projects">My Projects</a> | ||
<a class="border" href="#award">Awards & Intersets</a> | ||
</div> | ||
|
||
<div class="profile"> | ||
<div class="img1"> | ||
<div id="box"> | ||
<div id="f1">Hello, I'm</div> | ||
<div> | ||
<b> | ||
<h1 id="f2">Shreeyanshi.</h1> | ||
</b> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="side"> | ||
<div id="photo"> | ||
</div> | ||
<div id="txt1">Shreeyanshi Gupta</div> | ||
<div id="txt2"> | ||
<p>B.tech in Information Technology</p> | ||
<p style="text-align: center;">IIIT Allhabad</p> | ||
</div> | ||
<div id="txt3"> | ||
<p>[email protected]</p> | ||
<pre> (+91)-9569******</pre> | ||
</div> | ||
|
||
<div class="icon"> | ||
<!-- <i class="fa-brands fa-linkedin-in"></i> | ||
<i class="fa-brands fa-facebook-f"></i> | ||
<i class="fa-brands fa-x-twitter"></i> | ||
<i class="fa-brands fa-instagram"></i> --> | ||
<a class="border" | ||
href="https://www.linkedin.com/in/shreeyanshi-gupta-748a0a282?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"> | ||
|
||
<i class="fa-brands fa-linkedin-in"></i></a> | ||
<a class="border " | ||
href="https://www.facebook.com/profile.php?id=100083024402786&sfnsn=wiwspwa&mibextid=RUbZ1f"> | ||
<i class="fa-brands fa-facebook-f"></i></a> | ||
<a class=" border" href="https://twitter.com/?lang=en"> | ||
<i class="fa-brands fa-x-twitter"></i></a> | ||
<a class="border" "https://www.instagram.com/"> | ||
<i class="fa-brands fa-instagram"></i></a> | ||
</div> | ||
<button id="btn"> Download CV</button> | ||
</div> | ||
|
||
</div> | ||
</div> | ||
</header> | ||
|
||
|
||
<a name="about"></a> | ||
|
||
<div class="abt"> | ||
<i> | ||
<div id="abT">About</div> | ||
</i> | ||
<div id="bkgd">MY BACKGROUND</div> | ||
<pre id="details"> | ||
|
||
I am a motivated and dedicated individual with a passion fortechnology and a commitment to continuous | ||
learning. Currently pursuing a Bachelor of Technology in Information Technology at the esteemed Indian | ||
Institute of Information Technology, Allahabad, I am excited about the opportunities and challenges that | ||
the ever-evolving field of IT presents. | ||
|
||
</pre> | ||
</div> | ||
<div class="content"> | ||
<a name="educ"> | ||
<div class="edu"> | ||
<div class="e"> | ||
<p id="p1">Education</p> | ||
<p id="p2">WHAT I'VE LEARNED</p><br> | ||
<div id="one"> | ||
<ul> | ||
<li> | ||
<p>2022</p> | ||
<p> Vanita Public School</p> | ||
<p>CBSE Board</p> | ||
<p>97.6%</p> | ||
|
||
|
||
<br> | ||
<li> | ||
<p>2020</p> | ||
<p>Vanita Public School</p> | ||
<p>CBSE Board</p> | ||
<p>97.8%</p> | ||
</li> | ||
</ul> | ||
</div> | ||
</div> | ||
|
||
<div class="e"> | ||
<p id="p1">Experience</p> | ||
<p id="p2">WHAT I'VE WORKED</p><br> | ||
<div id="two"> | ||
<ul> | ||
<li> | ||
Software Development Intern | XYZ Tech Solutions | May 2022 - August 2022** | ||
<li> Collaborated with a cross-functional team to develop and implement new features for a | ||
customer-facing web application. | ||
<li> Utilized JavaScript, React, and Node.js to enhance the user interface and improve | ||
overall user | ||
experience. | ||
</ul> | ||
<ul> | ||
<li>Academic Project: Smart Campus Management System | Indian Institute of Information | ||
Technology, | ||
Allahabad** | ||
<li> Led a team of three in the development of a comprehensive campus management system | ||
using Java | ||
and MySQL. | ||
|
||
</ul> | ||
</div> | ||
</div> | ||
</div> | ||
</a> | ||
<div class="line"></div> | ||
<br> | ||
<a name="Skills"> | ||
<p id="p3">Skills & Languages</p> | ||
<p id="p4">WHAT I BRING TO THE TABLE</p> | ||
<br><br> | ||
<div class="outerBox"> | ||
<div class="skill"> | ||
|
||
<div id="list"> | ||
<ul> | ||
<li>Basics of C++</li> | ||
<li>Basics of Python</li> | ||
<li>HTML</li> | ||
<li>CSS</li> | ||
<li>JavaScript</li> | ||
</ul> | ||
</div> | ||
<div id="list2"> | ||
<ul> | ||
<li>English</li> | ||
<li>Hindi</li> | ||
<li>Sanskrit</li> | ||
</ul> | ||
</div> | ||
|
||
<div id="b"> | ||
<div class="border2" id="pic3"> | ||
</div> | ||
<div class=" border2" id="pic2"> | ||
</div> | ||
<div class=" border2" id="pic1"> | ||
</div> | ||
|
||
</div> | ||
</div> | ||
|
||
</div> | ||
</a> | ||
<div class="line"></div><br> | ||
<a name="projects"></a> | ||
<div id="p" ;">My Projects</div> | ||
<p id="x"> | ||
These are the links to some github repositories | ||
</p> | ||
<div class="proj"> | ||
|
||
<div class="links"> | ||
<a href="https://shreeyanshi123.github.io/Game/" target="main">Rock Paper Scissors Game</a><br> | ||
<a href=" https://shreeyanshi123.github.io/Amazon-Clone/" target="main">Amazon Clone</a><br> | ||
<a href="https://shreeyanshi123.github.io/Responsive-sliding-login-and-registration-forms/" | ||
target="main">Responsive Responsive-sliding-login-and-registration-forms</a><br> | ||
<a href="https://shreeyanshi123.github.io/Grade-Calculator/" target="main">Student Grade | ||
Calculator</a><br> | ||
<a href="https://shreeyanshi123.github.io/Navigation-Bar/" target="main">Navigation Bar</a><br> | ||
< a href="https://shreeyanshi123.github.io/BMI-Calc/" target="main">BMI Calculator</a><br> | ||
<a href="https://shreeyanshi123.github.io/Tip/" target="main">Tip Calculator</a><br> | ||
<a href="https://shreeyanshi123.github.io/Tip-Calculator/" target="main">Task Tracker</a><br> | ||
|
||
</div> | ||
<div class="links2"> | ||
<a href="https://shreeyanshi123.github.io/Analog-clock/" target="main">Analog-Clock</a><br> | ||
<a href="https://shreeyanshi123.github.io/Payroll-Management/" target="main">Payroll Management</a><br> | ||
|
||
<a href="https://shreeyanshi123.github.io/Mousemove-parallax/" target="main">Mouseroll Parallax</a><br> | ||
|
||
|
||
<a href="https://shreeyanshi123.github.io/text-to-speech/" target="main">Text->Speech Convertor</a><br> | ||
|
||
<a href="https://shreeyanshi123.github.io/AI-image/" target="main">AI-Image Generator</a><br> | ||
|
||
</div> | ||
<div class="gallery"> | ||
<div> | ||
<video width="100%" controls autoplay> | ||
<source src="figma.mp4" type="video/mp4"> | ||
</source> | ||
</video> | ||
|
||
</div> | ||
<p style="color: #1C2349; font-style: italic;font-size: 20px;font-family:Plafair Display', cursive ;"> | ||
This project was a result of collabaritive team work. It is a protopye of a pet rental website | ||
created during a "Design Hackathon</p> | ||
</div> | ||
</div><br> | ||
<div class="line"></div> | ||
<a name="award"> | ||
<div class="fBox"> | ||
<div class="awards"> | ||
<div id="a">Awards</div> | ||
<ul> | ||
<li>Silver Medal in District Level Tae-kwon-do </li><br> | ||
<li>Bronze Medal in CBSE East-Zone</li> | ||
</ul> | ||
|
||
<!-- <p>Silver Medal in District Level Tae-kwon-do </p><br> | ||
<p>Bronze Medal in CBSE East-Zone</p> --> | ||
</div> | ||
|
||
<div class="interests"> | ||
<div id="a">Intersets</div> | ||
<ul> | ||
<li>Travelling | ||
<li>Cooking | ||
<li>Drawing | ||
<li>Reading</li> | ||
<li>Music</li> | ||
<li>Volunteering</li> | ||
</ul> | ||
</div> | ||
</div> | ||
</a> | ||
|
||
</div> | ||
|
||
|
||
|
||
<footer> | ||
<div class="footer"> | ||
|
||
<div id="text1"> | ||
<div id="t1"> | ||
I'd love to hear from you. | ||
</div> | ||
|
||
<div class="icon2"> | ||
<a | ||
href="https://www.linkedin.com/in/shreeyanshi-gupta-748a0a282?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"> | ||
|
||
<i class="fa-brands fa-linkedin-in"></i></a> | ||
<a href="https://www.facebook.com/profile.php?id=100083024402786&sfnsn=wiwspwa&mibextid=RUbZ1f"> | ||
<i class="fa-brands fa-facebook-f"></i></a> | ||
<a href="https://twitter.com/?lang=en"> | ||
<i class="fa-brands fa-x-twitter"></i></a> | ||
<a href="https://www.instagram.com/"> | ||
<i class="fa-brands fa-instagram"></i></a> | ||
|
||
</div> | ||
</div> | ||
|
||
<div id="text2"> | ||
<div id="t2"> | ||
<p style="color: #1C2349;">[email protected]</p> | ||
<p style=" color: #1C2349;">(+91)-9569******</p> | ||
</div> | ||
<div class="btn2"> | ||
<button id="btn" style="background-color: #5569DC;color: white; margin-top: 20px;"> Download | ||
CV</button> | ||
</div> | ||
|
||
</div> | ||
|
||
|
||
</div> | ||
<div class="blue"> | ||
<div id="copy"> | ||
<p id="p5">© 2023 Shreeyanshi Gupta</p> | ||
<p>Indian Institute of Information Technology</p> | ||
</div> | ||
</div> | ||
</footer> | ||
</body> | ||
|
||
</html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.