diff --git a/A.png b/A.png new file mode 100644 index 0000000..1c61999 Binary files /dev/null and b/A.png differ diff --git a/B.png b/B.png new file mode 100644 index 0000000..81b3cb8 Binary files /dev/null and b/B.png differ diff --git a/C++.jpg b/C++.jpg new file mode 100644 index 0000000..ab941a1 Binary files /dev/null and b/C++.jpg differ diff --git a/W (2).jpg b/W (2).jpg new file mode 100644 index 0000000..0185518 Binary files /dev/null and b/W (2).jpg differ diff --git a/WhatsApp Image 2024-01-30 at 8.21.31 PM.jpeg b/WhatsApp Image 2024-01-30 at 8.21.31 PM.jpeg new file mode 100644 index 0000000..b469164 Binary files /dev/null and b/WhatsApp Image 2024-01-30 at 8.21.31 PM.jpeg differ diff --git a/figma.mp4 b/figma.mp4 new file mode 100644 index 0000000..2f61b87 Binary files /dev/null and b/figma.mp4 differ diff --git a/html.webp b/html.webp new file mode 100644 index 0000000..26655c4 Binary files /dev/null and b/html.webp differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..1a18356 --- /dev/null +++ b/index.html @@ -0,0 +1,325 @@ + + + + + + + Profile + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ About + Education & Experience + Skills & Languages + My Projects + Awards & Intersets +
+ +
+
+
+
Hello, I'm
+
+ +

Shreeyanshi.

+ +
+
+
+
+
+
+
Shreeyanshi Gupta
+
+

B.tech in Information Technology

+

IIIT Allhabad

+
+
+

shreeyanshi225@gmail.com

+ 
  (+91)-9569******
+
+ +
+ + + + + + + + + + +
+ +
+ +
+
+
+ + + + +
+ +
About
+ +
MY BACKGROUND
+ 
+
+        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.
+
+
+
+
+ +
+
+

Education

+

WHAT I'VE LEARNED


+
+
    +
  • +

    2022

    +

    Vanita Public School

    +

    CBSE Board

    +

    97.6%

    + + +
    +
  • +

    2020

    +

    Vanita Public School

    +

    CBSE Board

    +

    97.8%

    +
    • +
+
+
+ +
+

Experience

+

WHAT I'VE WORKED


+
+
    +
  • + Software Development Intern | XYZ Tech Solutions | May 2022 - August 2022** +
  • Collaborated with a cross-functional team to develop and implement new features for a + customer-facing web application. +
  • Utilized JavaScript, React, and Node.js to enhance the user interface and improve + overall user + experience. +
+
    +
  • Academic Project: Smart Campus Management System | Indian Institute of Information + Technology, + Allahabad** +
  • Led a team of three in the development of a comprehensive campus management system + using Java + and MySQL. + +
+
+
+
+ +
+
+ +

Skills & Languages

+

WHAT I BRING TO THE TABLE

+

+
+
+ +
+
    +
  • Basics of C++
    • +
  • Basics of Python
    • +
  • HTML
    • +
  • CSS
    • +
  • JavaScript
    • +
+
+
+
    +
  • English
    • +
  • Hindi
    • +
  • Sanskrit
    • +
+
+ +
+
+
+
+
+
+
+ +
+
+ +
+ +

+ +
My Projects
+

+ These are the links to some github repositories +

+
+ +
+ Rock Paper Scissors Game
+ Amazon Clone
+ Responsive Responsive-sliding-login-and-registration-forms
+ Student Grade + Calculator
+ Navigation Bar
+ < a href="https://shreeyanshi123.github.io/BMI-Calc/" target="main">BMI Calculator
+ Tip Calculator
+ Task Tracker
+ +
+
+ Analog-Clock
+ Payroll Management
+ + Mouseroll Parallax
+ + + Text->Speech Convertor
+ + AI-Image Generator
+ +
+
+
+ + +
+

+ This project was a result of collabaritive team work. It is a protopye of a pet rental website + created during a "Design Hackathon

+
+

+
+ +
+
+
Awards
+
    +
  • Silver Medal in District Level Tae-kwon-do

    • +
  • Bronze Medal in CBSE East-Zone
    • +
+ + +
+ +
+
Intersets
+
    +
  • Travelling +
  • Cooking +
  • Drawing +
  • Reading
    • +
  • Music
    • +
  • Volunteering
    • +
