-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
150 lines (137 loc) · 7.95 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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" media="screen and (max-width:800px)" href="tablet.css">
</head>
<link rel="stylesheet" media="screen and (max-width:530px)" href="phone.css">
<body>
<nav class="navbar">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About Me</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#achievements">Achievements</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<section id="home">
<div class="main"></div>
<h1 class="heading">Hey there! I am</h1>
<h1 class="headings">Khushi Singh</h1>
<button class="btn">
<nav><a href="#contact">Hire Me!</a></nav>
</button>
</div>
</section>
<section id="about">
<h1 class="headings">ABOUT ME</h1>
<div id="pic">
<img src="photo.jpg" alt="">
<div id="intro">
<ul style="list-style-position:inside">
<li>A passionate programmer and a pre-final year student pursuing Bachelor of Technology in Computer Science with specialization in Artificial Intelligence at Banasthali Vidyapith.<br></li>
<br><li>Proficient in coding languages such as C, Java and JavaScript driven by a genuine passion for programming.</li>
<br><li>Hands-on experience in front-end web development, with knowledge in HTML, CSS and JavaScript.</li>
<br><li>Committed to continuous improvement, updating skills daily to stay ahead in the dynamic tech landscape.</li>
<br><li>Thrives in public speaking and collaborative teamwork, emphasizing the power of knowledge-sharing.</li>
<br><li>Firmly belief that knowledge should never be limited, inspiring a positive attitude towards learning.</li>
<br><li>Interned at NoQs Digital in Summer 2023 as a Web Developer Intern, gaining practical experience in the field.</li>
<br><li>Contributed to GSSoC '23, expanding skills and making meaningful contribution.</li>
<br><li>Hold the position of Junior Executive Head at Team Nayan, a student community at Banasthali Vidyapith.</li>
<br><li>Actively involved as a Mentee at Codess.Cafe.</li>
<br><li>Embrace a positive attitude towards learning and seize new opportunities with a hunger for personal and professional growth.</li>
<br><li>Aspires to leverage skills to bring value to organizations and positively impact people's lives through problem-solving.</li>
<h2><br>"Success is not final, failure is not fatal. It is the courage to continue that counts."</h2>
</ul>
</div>
</div>
</section>
<section id="portfolio">
<h1 class="headings">PORTFOLIO</h1>
<div class="gallery">
<img src="Portfolio/GSSoC.jpeg" alt="">
<img src="Portfolio/noqs.png" alt="">
<img src="Portfolio/ArshGoyal.jpeg" alt="">
<img src="Portfolio/IshanSharma.jpeg" alt="">
</div>
<div class="gallery">
<img src="Portfolio/profile1.jpeg" alt="">
<img src="Portfolio/profile2.jpeg" alt="">
<img src="Portfolio/Grouppic2.jpeg" alt="">
<img src="Portfolio/Grouppic.jpeg" alt="">
</div>
</section>
<section id="skills">
<h1 class="headings">SKILLS</h1>
<div class="gallery">
<img src="Skills/letter-c.png" alt="">
<!-- <img src="Skills/c-.png" alt=""> -->
<img src="Skills/java.png" alt="">
</div>
<div class="gallery">
<img src="Skills/html-5.png" alt="">
<img src="Skills/css-3.png" alt="">
<img src="Skills/java-script.png" alt="">
</div>
</section>
<section id="experience">
<h1 class="headings">EXPERIENCE</h1>
<div class="row">
<div class="box">
<img src="Experience/internship.png" alt="">
<h1 class="headings">Web Developer<br>Intern</h1>
<h4>NoQs Digital</h4>
<p><br>Served as a Web Developer Intern at NoQs Digital during my Summer Internship 2023. This opportunity deepened my understanding of web development, honed my leadership and communication skills, and provided invaluable experience in entrepreneurship and marketing along with a dynamic professional community.</p>
</div>
<div class="box">
<img src="Experience/browser.png" alt="">
<h1 class="headings">GSSoC<br>Contributor</h1>
<h4>Girl Script Summer of Code 2023</h4>
<p><br>Started my Open Source journey as a Contributor in GirlScript Summer of Code by GirlScript Foundation. I actively contributed to project under expert mentorship, gaining invaluable experience and making meaningful contributions to real-world initiatives.</p>
</div>
<div class="box">
<img src="Experience/social-responsibility.png" alt="">
<h1 class="headings">Junior<br>Executive Head</h1>
<h4>Team Nayan</h4>
<p><br>As Junior Executive Head at Team Nayan, led impactful events at Banasthali Vidyapith, enhancing leadership and promoting inclusivity in the academic community.</p>
</div>
</section>
<section id="achievements">
<h1 class="headings">ACHIEVEMENTS</h1>
<div class="row">
<div class="box">
<img src="Achievements/education.png" alt="">
<h1 class="headings">RFUG Scholar</h1>
<h4>Reliance Foundation Undergraduate Scholar</h4>
<p><br>Achieved the prestigious Reliance Foundation Undergraduate Scholarship, emerging as one of the top 5000 scholars nationwide. This honor underscores my commitment to academic excellence and has fueled my passion for contributing meaningfully to the community through education and innovation.</p>
</div>
<div class="box">
<img src="Achievements/education.png" alt="">
<h1 class="headings">AICTE Scholar</h1>
<h4>Pragati Scholarship</h4>
<p><br>Selected for the UGC/AICTE Pragati Scholarship, a distinguished honor that places me among the top 5000 students nationwide. This recognition not only reflects my academic prowess but also underscores my dedication to fostering positive change through education and empowering future endeavors.</p>
</div>
<div class="box">
<img src="Achievements/education.png" alt="">
<h1 class="headings">Harvard<br>WEAmplify<br>Scholar</h1>
<p>Selected for WEAmplify Scholarship to attend Harvard WECode conference 2023, one of the largest student-run women in tech conferences, fueling my tech innovation passion.</p>
</div>
</section>
<section id="contact">
<h1 class="headings">CONTACT</h1>
<form action="https://api.web3forms.com/submit" method="POST" class="form">
<input type="hidden" name="access_key" value="2c99c2ae-7f4e-4238-bf1d-fa8091086578">
<input type="text" name="name" class="input" placeholder="Your Name">
<input type="email" name="email" class="input" placeholder="Your E-mail ID">
<textarea name="msg" id="msg" cols="30" rows="10" placeholder="Type your message..."></textarea>
<input type="submit" value="Send" id="send">
</form>
</section>
</body>
</html>