-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
300 lines (270 loc) · 14.4 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
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700&display=swap&text=ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!?" rel="stylesheet">
<!-- title -->
<title>Hasib Billah | Helping others to excel in their career</title>
<meta property="og:title" content="Hasib Billah | Helping others to excel in their career">
<meta name="twitter:title" content="Hasib Billah | Helping others to excel in their career">
<!-- url -->
<link rel="canonical" href="https://hasibbillah.com">
<meta property="og:url" content="https://hasibbillah.com">
<meta name="twitter:url" content="https://hasibbillah.com">
<!-- description -->
<meta name="description" content="Hasib Billah helps software engineering professionals to excel in their careers, achieve their professional goals and reach their full potential.">
<meta property="og:description" content="Hasib Billah helps software engineering professionals to excel in their careers, achieve their professional goals and reach their full potential.">
<meta name="twitter:description" content="Hasib Billah helps software engineering professionals to excel in their careers, achieve their professional goals and reach their full potential.">
<meta property="og:site_name" content="Career Consultancy By Hasib Billah">
<meta property="og:type" content="website">
<meta property="og:image" content="https://hasibbillah.com/website-preview.png">
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:image" content="https://hasibbillah.com/website-preview.png">
<meta property="og:image:type" content="png">
<meta property="og:image:width" content="1422">
<meta property="og:image:height" content="800">
<!-- Favicon -->
<link rel="icon" type="image/svg+xml" href="./img/logo.svg">
<link rel="shortcut icon" href="./img/logo.svg">
<link rel="icon" type="image/png" sizes="16x16" href="./img/[email protected]">
<link rel="icon" type="image/png" sizes="32x32" href="./img/[email protected]">
<link rel="icon" type="image/png" sizes="192x192" href="./img/[email protected]">
<link rel="apple-touch-icon" href="./img/[email protected]">
<meta name="msapplication-square310x310logo" content="./img/[email protected]">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="site.webmanifest">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<meta name="theme-color" content="#fafafa">
</head>
<body>
<div id="app">
<nav class="nav-glass-effect sticky">
<div class="nav-layout">
<div class="home">
<img height="27" width="27" src="./img/logo.svg" alt="logo"></img>
<a class="hover-underline-animate" href="/">Hasib Billah</a>
</div>
<div class="nav-btns">
<a class="hover-underline-animate" href="#">Home</a>
<a class="hover-underline-animate" href="#about">About</a>
<a class="hover-underline-animate" href="#testimonial">Testimonial</a>
<a class="hover-underline-animate" href="#session">Workshop</a>
<a class="hover-underline-animate" href="#faq">FAQ</a>
</div>
</div>
</nav>
<main>
<section id="banner">
<div class="container">
<picture class="dp">
<source srcset="./img/hasib-billah-avatar.png?as=webp&width=250" width="250" height="250" type="image/webp" media="(max-width: 767px)"/>
<img srcset="./img/hasib-billah.png?as=webp&width=976&height=1496" width="488" height="748" type="image/webp" alt="Hasib Billah's image"/>
</picture>
<div class="slogan">
<h3>Hey Freshers!</h3>
<h1>
<span class="line-break">Crack <span class="highlight">your interview</span></span>
<span>with expert advice</span>
</h1>
<p>
Showcase yourself, demonstrate strong foundation & avoid red flags.
That’s all you need to ace in your next interview. And <mark>I’ll show you how.</mark>
</p>
<div class="action-btns">
<button class="btn btn-depressed" onclick="window.open('https://halfo.notion.site/Career-Kickstart-Guideline-1fbd9a19e17d4ba895cd628ccf2d4f0c', '_blank')">Join Free Session</button>
<button class="btn btn-primary" onclick="window.open('https://halfo.notion.site/Exclusive-Workshop-1cd3acd6e0f14211897ac71acb15ca9c', '_blank')">Enroll Exclusive Workshop</button>
</div>
</div>
</div>
</section>
<section id="about">
<div class="container">
<h3>A little bit</h3>
<h1>About <span class="highlight">Hasib</span></h1>
<div class="cards">
<div class="card card-left">
<h2>Entrepreneur</h2>
<p>
As the co-founder of <a href="https://craftsmenltd.com/" target="_blank">Craftsmen</a>,
a software company that provides scalable cloud solutions,
I have had the opportunity to lead the company’s growth from a team of 5 to over 70 people.
We have earned a reputation as one of
<a href="https://www.glassdoor.com/Reviews/Craftsmen-Reviews-E3004266.htm" target="_blank">Bangladesh’s best software companys</a>
to work and grow in, and have been recognized with awards for
<a href="https://outsourcingaward.basis.org.bd/prev/winners/2020/startup-company" target="_blank">best startup company</a>
and
<a href="https://outsourcingaward.basis.org.bd/prev/winners/2021/outsourcing-company" target="_blank">best outsourcing company</a>
from BASIS.
</p>
<br />
<p>
During this period, I have had the privilege of working with some of the most gifted engineers,
recruiting and mentoring many talented individuals, and having screened over <mark>5k candidates</mark> in the process.
From that experience, I learned about the <mark>traits</mark> recruiters look for and
how candidates <mark>fall short</mark> to demonstrate their fit for the role.
</p>
</div>
<div class="card card-right">
<h2>Software Artisan</h2>
<p>
In my 7+ years of experience as a software engineer, I have architected software for one of the largest petroleum companies in Scandinavia, developed features for the world’s largest online freight marketplace, and contributed to systems used by some of the
<a href="https://www.vizrt.com/vizrt#anchorId_" target="_blank">biggest names</a> in the media industry.
</p>
<br />
<p>
In this short journey, I have learned what elevates someone from being a <mark>good to a great</mark> software engineer,
as well as how to avoid pitfalls that could <mark>impede one’s progress.</mark>
</p>
</div>
</div>
</div>
</section>
<section id="testimonial">
<div class="container">
<h3>Influential individuals’</h3>
<h1 class="highlight">Testimonials</h1>
<div class="slider">
<div class="slides">
<div class="slide" key="0">
<blockquote>Hasib is an exceptional engineer and leader with a natural ability to solve complex problem. His strategic and managerial skills, as well as his personality to thrive and drive played a crucial role in the success of our international software company. I have no doubt that he will continue to excel in any venture he pursues.</blockquote>
<div class="slider-person">
<img class="slider-person-avatar" src="./img/mahmudul-haque-avatar.png?width=96" alt="Mahamudul Haque's avatar"></img>
<div class="slider-person-name">
<div>Mahamudul Haque</div>
<div>CEO, Craftsmen</div>
</div>
</div>
</div>
<div class="slide" key="1">
<blockquote>Hasib’s expertise as a successful software entrepreneur, combined with extensive industry knowledge make him uniquely qualified to guide others towards success. I have no doubt his insights and guidance would be beneficial to anyone seeking to advance their career.</blockquote>
<div class="slider-person">
<img class="slider-person-avatar" src="./img/rezwanul-islam-avatar.png?width=96" alt="Rezwanul Islam's avatar"></img>
<div class="slider-person-name">
<div>Rezwanul Islam</div>
<div>Software Engineer, Meta</div>
</div>
</div>
</div>
<div class="slide" key="2">
<blockquote>I've had the pleasure of knowing and working with Hasib. He's provided valuable guidance, advice, and mentorship to myself and many others. I highly recommend him as a resource for anyone looking to advance in their field - his wealth of knowledge and experience make him an excellent mentor.</blockquote>
<div class="slider-person">
<img class="slider-person-avatar" src="./img/mahbubur-rahman-avatar.png?width=96" alt="Mahbubur Rahman's avatar"></img>
<div class="slider-person-name">
<div>Mahbubur Rahman</div>
<div>Lead Engineer, Cefalo</div>
</div>
</div>
</div>
</div>
<div class="slider-btns">
<button class="slider-btn slider-btn-active" aria-label="Mahamudul Haque’s testimonial"></button>
<button class="slider-btn" aria-label="Rezwanul Islam’s testimonial"></button>
<button class="slider-btn" aria-label="Mahbubur Rahman’s testimonial"></button>
</div>
</div>
</section>
<section id="session">
<div class="container">
<h3>How I may</h3>
<h1>Assist <span class="highlight">You</span></h1>
<div class="cards">
<div class="card card-left">
<div>
<h2>
Free Session
<span class="sub-header">30 minutes</span>
</h2>
<ul>
<li>Traits of a quality software company</li>
<li>How to showcase yourself</li>
<li>How to prepare for interview</li>
<li>Considerations for contract signing</li>
</ul>
</div>
<button class="btn btn-depressed" onclick="window.open('https://halfo.notion.site/Career-Kickstart-Guideline-1fbd9a19e17d4ba895cd628ccf2d4f0c', '_blank')">Join</button>
</div>
<div class="card card-right">
<div>
<h2>
Exclusive Workshop
<span class="sub-header">2.5 hours workshop • 1 hour test</span>
</h2>
<ul>
<li>Everything from the free session</li>
<li>The Full Framework, tools & resources</li>
<li>Mock aptitude test</li>
<li>Debunking common myths</li>
<li>Compensation & benefit negotiation</li>
<li>Software engineering ethics</li>
<li>Advancing your career</li>
</ul>
</div>
<button class="btn btn-primary" onclick="window.open('https://halfo.notion.site/Exclusive-Workshop-1cd3acd6e0f14211897ac71acb15ca9c', '_blank')">Enroll</button>
</div>
</div>
</div>
</section>
<section id="faq">
<div class="container">
<h3>Frequently asked</h3>
<h1 class="highlight">Questions</h1>
<ul class="cards cards-compact">
<li class="card">
<details>
<summary>
Where will the workshop be hosted?
</summary>
<div>
The workshop will be hosted online via Zoom. We will also use Discord for communication.
</div>
</details>
</li>
<li class="card">
<details>
<summary>
Will the workshop be recorded for later review?
</summary>
<div>
Unfortunately, it will <mark>not be recorded</mark>. However, you will be able to access all resources shared through Discord.
</div>
</details>
</li>
<li class="card">
<details>
<summary>
Is it okay for me to ask questions during the workshop?
</summary>
<div>
Yes, it is encouraged for you to ask questions. There will be a designated time for Q&A where you can ask your own questions or vote for others’ questions to be answered. The questions with the most votes will be answered within the allocated time.
</div>
</details>
</li>
<li class="card">
<details>
<summary>
I was not satisfied with the workshop. Is it possible to receive a refund?
</summary>
<div>
Yes, absolutely. Our satisfaction guarantee allows you to request a refund within <mark>5 days</mark> of the first session. If you would like to request a refund, please contact me and let me know. I will process your refund as quickly as possible to resolve any issues you may have had with the workshop.
</div>
</details>
</li>
</ul>
</div>
</section>
</main>
<footer>
<div class="container">
<span>Copyright © 2023 Cogitous Technology. All rights reserved.</span>
<span>Email: [email protected]</span>
</div>
</footer>
</div>
<style></style>
<script src="./js/main.js"></script>
<script defer src="./js/slider.js"></script>
</body>
</html>