-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
232 lines (217 loc) · 11.7 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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="author" content="Ishaan Das">
<meta name="description" content="Portfolio website of Ishaan Das.">
<title>Ishaan Das</title>
<link rel="stylesheet" href="style.css" />
<link
href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog=="
crossorigin="anonymous"
/>
<link rel="icon" type="image/png" href="images/Group 5.png"/>
</head>
<body>
<section class="Home">
<div class="main-container">
<div class="left">
<h1>Hello ✌️, I'm <span class="ishn">Ishaan.</span></h1>
<p>
I'm a Design and Technology student at the Parsons School of Design.
I'm a filmmaking enthusiast and love making, watching, and analysing movies. I also have great Spotify playlists.
</p>
<div class="buttons">
<a href="#projects" class="button portfolio">Portfolio</a>
<a href="resume.pdf" target="_blank" class="button resume">Résumé</a>
</div>
</div>
<div class="right">
<img src="images/ishnds.png" alt="me" />
<div class="socials">
<a href="mailto:[email protected]"
><i class="fas fa-envelope"></i
></a>
<a
href="http://youtube.com/channel/UC63NANu-npmjNRsSIrY11og?"
target="_blank"
><i class="fab fa-youtube"></i
></a>
<a href="https://www.behance.net/ishaandas" target="_blank"
><i class="fab fa-behance-square"></i
></a>
<a href="https://dribbble.com/IshaanDas" target="_blank"
><i class="fas fa-basketball-ball"></i
></a>
<a href="https://www.instagram.com/ishaanndas/?hl=en" target="_blank"
><i class="fab fa-instagram"></i></a>
<a
href="https://www.linkedin.com/in/ishaan-das-4012691a6/"
target="_blank"
><i class="fab fa-linkedin"></i></a>
<a href="https://github.com/ishaanndas" target="_blank"
><i class="fab fa-github"></i
></a>
<a href="https://open.spotify.com/user/316uelschx74wl4n6aggft34cski?si=vgey0a8nRP-5Mrqapm2fpw" target="_blank"
><i class="fab fa-spotify"></i></a>
</div>
</div>
</div>
</section>
<section class="projects" id="projects">
<div class="project-container">
<h2>Projects</h2>
<div class="shape"></div>
<div class="project-cards">
<a href="https://ishaanndas.github.io/funkyrhythms/" target="_blank"><div class="card">
<div class="card-header">
<img src="images/funky.png" alt="Underground Polish Funk.">
</div>
<div class="card-body">
<h3>Funky Rhthyms</h3>
<h4>Web Development, Web Design, UI/UX Design.</h4>
<p>A small college project. Just a cool website for people to discover underground Polish funk music.</p>
</div>
</div>
</a>
<a href="https://www.behance.net/gallery/127691231/Konnect-Connecting-Like-Minded-Tech-Creators" target="_blank"><div class="card">
<div class="card-header">
<img src="images/Thumb.png" alt="Konnect">
</div>
<div class="card-body">
<h3>Konnect: Web App</h3>
<h4>UI/UX Design, Web Design, Interaction Design, Branding.</h4>
<p>Konnect aims to make it easy to find people to work with on your tech projects. There are several professional networking platforms, but sometimes we just want to find people to collaborate with on personal projects, which can prove challenging. Konnect aims to solve this problem.
This project was made for a college hackathon.
</p>
</div>
</div>
</a>
<a href="https://www.behance.net/gallery/121481701/Various-Company-Landing-Page-Revamps" target="_blank"><div class="card">
<div class="card-header">
<img src="images/lemon.png" alt="Lemon">
</div>
<div class="card-body">
<h3>Various Company Landing Page Redesigns</h3>
<h4>UI/UX Design, Web Design, Interaction Design</h4>
<p>During my internship at Lemon (lemon.be), I worked on several website redesign proposals for various companies with outdated sites. I revamped the existing landing pages of each of the brands. </p>
</div>
</div>
</a>
<a href="https://www.behance.net/gallery/101554053/Arena-Online-Chess-Platform-Concept" target="_blank"><div class="card">
<div class="card-header">
<img src="images/Drib – 2.png" alt="Arena">
</div>
<div class="card-body">
<h3>Arena | Online Chess Platform Concept</h3>
<h4>UI/UX Design, Branding, Interaction Design,
Motion Design.</h4>
<p>I challenged myself to design a product that revolutionizes the game of chess. Arena is a platform for playing and streaming chess games, introducing a number of exclusive board designs known as "Arenas", putting a strong emphasis on different chess variants and forming new ways of playing chess.</p>
</div>
</div>
</a>
<a href="https://www.behance.net/gallery/104719083/Fire-Away-Game-Design" target="_blank"><div class="card">
<div class="card-header">
<img src="images/dribble.png" alt="Fire Away!">
</div>
<div class="card-body">
<h3>Fire Away! | Game Design</h3>
<h4>UI/UX Design, Game Design,
Graphic Design.</h4>
<p>Fire Away! is a 2D mobile action game available on the Google Play Store. The player's objective is to destroy unlimited hordes of enemy droids at sea. The catch is that you can only move with the recoil from your gun. I designed the graphics, icons, and the UI for the game.</p>
</div>
</div>
</a>
<a href="https://www.behance.net/gallery/123993843/Iterate-Faster-Book-Cover-and-Illustrations" target="_blank"><div class="card">
<div class="card-header">
<img src="images/Iterate.png" alt="iterate">
</div>
<div class="card-body">
<h3>Iterate Faster Book Cover and Illustrations</h3>
<h4>Graphic Design, Illustration, Book Design.</h4>
<p>I did some design work on the book "Iterate Faster" which is about a goal-setting framework used by several companies - OKR. I made some illustrations to visualize certain concepts within the book and designed a few iterations of the book cover.
</p>
</div>
</div>
</a>
<a href="https://www.behance.net/gallery/98748655/Juncture-Caf-Brand-Design" target="_blank"><div class="card">
<div class="card-header">
<img src="images/juncture.png" alt="Juncture">
</div>
<div class="card-body">
<h3>Juncture Café | Brand Design and Promo Video </h3>
<h4>Branding, Graphic Design, Packaging Design,
Motion Design.</h4>
<p> Juncture Cafe is a concept for a modern coffeehouse I worked on as a personal project in June 2020. This was my first time experimenting with packaging design. I also designed some social media ads and created an animated promotional video.</p>
</div>
</div>
</a>
<a href="https://www.youtube.com/watch?v=Zpc1j8Mhzfg" target="_blank"><div class="card">
<div class="card-header">
<img src="images/sunaayy.jpg" alt="arena">
</div>
<div class="card-body">
<h3>Sunaayy Foundation Documentary</h3>
<h4>Film Direction, Editing, Cinematography.</h4>
<p>Sunaayy Foundation is a non-profit organization providing education and care to underprivileged children on the sidewalks of Delhi. Leading a team of two people, I shot, directed and edited a promotional documentary film showcasing the organization's work. </p>
</div>
</div>
</a>
<a href="https://www.behance.net/gallery/106764993/soBigr-Tech-Event-Banner-and-Illustrations" target="_blank"><div class="card">
<div class="card-header">
<img src="images/CW20.png" alt="CW20Banner">
</div>
<div class="card-body">
<h3>soBig.r | Tech Event Banner and Illustrations
</h3>
<h4>Graphic Design, Illustration.</h4>
<p>A social media banner and flat illustrations I created to promote my school's tech symposium, Code Wars 2020 (also known as soBig.r).</p>
</div>
</div>
</a>
<a href="https://www.behance.net/gallery/108094423/My-Chemical-Romance-Rebirth-Album-Concept" target="_blank"><div class="card">
<div class="card-header">
<img src="images/MCR.png" alt="MCR">
</div>
<div class="card-body">
<h3>My Chemical Romance - Rebirth | Album Design Concept</h3>
<h4>UI/UX Design, Branding, Illustration, Graphic Design.</h4>
<p>Rebirth is a hypothetical My Chemical Romance album that my team designed as part of a designathon event. We designed album covers, made up fake names for songs, and created artwork for the same. We also designed a mobile app, and a website to promote the album. I was the lead designer on the project. </p>
</div>
</div>
</a>
<a href="https://www.behance.net/gallery/108307755/Rozgar-Marketplace-With-A-Soul" target="_blank"><div class="card">
<div class="card-header">
<img src="images/rozgar.png" alt="Rozgar">
</div>
<div class="card-body">
<h3>Rozgar | Marketplace With A Soul</h3>
<h4>UI/UX Design, Branding, Interaction Design,
Motion Design.</h4>
<p>Rozgar is the concept for an E-Commerce product I designed in August 2020. Rozgar provides a three-way solution to simplify e-commerce and make it accessible to everyone with the Rozgar Seller, Consumer, and Delivery apps. These three applications work in harmony to create opportunities for merchants and local businesses to take their ventures online.</p>
</div>
</div>
</a>
<a href="https://www.youtube.com/watch?v=tQqOcxL8AXg&t=58s" target="_blank"><div class="card">
<div class="card-header">
<img src="images/fwd.jpg" alt="fwd:">
</div>
<div class="card-body">
<h3>fwd: | Short Film </h3>
<h4>Film Direction, Editing, Cinematography.</h4>
<p>A simple short horror film about a man who recieves a strange e-mail while working late at night. I worked on this film as a personal project. I wrote, shot, directed and edited the film and my cast and crew consisted of four people.</p>
</div>
</div>
</a>
</div>
</div>
</section>
</body>
</html>