-
Notifications
You must be signed in to change notification settings - Fork 6
/
coverletter.html
237 lines (218 loc) · 9.02 KB
/
coverletter.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
<!DOCTYPE html>
<html lang="en" dir="ltr" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>John Adib - Cover Letter</title>
<meta name="description" content="Principal Software Engineer" />
<meta
name="keywords"
content="John Adib, MrAdib, Adib, Cover Letter, Principal Software Engineer, Senior Lead Software Engineer"
/>
<meta name="date" content="2024-06-04" />
<meta property="og:title" content="John Adib - Cover Letter" />
<meta property="og:type" content="document" />
<meta property="og:url" content="https://MrAdib.com/cover-letter" />
<meta property="og:image" content="./img/cover-v3.jpg" />
<meta property="og:description" content="Principal Software Engineer" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://MrAdib.com/cover-letter" />
<meta name="twitter:title" content="John Adib - Cover Letter" />
<meta name="twitter:description" content="Principal Software Engineer" />
<meta name="twitter:image" content="./img/cover-v3.jpg" />
<meta name="author" content="John Adib" />
<link href="https://MrAdib.com" rel="author" />
<link href="./img/favicon.png" type="image/png" rel="icon" />
<link rel="stylesheet" href="./fonts/AirbnbCereal/style.css" />
<link rel="stylesheet" href="./style/style.min.css" />
</head>
<body>
<div class="printArea" data-size="A4">
<header
itemscope
itemtype="https://schema.org/Person"
class="overflow-hidden bg-stone-50"
>
<div class="flex m-6 mx-24 mt-12">
<div class="basis-full">
<div class="flex">
<div class="grow">
<h1
class="text-black text-3xl font-light- leading-8"
itemprop="name"
>
John Adib
</h1>
</div>
<nav class="text-xs flex justify-end gap-2 text-stone-700">
<a
target="_blank"
class="flex leading-4 rounded-lg bg-cyan-600 hover:bg-cyan-800 focus:bg-cyan-900 transition h-8 w-8 p-2"
href="https://mradib.com"
title="MrAdib.com"
>
<img src="./img/website.svg" alt="website" />
</a>
<a
target="_blank"
class="flex leading-4 rounded-lg bg-cyan-600 hover:bg-cyan-800 focus:bg-cyan-900 transition h-8 w-8 p-2"
href="https://github.com/JohnAdib"
title="@JohnAdib"
>
<img src="./img/github.svg" alt="github" />
</a>
<a
target="_blank"
class="flex leading-4 rounded-lg bg-cyan-600 hover:bg-cyan-800 focus:bg-cyan-900 transition h-8 w-8 p-2 hidden"
href="https://twitter.com/MrAdib"
title="@MrAdib"
>
<img src="./img/twitter.svg" alt="twitter" />
</a>
<a target="_blank"
class="flex leading-4 rounded-lg bg-cyan-600 hover:bg-cyan-800 focus:bg-cyan-900 transition"
href="https://www.linkedin.com/in/MrAdib/" title="@MrAdib">
<img src="./img/linkedin.svg" alt="linkedin" class="h-8 w-8 p-2" />
<span class="bg-white bg-opacity-30 px-2 leading-8 text-white font-xs">linkedin.com/in/MrAdib</span>
</a>
</nav>
</div>
<h2
class="text-cyan-600 text-xl leading-9 hover:text-cyan-800 transition"
itemprop="jobTitle"
>
Principal Software Engineer
</h2>
</div>
</div>
<address
id="contactBox"
class="bg-stone-100 leading-10 px-6 text-xs flex gap-4 items-center justify-center text-stone-600 not-italic"
>
<div class="flex items-center px-4">
<img src="./img/email.svg" alt="email" />
<a
class="px-1"
href="mailto:[email protected]"
itemprop="email"
tabindex="-1"
>
</div>
<div class="flex items-center hidden" id="phoneBox">
<img src="./img/tel.svg" alt="tel" />
<a
class="px-1"
href="tel:+447393633145"
itemprop="telephone"
tabindex="-1"
>+44 7393 633145</a
>
</div>
<div class="flex items-center">
<img src="./img/location.svg" alt="location" />
<div class="px-1" itemprop="address">London, UK</div>
</div>
<div class="flex items-center hidden">
<img src="./img/website.svg" alt="website" />
<a
target="_blank"
class="px-1"
href="https://MrAdib.com/"
itemprop="url"
>MrAdib.com</a
>
</div>
<a
target="_blank"
href="https://mradib.com/cover-letter"
dir="ltr"
class="leading-none absolute right-5 select-none text-stone-200 text-xs"
tabindex="-1"
>
<code class="block font-light rtl:text-right">v3.0.3</code>
</a>
</address>
</header>
<main class="mx-24 mt-6 text-sm leading-relaxed selection:bg-sky-200">
<header class="my-8 text-stone-600 leading-normal">
<div class="text-stone-400">To</div>
<div>
<span data-fill="Name of Recipient">[Name of recipient]</span>
</div>
<div>
<span data-fill="Title of Recipient">[Title of recipient]</span>
</div>
<div><span data-fill="company">[Company]</span></div>
<address class="not-italic">
<span data-fill="Company Address">[Company address]</span>
</address>
<date data-fill-current class="text-stone-400">---</date>
</header>
<div class="my-4" id="salutation">
<span>Dear</span>
<span data-fill="Recruiter Name">[Recruiter]</span><span>,</span>
</div>
<p class="my-4" id="openingP">
As a senior software engineer with over a decade's experience,
I eager to bring
my expertise and enthusiasm to
your growing development team and help
<span data-fill="company">[Company]</span> tackle upcoming challenges.
</p>
<p class="my-4" id="secondP">
Known as a dynamic solution provider,
I'm passionate about re-engineering processes and
delivering simple and effective solutions.
Simplicity is the ultimate sophistication.
I have consistently achieved significant improvements
in efficiency and quality, resulting in measurable outcomes
such as cost savings and operational excellence.
My extensive experience, creativity,
and keen eye for detail collectively
make me an ideal candidate.
</p>
<p class="my-4" id="thirdP">
Throughout my career, I have thrived in both team player
and managerial roles, quickly learning and integrating
with diverse teams.
Joining <span data-fill="company">[Company]</span> would not only
align with my career aspirations
but also drive me to contribute meaningfully
to your goals and embark on an exciting new adventure.
</p>
<p class="my-4" id="closingP">
Thank you for taking the time to review my credentials and
accomplishments. I look forward to hearing back from you to learn more
about the <span data-fill="position">[Position]</span> position at
<span data-fill="company">[Company]</span> and share adequate details
of my experience and motivations.
</p>
<div class="my-12 relative h-8" id="formalClosing">
<p>Sincerely,</p>
<p>John Adib</p>
<img
src="img/Javad-Adib-2022-Signature.png"
alt="Signature of John Adib"
class="block absolute top-0 left-36 max-w-xs h-24 -mt-8"
/>
</div>
<p class="my-4" id="postScript">
P.S. - I hope to have an opportunity to show the team firsthand what
an asset I can be.
</p>
</main>
<div class="block relative w-full border h-px my-4">
<div class="relative bg-[#bc986a] -top-0.5 h-1 mx-24"></div>
</div>
</div>
<script async src="./script/script.js?v=1"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WXH57T5405"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-WXH57T5405');
</script>
</body>
</html>