-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
168 lines (157 loc) · 7.47 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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE HTML>
<!--
Paradigm Shift by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Paradigm Shift by HTML5 UP</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section class="intro">
<header>
<h1>Hitesh Bhat</h1>
<p>Sophomore at IIIT-D </p>
<ul class="actions">
<li><a href="#first" class="arrow scrolly"><span class="label">Next</span></a></li>
</ul>
</header>
<div class="content">
<span class="image fill" data-position="center"><img src="images/Hitesh.jpg" alt="" /></span>
</div>
</section>
<!-- Section -->
<section id="first">
<header>
<h2>About me</h2>
</header>
<div class="content">
<p> I am a passionate web developer and UI/UX designer currently pursuing a
B.Tech in Computer Science and Social Sciences (CSSS) at IIIT-Delhi.
With a keen eye for design and a strong foundation in web development,
I strive to create seamless, user-friendly digital experiences.</p>
<span class="image main"><img src="images/iiitdrndblock.jpeg" alt="" /></span>
</div>
</section>
<!-- Section -->
<section>
<header>
<h2>Skills and Expertise </h2>
</header>
<div class="content">
<ul class="feature-icons">
<li class="icon solid fa-laptop"><strong>Web Development:</strong></li>
<p>Proficient in HTML, CSS, JavaScript, and modern frameworks like React and Angular. I enjoy turning complex problems into simple, beautiful, and intuitive web designs.</p>
<li class="icon solid fa-code"><strong>UI/UX Design:</strong></li>
<p>Skilled in creating user-centric designs using tools like Adobe XD, Figma, and Sketch. I focus on delivering a seamless user experience through meticulous attention to detail and usability.</p>
<li class="icon solid fa-cog"><strong>Cross-Disciplinary Knowledge:</strong></li>
<p>My coursework in CSSS at IIIT-Delhi has equipped me with a unique blend of technical and social sciences knowledge, allowing me to approach problems with a holistic perspective.</p>
</ul>
</div>
</section>
<!-- Section -->
<section>
<header>
<h2>Experiences and Projects</h2>
</header>
<div class="content">
<p> Explore my journey through a diverse array of projects and professional experiences, where I've applied my skills in UI/UX design to create impactful digital solutions..</p>
<!-- Section -->
<section>
<header>
<h3>VocabBoost</h3>
<p>I proposed a vocabulary-enhancing app for diverse users, including students (school, college, ESL learners), working professionals (marketing, managers, writers), job seekers, and parents. Key features include clear word definitions, practical usage examples, user progress tracking, and interactive exercises. The app aims to boost academic success, professional communication, job readiness, and early language development. Parents with limited English proficiency can also improve their language skills. Engaging quizzes further reinforce vocabulary retention and practical application.</p>
</header>
<div class="content">
<div class="gallery">
<a href="images/gallery/fulls/01.jpg" class="landscape"><img src="images/Screenshot 2024-07-27 005148.png" alt="" /></a>
<a href="images/gallery/fulls/04.jpg" class="landscape"><img src="images/V.png" alt="" /></a>
</div>
</div>
</section>
<!-- Section -->
<section>
<header>
<h3>Microsoft visit</h3>
<p>I recently had the incredible opportunity to attend the opening ceremony of Social Summer Of Code '24 at Microsoft Gurugram, and it was an experience to remember! The event was packed with enlightening presentations from key figures in the industry.
It was an immensely beneficial meet, offering me a deep dive into the diverse aspects of open source and fostering a rich understanding of its principles.
</p>
</header>
<div class="content">
<div class="gallery">
<a href="images/gallery/fulls/05.jpg" class="landscape"><img src="images/M.jpg" alt="" /></a>
<a href="images/gallery/fulls/06.jpg"><img src="images/A.jpg" alt="" /></a>
<a href="images/gallery/fulls/07.jpg"><img src="images/B.jpg" alt="" /></a>
</div>
</div>
</section>
<section>
<header>
<h2>Goals</h2>
</header>
<div class="content">
<p>As I continue my studies and work on new projects, my goal is to push the boundaries of what's possible in web development and design. I aim to create solutions that not only meet client needs but also exceed user expectations.</p>
</div>
</section>
<!-- Section -->
<section>
<header>
<h2>Get in touch</h2>
</header>
<div class="content">
<p>I am always excited to collaborate on new projects and ideas. If you're looking for a web developer or UI/UX designer who is dedicated, innovative, and eager to learn, feel free to reach out. Let's create something amazing together!</p>
<form>
<div class="fields">
<div class="field half">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="field half">
<input type="email" name="email" id="email" placeholder="Email" />
</div>
<div class="field">
<textarea name="message" id="message" placeholder="Message" rows="7"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" class="button primary" /></li>
</ul>
</form>
</div>
<footer>
<ul class="items">
<li>
<h3>Email</h3>
<a href="#">[email protected]</a>
</li>
<li>
<h3>Elsewhere</h3>
<ul class="icons">
<li><a href="https://www.instagram.com/bhathitesh_02/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://www.linkedin.com/in/hitesh-bhat-262615273/" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/Bhat31" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
</ul>
</li>
</ul>
</footer>
</section>
<!-- Copyright -->
<div class="copyright">© Untitled. All rights reserved. Design: <a href="https://html5up.net">HTML5 UP</a>.</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>