-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
127 lines (120 loc) · 6.23 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!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>Khushi Goyal | Portfolio</title>
<link rel="shortcut icon" href="images/favicon_io/android-chrome-192x192.png" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.css">
</head>
<body>
<div id="nav">
<a href="#">Khushi Goyal</a>
<svg onclick="locoScroll.scrollTo('#main')" class="header_back__30UYF" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 62 62">
<g fill="white" fill-rule="nonzero">
<path
d="M31 .5C14.155.5.5 14.155.5 31S14.155 61.5 31 61.5 61.5 47.845 61.5 31 47.845.5 31 .5zm0 1c16.292 0 29.5 13.208 29.5 29.5S47.292 60.5 31 60.5 1.5 47.292 1.5 31 14.708 1.5 31 1.5z">
</path>
<path
d="M38.974 33.704c-1.733-.021-5.35-1.67-15.577-1.712 3.83.877 7.425 2.418 7.318 4.622-.043 1.113-.728 1.926-1.947 1.947-.471 0-.963-.15-1.37-.556-1.37-1.37-1.284-4.922-6.098-6.398l-.407-.107c5.221-1.37 5.2-4.986 6.505-6.462.385-.428.942-.556 1.412-.556 1.156 0 1.883.813 1.905 1.947.021 2.204-3.66 3.787-7.51 4.643 10.377-.064 14.036-1.712 15.748-1.669 1.326 0 2.375.963 2.353 2.14 0 1.24-1.005 2.16-2.332 2.16z">
</path>
</g>
</svg>
<button class="resume-btn">
<a style="text-decoration: initial;" href="https://drive.google.com/file/d/1XCQ9cjK0g-DHZ41rnzoCwkmclD1bwXs6/view?usp=sharing" target="_blank" download="">get
my resume offline</a>
</button>
</div>
<div id="main">
<div data-scroll-section id="page1">
<div id="image-div">
<img src="images\new.PNG"
alt="">
</div>
</div>
<div data-scroll-section id="page2">
<div id="name-div">
<h1>Khushi Goyal ? </h1>
<h1>Khushi Goyal ? </h1>
<h1>Khushi Goyal ? </h1>
</div>
<div id="intro-div">
<h1>Hi!👋</h1>
<h1>I'm Khushi, a software developer & a web developer. </h1>
<h1>I have a keen interest in creating innovative solutions through coding and aim to leverage my skills to contribute effectively to the field of software development.</h1>
</h1>
<div id="prof">
<a target="_blank" href="mailto:[email protected] ">
<img src="./images/hii.png" alt="">
</a>
<a target="_blank" href="https://github.com/swagger20">
<img src="./images/repo.png" alt="">
</a>
</div>
</div>
</div>
<div data-scroll-section id="page3">
<h3>Things I'm <span>good</span> at</h3>
<h5>skills, interests, passion and hobbies</h5>
<div class="box dev-box">
<h4>development</h4>
<div class="elem-div">
<img src="./images/React-icon.svg.webp" alt="">
<img src="images\c++.PNG" alt="">
<img src="./images/js-min.webp" alt="">
<img src="./images/node-min.webp" alt="">
<img src="./images/mongodb-min.webp" alt="">
<img src="./images/MySQL-min.webp" alt="">
<img src="./images/github-min.webp" alt="">
<img src="./images/gsap-min.webp" alt="">
<img src="./images/html-min.webp" alt="">
<img src="./images/css-min.webp" alt="">
</div>
</div>
</div>
<div data-scroll-section id="page4">
<h2>crafted with <span>love</span>.</h2>
<h4>these are few of my recent works</h4>
<div id="work-sample">
<img src="./images/work/bulb.webp" alt="">
<img src="./images/work/Lpdesign.gif" alt="">
<img src="./images/work/air-max.webp" alt="">
<img src="./images/work/girlwhocode1.webp" alt="">
<img src="./images/work/shery.webp" alt="">
<img src="./images/work/barba (1).gif" alt="">
<img src="./images/work/fluid.webp" alt="">
<img src="./images/work/bond.webp" alt="">
<img src="./images/work/des1.webp" alt="">
<!-- <img src="./images/work/des2.png" alt=""> -->
</div>
</div>
<div data-scroll-section id="page6">
<h1> My recent<span> biggest</span> achievement.</h1>
<h2 id="won">Won <span>Walmart CodeHers'24</span> by securing position in top 15 women coders.</h2>
<h2>Got Summer internship in<span> Walmart</span> itself.</h2>
</div>
<section data-scroll-section class="page5">
<h1>you can get in touch <br>
with me via <span class="mail">
<a target="_blank" href="mailto: [email protected]">mail</a>
</span> or <span class="linkedin">
<a target="_blank" href="https://www.linkedin.com/in/khushi-goyal-b0496a230/">linkedIn</a></span>.
</h1>
<footer>
created with ❤️ by me
</footer>
</section>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"
integrity="sha512-gmwBmiTVER57N3jYS3LinA9eb8aHrJua5iQD7yqYCKa5x6Jjc7VDVaEA0je0Lu0bP9j7tEjV3+1qUm6loO99Kw=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/ScrollTrigger.min.js"
integrity="sha512-tHvUcUQYi35zApvAa5TNR3fNhBQkVtkmWKfacnpxmix4/VTGz1lGjIVyLMp7gLgAvg+aKJjnVKokXJNS5GZ+/g=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="script.js"></script>
</body>
</html>