-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
152 lines (137 loc) · 7.75 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Yash Khandelwal | User Interface and Experience Designer</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script src="js/script.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
<link rel="manifest" href="img/site.webmanifest">
</head>
<body>
<div class="fixed-top" id="header">
<nav class="navbar navbar-expand-sm navbar-light">
<a class="navbar-brand" href="index.html"><img alt="Yash Khandelwal" src="img/logo.svg"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<div class="mr-auto"></div>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#works">Works</a>
</li>
<li class="nav-item">
<a class="nav-link" href=" https://drive.google.com/file/d/1-pVIPOUIaZktp9aUnPU_4Da5dlcWhpMH/view?usp=sharing" target="_blank" download>Resume</a>
<li class="nav-item">
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a></li>
</ul>
</div>
</nav>
<!-- <div id="header-progress"></div>-->
</div>
<div class="banner-info" id="something" >
<label class="light-label">UI/UX Design Portfolio</label>
<h1>Hi, I am Yash Khandelwal</h1>
<p>A self-motivated, self-taught UI/UX designer, passionate about creating simple, delightful and creative User Experiences</p>
<div class="banner-button d-flex flex-row flex-wrap">
<a href="mailto:[email protected]" class="pbtn btn">Mail Me</a>
<a href=" https://drive.google.com/file/d/1-pVIPOUIaZktp9aUnPU_4Da5dlcWhpMH/view?usp=sharing" target="_blank" download class="pbtn btn" id="t15">Resume <i class="fa fa-arrow-down"></i></a>
</div>
<label class="scroll-text">Scroll down to see work <i class="fa fa-chevron-down"></i></label>
</div>
<div class="all-projects" id="works">
<div class="intern-projects" data-aos="fade-up">
<h2>Internships</h2>
<div class="project-stack">
<div class="card card-setu">
<div class="card-content">
<h1>UX Design Internship at Setu</h1>
<div class="card-line"></div>
<a href="https://setu.co/">Visit Website</a>
</div>
</div>
<div class="card card-turing ">
<div class="card-content">
<h1>UI/UX Design Internship at turingLabs</h1>
<div class="card-line"></div>
<a href="https://www.turinglabs.in/">Visit Website</a>
</div>
</div>
<div class="card card-ct ">
<div class="card-content">
<h1>Product Design Internship at ClearTax</h1>
<div class="card-line"></div>
<a href="cleartax.html">Read Documentation</a>
</div>
</div>
<div class="card hidden"></div>
</div>
</div>
<div class="other-projects" data-aos="fade-up">
<h2>Projects</h2>
<div class="project-stack">
<div class="card card-sds ">
<div class="card-content">
<h1>Redesigning Study Portal at SDSLabs</h1>
<div class="card-line"></div>
<a href="studyportal.html">Read Documentation</a>
</div>
</div>
<div class="card card-nss ">
<div class="card-content">
<h1>Rebranding National Social Summit</h1>
<div class="card-line"></div>
<a href="nss.html">Read Documentation</a>
</div>
</div>
<div class="card card-erick">
<div class="card-content">
<h1>Erick - Design Sprint</h1>
<div class="card-line"></div>
<a href="erick.html">Read Documentation</a>
</div>
</div>
<div class="card card-iitr">
<div class="card-content">
<h1>Solving for Commute - bestWay</h1>
<div class="card-line"></div>
<p class="center-content">Documentation Coming Soon</p>
</div>
</div>
</div>
</div>
</div>
<div class="content-separator-line" id="t9"></div>
<div class="footer" id="mobile-css">
<div class="footer-content" id="contact" data-aos="fade-up">
<h2> <span id="t14">Let's</span> Connect!</h2>
<p>I am open to all type of project or freelance opportunities.<br> Ping me now to discuss or just say hello.</p>
<h4>Email</h4>
<a href="mailto:[email protected]">[email protected]</a>
<div class="social-links">
<a href="https://www.linkedin.com/in/khandelwaly/" target="_blank"><i class="fa fa-linkedin"></i></a>
<a href="https://www.behance.net/yashgupta8d6cb" target="_blank"><i class="fa fa-behance"></i></a>
<a href="https://dribbble.com/yashg" target="_blank"><i class="fa fa-dribbble" target="_blank"></i></a>
<a href="https://www.facebook.com/Gupta.yashuu" id="t15" target="_blank"><i class="fa fa-facebook"></i></a>
</div>
</div>
<img src="img/HumaaLeaf.svg">
</div>
</body>
</html>