+
+
+ + +
+ + + + + + + \ No newline at end of file diff --git a/python.jpg b/python.jpg new file mode 100644 index 0000000..f2806d9 Binary files /dev/null and b/python.jpg differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..275e489 --- /dev/null +++ b/style.css @@ -0,0 +1,482 @@ +* { + padding: 0px; + margin: 0px; + color: white; +} + +html{ + scroll-behavior: smooth; + /* scroll-padding: 10rem; */ +} + + +.border{ + border:2px solid transparent; + border-radius: 2px; +} + +.border:hover{ + border:2px solid white; + +} + + + + +.head { + display: flex; + font-family: 'Dancing Script'; + + text-align: left; + font-size: 20px; + height: 80px; + align-items: center; + + background-color: #5569DC; +} + + +.head a { + text-decoration: none; + margin-left: 8rem; +} + +#photo { + height: 200px; + width: 200px; + background-image: url("WhatsApp\ Image\ 2024-01-30\ at\ 8.21.31\ PM.jpeg"); + background-size: cover; + border-radius: 50%; +} + +.profile { + display: flex; +} + +.img1 { + background-image: url("W\ \(2\).jpg"); + background-size: cover; + height: 600px; + width: 70%; + /* opacity: 0.75; */ + + + +} + + + +#box { + z-index: 1; + display: flex; + text-align: center; + padding-bottom: 2rem; + flex-direction: column; + /* justify-content: end; */ + align-items: baseline; + margin-top: 400px; + height: 100%; +} + +#f1 { + font-size: 24px; + font-family: 'Abel', sans-serif; + letter-spacing: 0.35em; + margin-bottom: 10px; + /* Add some margin to separate #f1 and #f2 */ +} + +#f2 { + font-family: 'Playfair Display', serif; + font-size: 88px; + line-height: 0.95em; + margin: 0; + letter-spacing: 0.15em; + color:#1C2349; +} + + + +/* Overlay to make the text not opaque */ +.overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(28, 19, 19, 0.7); + /* Adjust the opacity as needed */ + z-index: 1; +} + +.icon { + display: flex; + font-size: 30px; + color: white; + justify-content: space-evenly; +} + +i { + padding-right: 7px; +} + +.side { + background-color: #5569DC; + height: 600px; + width: 30%; + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + + +} + +#btn { + color: blue; + height: 50px; + width: 150px; + font-size: small; + margin: 20px; + border: none; + border-radius: 5px; + cursor: pointer; + +} + +#txt1 { + font-size: 40px; + font-family: 'Playfair Display', serif; +} + +#txt2 { + font-size: 20px; + letter-spacing: 0.25em; + font-family: 'Abel', sans-serif; +} + +#txt3 { + font-size: 16px; + display: flex; + flex-direction: column; + padding: 2px 0px 0px 0px; + font-family: 'Abel', sans-serif; +} + + +/* font-family: 'Dancing Script', cursive; */ +/* font-family: 'Playfair Display', serif; */ + + + +.abt { + height: 400px; + width: 100%; + background-color: #e5eff8; + display: flex; + flex-direction: column; + justify-content: center; +} + +#abT { + line-height: 0.95em; + font-family: 'Playfair Display', serif; + color: #5569DC; + font-size: 42px; + font-weight: bold; + + margin-left: 150px; +} + +#bkgd { + line-height: 1em; + margin-top: 20px; + font-family: 'Plafair Display', serif; + margin-left: 150px; + letter-spacing: 0.65em; + color: #5569DC; + font-size: 16px; +} + +#details { + font-family: 'Abel', sans-serif; + margin-left: 115px; + + font-size: 21px; + line-height: 2em; + color: #1C2349; + +} + + +.content { + height: 1800px; +} + + +.footer { + height: 400px; + width: 100%; + background-color: #e5eff8; +} + +.blue { + height: 60px; + width: 100%; + font-style: italic; + letter-spacing: 0.15em; + font-family: 'Abel', sans-serif; + display: flex; + justify-content: center; + align-items: center; + background-color: #5569DC; +} + +#p5 { + text-align: center; +} + +.footer { + display: flex; + align-items: center; + justify-content: space-around; +} + +#text1 { + display: flex; + flex-direction: column; + justify-content: center; +} + +#t1 { + + font-size: 32px; + height: 80px; + width: 250px; + margin-bottom: 15px; + font-style: italic; + color: #5569DC; + overflow-wrap: break-word; + font-family: 'Playfair Display', serif; + +} + +#t2 { + margin-top: 35px; + height: 80px; + width: 250px; + text-align: center; +} + +#text2 { + display: flex; + flex-direction: column; + justify-content: center; + /* margin-left: 2px; */ +} + +.icon2 { + margin-top: 20px; + margin-left: 5px; + font-size: 30px; + justify-content: space-evenly; +} + +.icon2 i { + color: #1C2349; +} + +.fBox { + height: 400px; + width: 100%; + display: flex; + /* background-color: pink; */ + justify-content: space-around; + align-items: start; +} + +#a { + font-style: italic; + font-size: 42px; + font-weight: bold; + margin-bottom: 15px; + font-family: 'Playfair Display', serif; + color: #5569DC; +} + +.awards li { + color: #1C2349; + font-size: 20px; + font-family: 'Abel', sans-serif; + +} + +.interests li { + font-size: 20px; + color: #1C2349; + font-family: 'Abel', sans-serif; + +} + + + +#p1 { + font-style: italic; + font-size: 42px; + font-weight: bold; + font-family: 'Playfair Display', serif; + color: #5569DC; +} + +#p2 { + font-family: 'Plafair Display', serif; + letter-spacing: 0.65em; + color: #5569DC; + font-size: 16px; +} + +.edu { + margin-top: 50px; + height: 600px; + width: 100%; + display: flex; + justify-content: space-evenly; +} + +#one{ + /* background-color: blue; */ + margin-left: 10px; + text-align: left; + +} +#one p{ + font-size: 20px; + font-family: 'Abel', sans-serif; + color:#1C2349; +} +#two{ + width: 300px; + overflow-wrap: break-word; +} +#two li{ + margin-left: 10px; + text-align: left; + font-size: 20px; + /* overflow-wrap: break-word; */ + font-family: 'Abel', sans-serif; + color:#1C2349; + +} + +#p{ + color: #5569DC; + font-size: 42px; + font-family:'Plafair Display', serif ; + font-style: italic; + font-weight:bold; + text-align: center; +} +.proj{ + margin-top: 20px; + display: flex; + justify-content: space-evenly; + align-items: center; +} + +#x{ + + color:#5569DC; + text-align: center; + font-family:'Abel', sans-serif; + letter-spacing: 0.25em; + font-size: 20px; +} +.links a, +.links2 a{ + color:#1C2349; + font-family:'Plafair Display', cursive ; + font-size: 20px; +} +.gallery{ + align-items: center; + width: 50vh; +} +.gallery div video{ + width:100%; + height: 200px; + +} +.outerBox{ + display: flex; + flex-direction: column; + height: 350px; +} +.skill{ + height: 300px; + width: 100%; + display: flex; + justify-content: space-around; + +} +#list li{ + width: 200px; + color: #1C2349; + font-size: 20px; + font-family:'Abel', sans-serif ; +} + +#list2 li{ + width: 200px; + color: #1C2349; + font-size: 20px; + font-family:'Abel', sans-serif ; +} +#p3{ + text-align: center; + font-size: 40px; + font-family: 'Dancing Script', cursive; + color: #5569DC; + font-weight: bold; +} +#p4{ + text-align: center; + font-size: 16px; + font-family:'Abel', sans-serif ; + color:#5569DC; + letter-spacing: 0.5em; +} + +#pic1{ + height: 100px; + width: 100px; + background-size: cover; + border-radius: 50%; + background-image: url("python.jpg"); +} +#pic2{ + height: 100px; + width: 100px; + background-size: cover; + border-radius: 50%; + background-image: url("html.webp"); +} +#pic3{ + height: 100px; + width: 100px; + background-size: cover; + border-radius: 50%; + background-image: url("C++.jpg"); +} +.border2{ + border: 2px solid transparent; +} +.border2:hover{ + border:2px solid #1C2349 ; + transform: scale(1.05); +} + +.line{ + height: 2px; + width: 100%; + background-color: #1C2349; +} \ No newline at end of file diff --git a/table.html b/table.html new file mode 100644 index 0000000..7e305d6 --- /dev/null +++ b/table.html @@ -0,0 +1,16 @@ + + + + + + Document + + + + + + + +
Column1Column2
+ + \ No newline at end of file