-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
308 lines (227 loc) · 12.2 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
301
302
303
304
305
306
307
308
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Mahenoor's Portfolio</title>
<link rel="stylesheet" href="style.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="logo.png" type="image/x-icon">
</head>
<body>
<div id="preloader">
</div>
<div id="mini-circle">
<span class="cursor-text"></span>
</div>
</div>
<div id="main">
<div id="hero">
<div id="nav">
<a href="#">Mahenoor Salat</a>
<div class="button"><button><a href="https://calendly.com/salatmahenoor7-8-6/30min">Book A Meet Now ! <sup><i class="fas fa-calendar-alt"></i></sup> </a></button></div>
</div>
<div id="heading">
<div class="bounding">
<h1>Computer</h1>
</div>
<div class="fitcontent">
<h1>Engineer</h1>
<p>Based in India</p>
</div>
</div>
<div id="head">
<p>Available for Full Time & Freelance</p>
<p>Work From May'23</p>
</div>
<div id="heroFooter">
<p class="footer1">
Working with <br />
International Org.
</p>
<p class="footer1">Creative Personality</p>
<p>
<i><span class="icon-symbol fa-solid fa-arrow-down"></span></i>
<i><span class="icon-symbol fa-solid fa-arrow-down"></span></i>
</p>
</div>
</div>
<div class="heading-container">
<h1 class="gradient-heading">SERVICES</h1>
</div>
<div class="services-section">
<div class="service-card" id="card1">
<span class="service-number"><img src="coding_8665238.png" alt=""></span>
<h3 class="service-title">Front-End Developer</h3>
<p class="service-description">Creating responsive, engaging, and visually stunning websites that are both user-friendly and feature-rich.</p>
</div>
<div class="service-card" id="card2">
<span class="service-number"><img src="draw_11959657.png" alt=""></span>
<h3 class="service-title">UI/UX Designer</h3>
<p class="service-description">Designing experiences that feel intuitive and visually compelling, bringing your brand's essence to life.</p>
</div>
<div class="service-card" id="card3">
<span class="service-number"><img src="magnifying-glass_5382444.png" alt=""></span>
<h3 class="service-title">SEO Expert</h3>
<p class="service-description">Boosting visibility with SEO strategies that help your content reach and engage your target audience effectively.</p>
</div>
</div>
<div id="second">
<a target="_blank" href="http://therkweb.tech/">
<div class="elem">
<img src="Portfolio/portfolio-2.jpg" alt="" />
<h1>the rkweb</h1>
<p>2023</p>
</div>
</a>
<a target="_blank" href="https://mahenoorsalat.github.io/Mahenoor-s-Portfolio/">
<div class="elem elemlast">
<img src="Portfolio/portfolio-3.jpg" alt="" />
<h1>Landing page</h1>
<p>2023</p>
</div>
</a>
<a href="https://mahenoorsalat.github.io/Mahi-s-E-commerce/" target="_blank">
<div class="elem elemlast">
<img src="Portfolio/portfolio-4.jpg" alt="" />
<h1>E-commerce web</h1>
<p>2023</p>
</div>
</a>
<a target="_blank" href="https://www.luxswipe.in/">
<div class="elem">
<img src="Portfolio/portfolio-1.jpg" alt="" />
<h1>LuxSwipe</h1>
<p>2024</p>
</div>
</a>
<a href="https://mahenoorsalat.github.io/Agency/" target="_blank">
<div class="elem elemlast">
<img src="Portfolio/Portfolio-6.jpg" alt="" />
<h1>Agency web</h1>
<p>2024</p>
</div>
</a>
<a href="https://mahenoorsalat.github.io/Digital-agency-web/" target="_blank">
<div class="elem elemlast">
<img src="Portfolio/Portfolio-5.jpg" alt="" />
<h1>DIgital Agency Web</h1>
<p>2023</p>
</div>
</a>
<div class="button">
<div class="button"> <button><a target="_blank" href="Mahenoor-resume.pdf">Download CV<sup> <i class="fa fa-download"></i></sup></a></button></div>
</div>
</div>
<div id="about">
<img src="profile.jpg" alt="Mahenoor" />
<div class="info">
<p>(About Me)</p>
<p>
I'm a frontend developer and UI/UX designer who thrives on turning
complex ideas into sleek, functional interfaces. I’m passionate
about designing experiences that are not just visually striking but
also intuitive and user-friendly. When I’m not coding away or
experimenting with new design trends, you’ll likely find me
exploring new tech tools, fine-tuning animations, or discovering
tricks to make development a bit more exciting. My approach? Clean,
clever, and purposeful design. I’m that teammate who dives into the
details, ensuring every pixel and line of code makes people say,
"That’s exactly what I was looking for!
</p>
<div class="button"><button ><a href="mailto:salatmahenoor7.8.6@gmail.com">Let's talk <sup> <i class="fas fa-envelope"></i></sup> </a></button></div>
</div>
</div>
<div id="testimonials">
<div class="heading">
REVIEW
</div>
<div class="testimonials">
<div class="person1">
<img src="Testimonials/testimonial-1.jpg" alt="Nathan Wong">
<div class="overlay">
<!-- <h4>Nathan Wong</h4> -->
<p><img src="inverted-commas.png" alt=""></p>
<p>It was a pleasure working with Mahenoor. She has exceeded my expectations and went above and beyond to provide a better user experience to our users. Her creativity and attention to detail provide users with an overall great experience. Mahenoor thoughtfully listens to the client's wants and needs. She considers her requests, proposals, redesigns, and changes carefully providing changes tailored to the client's wants/needs and demonstrating original creativity. My team and I were satisfied with her creativity, creation, and her willingness to work with us.</p>
</div>
</div>
<div class="person2">
<img src="Testimonials/testimonial-2.png" alt="">
<div class="overlay">
<!-- <h4>Nathan Wong</h4> -->
<p><img src="inverted-commas.png" alt=""></p>
<p>I am pleased to recommend Mahenoor for any web development and design role. Throughout our time working together, Mahenoor consistently demonstrated exceptional technical skills, creativity, and a deep understanding of both web development and design principles. Her ability to translate ideas into visually appealing, user-friendly websites is truly impressive
</p>
</div>
</div>
</div>
<div class="testimonials margin">
<div class="person1">
<img src="Testimonials/testimonial-3.png" alt="">
<div class="overlay">
<!-- <h4>Nathan Wong</h4> -->
<p><img src="inverted-commas.png" alt=""></p>
<p>mahenur was exception in her work, her ability to take up the challenge and attention to detail is amazing, she is always curious to take up the challenge, and does her work very professionally, I highly recommend her.
</p>
</div>
</div>
<div class="person2">
<img src="Testimonials/testimonial-6.jpg" alt="">
<div class="overlay">
<!-- <h4>Nathan Wong</h4> -->
<p><img src="inverted-commas.png" alt=""></p>
<p>Mahenoor participated in the apprenticeship program of The Stable Order, an organization dedicated to bringing stability to decentralized finance. She replaced the landing page of our hodlCoin staking protocol, which used to be just a jekyll page, by a completely new and nice-looking page using v0.dev, next.js and tailwind CSS. During the process, Mahenoor was attentive to feedback and persistent to achieve the end goal of her project. We are grateful for her contribution and we look forward to having her as a long-term contributor.
</p>
</div>
</div>
</div>
<div class="testimonials">
<div class="person1">
<img src="Testimonials/testimonial-4.jpg" alt="">
<div class="overlay">
<!-- <h4>Nathan Wong</h4> -->
<p><img src="inverted-commas.png" alt=""></p>
<p>I had the pleasure of working with Mahenoor Salat on several critical projects, and her expertise in web development, SEO, and design was exceptional. She created professional, user-friendly websites for rencfs (an encrypted file system in Rust) and genie-do (a distributed executor for Kubernetes and Apache Airflow), translating complex technical concepts into clear and visually appealing platforms.
Mahenoor's work on my portfolio site, xorio.rs, was a testament to her reliability and commitment to excellence. She revamped it into a sleek, professional, and SEO-optimized platform, showcasing her attention to detail, creativity, and ability to align with my vision. I can confidently recommend Mahenoor for her technical skills and the professionalism she brings to every project.
</p>
</div>
</div>
<div class="person2">
<img src="Testimonials/testimonial-5.jpg" alt="">
<div class="overlay">
<!-- <h4>Nathan Wong</h4> -->
<p><img src="inverted-commas.png" alt=""></p>
<p>It was a pleasure working with Mahenoor on our open source project. She transformed our ideas into a better user experience through meticulous UI/UX improvements. Her proposals, documentation, and mockups helped shape our final design decisions.
Mahenoor also moved seamlessly from planning to implementation, showing her strong development skills.
I recommend Mahenoor to anyone seeking a UI/UX professional. Her technical skills and collaborative approach make her a valuable team member and I look forward to working with her again.
</p>
</div>
</div>
</div>
<div id="reminder">
<p>Oops! Almost Forgot</p>
<p>
Follow me on my Social Media Platform<i
class="icon-symbol fa-solid fa-arrow-right"
></i>
</p>
</div>
<div id="footer">
<div class="date">© <span></span> | Mahenoor Salat</div>
<div class="sociallinks">
<p><a target="_blank" href="https://www.linkedin.com/in/mahenoor-salat/">LinkedIn</a></p>
<p><a target="_blank" href="https://github.com/mahenoorsalat">Github</a></p>
<p><a target="_blank" href="https://discord.gg/8znev5CB">Discord</a></p>
</div>
</div>
</div>
<script src="script.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollTrigger/1.0.6/ScrollTrigger.min.js" integrity="sha512-+LXqbM6YLduaaxq6kNcjMsQgZQUTdZp7FTaArWYFt1nxyFKlQSMdIF/WQ/VgsReERwRD8w/9H9cahFx25UDd+g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</body>
</html>