-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
178 lines (161 loc) · 6.42 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet" />
<title>Ishaan Shaikh - Portfolio</title>
<script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>
</head>
<body>
<header>
<nav class="navbar">
<div class="logo">Ishaan</div>
<ul class="navLinks">
<input type="checkbox" id="navToggle" />
<label for="navToggle" class="bars">☰</label>
<div class="menu">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#contact">Contact</a></li>
</div>
</ul>
</nav>
</header>
<section id="home">
<div class="text">
<h2> I'm Ishaan Shaikh.</h2>
<h4>talk to me about <span id="typing"></span></h4>
<p>I'm a Mumbai based web developer, web designer and a tech enthusiast creating awesome and effective visual
identities for companies of all sizes around the globe. Let's start scrolling and learn more about me. </p>
<div class="socials">
<a href="https://twitter.com/Ishaan0132" target="_blank"><i class="ri-twitter-x-fill"></i>
<a href="https://www.linkedin.com/in/ishaan0132/" target="_blank"><i class="ri-linkedin-box-fill"></i></a>
<a href="https://github.com/Ishaan0132" target="_blank"><i class="ri-github-fill"></i></a>
</div>
</div>
<div class="scroll">
<a href="#about">
<i class="ri-arrow-down-circle-line"></i>
<span>Scroll Down</span>
</a>
</div>
</section>
<section id="about">
<h2 class="heading">About Me</h2>
<div class="aboutRow">
<div class="column" style="text-align: center;">
<img src="images/dev.png">
</div>
<div class="column">
<p>Greetings! I'm Ishaan Shaikh, a dedicated student from Mumbai and currently pursuing my academic journey at
Veermata Jijabai Technological Institute (VJTI). With a fervent passion for technology and problem-solving,
I've
found my niche in the dynamic realm of web development.
Whether it's developing responsive websites or engineering interactive web applications, I relish the creative
challenges that come with transforming concepts into reality.
Beyond my role as a web developer, I'm deeply engrossed in the world of competitive programming. The complex
algorithmic puzzles and fine-tuning my problem-solving skills through coding competitions fuels my enthusiasm
for continuous growth and learning.
I also enjoy collaborating with like-minded individuals, exchanging ideas, and embarking on innovative
projects
that challenge conventional norms.
With a blend of creativity, curiosity, and dedication, I aspire to create impactful solutions that resonate
with
users and drive positive change. </p>
</div>
</div>
</section>
<section id="skills">
<h2 class="heading">Tools and Technologies</h2>
<div id="skillsContainer">
</div>
</section>
<section id="projects">
<h2 class="heading">Projects</h2>
<div class="projectsContainer">
<a href="https://ishaan0132.github.io/WaterFootprint-Calaculator/" target="_blank">
<div><img alt="Aquameter" sizes="100vw"
src="https://s6.imgcdn.dev/tL8gL.md.png"></div>
<h3>Aquameter</h3>
<p>A Water footprint calculator.</p>
</a>
<a href="https://github.com/Ishaan0132/Phantom-Ozonix" target="_blank">
<div><img alt="Phantom Ozonix" sizes="100vw"
src="https://s6.imgcdn.dev/tbdPy.png"></div>
<h3>Phantom Ozonix</h3>
<p>A chatbot for pokemon showdown.</p>
</a>
<a href="https://github.com/ISenseAura/tutorial-app" target="_blank">
<div><img alt="Tutorial App" sizes="100vw"
src="https://s6.imgcdn.dev/tLpSw.md.png"></div>
<h3>Tutorial App</h3>
<p>An app containing tutorials in native languages.</p>
</a>
</div>
</section>
<section id="education">
<h2 class="heading">Education</h2>
<div class="edContainer">
<div class="ed edRight">
<div class="marker"></div>
<div class="desc">
<h3>Veermata Jijabai Technological Institute</h3>
<span>BTech Computer Engineering</span>
<p>Participated in my first Hackathon<br>Developed interest for Competitive Programming<br>Improved presentation skills </p>
</div>
</div>
<div class="ed edLeft">
<div class="marker"></div>
<div class="desc">
<h3>Thomas Baptista Junior College</h3>
<span>HSC Science</span>
<p>Focused mainly on entrance exams <br>Scored 93.17% in boards, 2nd in college <br>Secured 42nd rank in CET</p>
</div>
</div>
</div>
</section>
<section id="contact">
<h2 class="heading">Contact Me</h2>
<div class="contact">
<div class="column">
<h4>Have a new project in mind? Let's collaborate and build something awesome. Let's turn that idea to an even
greater product</h4>
</div>
<div class="column">
<div class="row">
<div class="column">
<div class="contactInfo">
<h5>Email</h5>
<p> [email protected]</p>
</div>
</div>
<div class="column">
<a href="mailto:[email protected]" class="mailBtn">Let's Talk</a>
</div>
</div>
</div>
</div>
</section>
<footer>
<div>
<p>Made by <span>Ishaan Shaikh</span></p>
<a href="https://www.vecteezy.com/free-png/developer">Developer PNGs by Vecteezy</a>
</div>
</footer>
<script src="script.js"></script>
<script>
var typed = new Typed('#typing', {
strings: ['Frontend Development', 'Competitive Programming'],
typeSpeed: 70,
backSpeed: 40,
shuffle: true,
loop: true,
});
</script>
</body>
</html>