-
Notifications
You must be signed in to change notification settings - Fork 19
/
index.html
183 lines (179 loc) · 10 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>thekaushikgoswami | portfolio</title>
<link rel="icon" type="image" href="./assets/favicon.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
<link href="https://fonts.googleapis.com/css?family=Comfortaa:700" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css"
integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="index.css">
</head>
<body>
<div id="loading">
<div id="spinner"></div>
</div>
<div id="particles-js"></div>
<div id="box">
<div class="box1 onlywide animated bounceOutLeft" style="animation-delay: 1700ms;"></div>
<div class="box2 onlywide animated bounceOutLeft" style="animation-delay: 1800ms;"></div>
<div class="box2 onlywide animated bounceOutLeft" style="animation-delay: 1900ms;"></div>
<div class="box2 animated bounceOutRight" style="animation-delay: 1900ms;"></div>
<div class="box2 onlywide animated bounceOutRight" style="animation-delay: 1800ms;"></div>
<div class="box2 onlywide animated bounceOutRight" style="animation-delay: 1700ms;"></div>
</div>
<a id="about" onclick="showabout()" class="animated fadeIn" style="animation-delay: 1000ms;">about</a>
<a id="work" onclick="showwork()" class="animated fadeIn" style="animation-delay: 1000ms;">work</a>
<a id="contact" onclick="showcontact()" class="animated fadeIn" style="animation-delay: 1000ms;">contact</a>
<a id="projects" onclick="showprojects()" class="animated fadeIn" style="animation-delay: 1000ms;">projects</a>
<div id="middle" class="animated slideInDown" style="animation-delay: 2000ms;">
<h1>kaushik.</h1>
<h2>Developer / Graphic Designer / Human</h2>
<div id="menu">
<a onclick="showabout()">about</a>
<a onclick="showwork()">work</a>
<a onclick="showcontact()">contact</a>
<a onclick="showprojects()">projects</a>
</div>
<table>
<tr>
<td class="animated zoomIn" style="animation-delay:2.2s;"><a class="social"
href="https://www.linkedin.com/in/thekaushikgoswami"><i class="fab fa-linkedin"></i></a></td>
<td class="animated zoomIn" style="animation-delay:2.4s;"><a class="social"
href="https://twitter.com/Being_Goswami"><i class="fab fa-twitter"></i></a></td>
<td class="animated zoomIn" style="animation-delay:2.6s;"><a class="social"
href="https://instagram.com/thekaushikgoswami"><i class="fab fa-instagram"></i></a></td>
<td class="animated zoomIn" style="animation-delay:2.8s;"><a class="social"
href="https://github.com/TheKaushikGoswami"><i class="fab fa-github"></i></a></td>
</tr>
</table>
</div>
<div id="projects_container" class="container">
<div onclick="closeprojects()"><i class="fas fa-angle-right"></i></div>
<h1>projects.</h1>
<section>
<h2>my work</h2>
<p>
Here are some of the projects I've worked on recently. Feel free to explore:
</p>
<ul>
<div class="project_card">
<div class="project_info">
<h3>Portfolio</h3>
<p>The Open-Source code for the Personal Portfolio this website is coming from! A minimal and
ambient portfolio template for Developers! ⚡</p>
<button class="btn_one"><a
href="https://github.com/TheKaushikGoswami/thekaushikgoswami.github.io"
style="color: inherit; text-decoration: none"> View Project </a></button>
</div>
</div>
<div class="project_card">
<div class="project_info">
<h3>Olympus</h3>
<p>An Application commands-based multi-purpose discord bot that can do most of the things that
you require for your discord server.</p>
<button class="btn_one"><a href="https://github.com/TheKaushikGoswami/Olympus"
style="color: inherit; text-decoration: none"> View Project </a></button>
</div>
</div>
<div class="project_card">
<div class="project_info">
<h3>Modmail Bot</h3>
<p>A simple and efficient discord modmail bot written in Python language, using library named
discord.py without any databse integration.</p>
<button class="btn_one"><a href="https://github.com/TheKaushikGoswami/lyq-hangout-modmail"
style="color: inherit; text-decoration: none"> View Project </a></button>
</div>
</div>
<div class="project_card">
<div class="project_info">
<h3>100 Days, 100 Programs</h3>
<p>An exhilarating journey of 100 Days, 100 Programs challenge, where I explore various programming languages and frameworks to build a diverse collection of practical applications. 🚀</p>
<button class="btn_one"><a href="https://github.com/TheKaushikGoswami/100-Days-100-Programs"
style="color: inherit; text-decoration: none"> View Project </a></button>
</div>
</div>
</ul>
</section>
</div>
<div id="work_container" class="container">
<div onclick="closework()"><i class="fas fa-angle-right"></i></div>
<h1>work.</h1>
<section>
<h2></h2>
<p>
Welcome! I'm Kaushik Goswami, a passionate professional specializing in Web Designing, Python
Programming, Graphic Designing, and Content Writing. With 2 years of personal experience, I bring fresh
and innovative solutions to every project. From visually appealing websites to efficient Python programs
and captivating graphics, I deliver high-quality work that exceeds expectations. Let's collaborate and
create remarkable digital experiences. Explore my LinkedIn page for samples and connect to discuss your
project.
</p>
<div id="used">
<div><i class="fas fa-circle"></i> Web Designing</div>
<div><i class="fas fa-circle"></i> Content Writing</div>
<div><i class="fas fa-circle"></i> Graphic Designing</div>
</div>
<button class="btn_one"><a href="./assets/Resume.pdf" target="_blank"
style="color: inherit; text-decoration: none">View
Resume</a></button>
</section>
</div>
<div id="about_container" class="container">
<div onclick="closeabout()"><i class="fas fa-angle-left"></i></div>
<h1>about.</h1>
<section>
<h2>about me</h2>
<p>
Hello there! I'm Kaushik Goswami, a professional self-taught developer based in India. With a strong
passion for web development and a keen eye for creative solutions, I specialize in transforming ideas
into fully functional digital solutions. My goal is to deliver exceptional results that surpass client
expectations.
</p>
<p>
Alongside my web development expertise, I also possess a strong flair for Graphic Designing. From
captivating Vector Art to eye-catching Banners, Logos, and Planners, I merge technical proficiency with
artistic vision to create visually stunning designs. I strive to strike the perfect balance between
aesthetics and functionality, ensuring that each project leaves a lasting impression.
</p>
<p>
Feel free to explore my portfolio on my website, where you can witness the diverse range of projects
I've had the privilege to work on. Let's collaborate to bring your ideas to life with remarkable digital
experiences that truly stand out.
</p>
</section>
<section>
<h2>skills</h2>
<p>
html, css, javascript, markdown, python, mysql, canva, photoshop, filmora, raspberrypi, arduino
</p>
</section>
</div>
<div id="contact_container" class="container">
<div onclick="closecontact()"><i class="fas fa-angle-down"></i></div>
<h1>contact.</h1>
<section>
<h2>contact me</h2>
<p>
<form action="https://formcarry.com/s/JKNu0aGkeQ" method="POST" class="formcarry-form">
<input name="name" type="text" placeholder="name" required />
<input name="email" type="email" placeholder="email" required /><br>
<textarea name="message" placeholder="your message" required rows="5"></textarea><br>
<button class="btn_one">send</button>
</form>
</p>
</section>
</div>
<div id="footer">
made with ❤️ in india <br> <a href="https://thekaushikgoswami.github.io">thekaushikgoswami</a>
</div>
<script src="index.js" type="text/javascript"></script>
<script src="particles.js"></script>
<script src="app.js"></script>
</body>
</html>