PageSourceSearch

https://aikdesigns.com/services.html

html aikdesigns.com collected 2026-10-02 10:19:33 UTC 56,148 bytes, 1,046 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US" class="no-js">
3
4<head>
5	<meta charset="UTF-8">
6	<meta name="viewport" content="width=device-width, initial-scale=1">
7	<title>Web Design, SEO &amp; Digital Marketing Services In Karachi | Aik Designs</title>
8	<meta name="description" content="Explore web design, SEO, digital marketing, hosting and creative services in Karachi from Aik Designs. Get reliable solutions for business growth." />
9	<link rel="canonical" href="https://aikdesigns.com/services.html" />
10	<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large" />
11	<meta name="author" content="Aik Designs" />
12	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
13	
13<script src="js/functions.js" type="text/javascript"></script>
vendor: 68 bytes, lines 13-15
13
14
15	<script async src="https://www.googletagmanager.com/gtag/js?id=
15G-FCJMRCJKRJ
vendor: 14 bytes, lines 15-16
15"></script>
16	
16<script>
17	  
vendor: 139 bytes, lines 17-20
17window.dataLayer = window.dataLayer || [];
18	  function gtag(){dataLayer.push(arguments);}
19	  gtag('js', new Date());
20	  gtag('config', '
20G-FCJMRCJKRJ
vendor: 6 bytes, lines 20-21
20');
21	
21</script>
21
22
23	
23<script data-ad-client="ca-pub-4380786479069320" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
23
24	<link rel='stylesheet' id='gdlr-core-google-font-css' href='https://fonts.googleapis.com/css?family=Poppins%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CNunito%3A200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;subset=devanagari%2Clatin-ext%2Clatin%2Cvietnamese&#038;ver=4.9.8' type='text/css' media='all' />
25	<link href="https://fonts.googleapis.com/css?family=Raleway:200%2C400" rel="stylesheet" property="stylesheet" type="text/css" media="all">
26	<link rel='stylesheet' href='plugins/revslider/public/assets/css/settings.css' type='text/css' media='all'>
27	<link rel='stylesheet' href='css/style-core.css' type='text/css' media='all'>
28	<link rel='stylesheet' href='css/gdlr-style-custom.css' type='text/css' media='all'>
29	<link rel='stylesheet' href='plugins/goodlayers-core/plugins/combine/style.css' type='text/css' media='all'>
30	<link rel='stylesheet' href='plugins/goodlayers-core/include/css/page-builder.css' type='text/css' media='all'>
31	<link rel='stylesheet' href='css/font-awesome.css' type='text/css' media='all'>
32
33<script type="application/ld+json">
34{
35  "@context": "https://schema.org",
36  "@graph": [
37    {
38      "@type": "Organization",
39      "@id": "https://aikdesigns.com/#organization",
40      "name": "Aik Designs",
41      "alternateName": ["AikDesigns", "Aik Designs Creative Solutions", "Aik Designs Pakistan", "Aik"],
42      "url": "https://aikdesigns.com/",
43      "logo": {
44        "@type": "ImageObject",
45        "url": "https://aikdesigns.com/images/aik-designs-logo.png",
46        "width": 512,
47        "height": 512
48      },
49      "image": "https://aikdesigns.com/images/aik-designs-logo.png",
50      "description": "Aik Designs is a multi-award-winning web design and digital marketing company in Pakistan, providing SEO, branding, hosting, and website development services since 2006.",
51      "foundingDate": "2006-09-29",
52      "founder": { "@type": "Person", "@id": "https://aikdesigns.com/#person-ali-irfan-khan" },
53      "areaServed": { "@type": "Country", "name": "Worldwide" },
54      "contactPoint": {
55        "@type": "ContactPoint",
56        "contactType": "Customer Support",
57        "telephone": "+923003477345",
58        "email": "[email protected]",
59        "url": "https://aikdesigns.com/contact.html",
60        "availableLanguage": ["English"]
61      },
62      "sameAs": [
63        "https://www.facebook.com/AikDesigns",
64        "https://www.youtube.com/AikDesigns",
65        "https://x.com/AikDesigns",
66        "https://www.instagram.com/AikDesignsLive/",
67        "https://www.linkedin.com/company/aik-designs/",
68        "https://www.tiktok.com/@aikdesigns",
69        "https://www.pinterest.com/aikdesigns/",
70        "https://clutch.co/profile/aik-designs",
71        "https://www.goodfirms.co/company/aik-designs"
72      ]
73    },
74    {
75      "@type": "Person",
76      "@id": "https://aikdesigns.com/#person-ali-irfan-khan",
77      "name": "Ali Irfan Khan",
78      "jobTitle": "CEO & Founder",
79      "image": "https://aikdesigns.com/images/Ali-Irfan-Khan.png",
80      "url": "https://www.linkedin.com/in/aikdesigns/",
81      "worksFor": { "@id": "https://aikdesigns.com/#organization" },
82      "sameAs": ["https://www.linkedin.com/in/aikdesigns/"]
83    },
84    {
85      "@type": "WebSite",
86      "@id": "https://aikdesigns.com/#website",
87      "url": "https://aikdesigns.com/",
88      "name": "Aik Designs",
89      "publisher": { "@id": "https://aikdesigns.com/#organization" }
90    },
91    {
92      "@type": "WebPage",
93      "@id": "https://aikdesigns.com/services.html#webpage",
94      "url": "https://aikdesigns.com/services.html",
95      "name": "Web Design, SEO & Digital Marketing Services In Karachi | Aik Designs",
96      "description": "Explore web design, SEO, digital marketing, hosting and creative services in Karachi from Aik Designs. Get reliable solutions for business growth.",
97      "isPartOf": { "@id": "https://aikdesigns.com/#website" },
98      "about": { "@id": "https://aikdesigns.com/#organization" },
99      "inLanguage": "en-PK"
100    },
101    {
102      "@type": "ItemList",
103      "@id": "https://aikdesigns.com/services.html#serviceslist",
104      "name": "Aik Designs Services",
105      "itemListElement": [
106        { "@type": "ListItem", "position": 1, "name": "Web Design & Development", "url": "https://aikdesigns.com/website-design-services.html" },
107        { "@type": "ListItem", "position": 2, "name": "SEO Services", "url": "https://aikdesigns.com/seo.html" },
108        { "@type": "ListItem", "position": 3, "name": "Graphic Design", "url": "https://aikdesigns.com/graphicdesign.html" },
109        { "@type": "ListItem", "position": 4, "name": "Web Hosting", "url": "https://aikdesigns.com/webhosting.html" },
110        { "@type": "ListItem", "position": 5, "name": "SEO Content Writing", "url": "https://aikdesigns.com/seo-content-writing.html" },
111        { "@type": "ListItem", "position": 6, "name": "Technical SEO", "url": "https://aikdesigns.com/technical-seo.html" },
112        { "@type": "ListItem", "position": 7, "name": "On-Page SEO", "url": "https://aikdesigns.com/on-page-seo.html" },
113        { "@type": "ListItem", "position": 8, "name": "Off-Page SEO", "url": "https://aikdesigns.com/off-page-seo.html" },
114        { "@type": "ListItem", "position": 9, "name": "Local SEO Services", "url": "https://aikdesigns.com/local-seo-services.html" },
115        { "@type": "ListItem", "position": 10, "name": "E-Commerce SEO", "url": "https://aikdesigns.com/e-commerce-seo.html" },
116        { "@type": "ListItem", "position": 11, "name": "Link Building Services", "url": "https://aikdesigns.com/link-building-services.html" },
117        { "@type": "ListItem", "position": 12, "name": "Guest Post Service", "url": "https://aikdesigns.com/guest-post-service.html" },
118        { "@type": "ListItem", "position": 13, "name": "Google Penalty Recovery", "url": "https://aikdesigns.com/google-penalty-recovery.html" },
119        { "@type": "ListItem", "position": 14, "name": "Social Media Marketing", "url": "https://aikdesigns.com/social-media-marketing.html" }
120      ]
121    }
122  ]
123}
124</script>
124
125	
126<style id="aik-new-chrome-css">
127
128/* =============================================
129   CSS VARIABLES
130   ============================================= */
131:root {
132  --red: #ea4517;
133  --red-dark: #c73a10;
134  --dark: #111110;
135  --dark2: #1a1a18;
136  --dark3: #222220;
137  --mid: #333333;
138  --gray: #888882;
139  --light-gray: #f8f9fb;
140  --border-dark: rgba(255,255,255,0.08);
141  --border-light: #e2e8f0;
142  --white: #ffffff;
143  --text-light: #F0EFE9;
144  --text-muted-dark: rgba(255,255,255,0.6);
145  --text-muted-light: #556070;
146  --font-head: 'Poppins', sans-serif;
147  --font-serif: 'Playfair Display', serif;
148  --font-body: 'DM Sans', sans-serif;
149  --radius: 10px;
150  --radius-lg: 16px;
151  --shadow: 0 8px 40px rgba(0,0,0,0.35);
152  --transition: 0.25s ease;
153  --max-w: 1200px;
154  --max-w-md: 960px;
155  --max-w-sm: 860px;
156}
157
158/* =============================================
159   RESET & BASE
160   ============================================= */
161*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
162html { scroll-behavior: smooth; }
163body {
164  font-family: var(--font-body);
165  background: var(--dark);
166  color: var(--text-light);
167  line-height: 1.6;
168  overflow-x: hidden;
169}
170img { max-width: 100%; height: auto; display: block; }
171a { color: inherit; text-decoration: none; }
172ul { list-style: none; }
173button { cursor: pointer; border: none; background: none; font-family: inherit; }
174
175/* =============================================
176   UTILITIES
177   ============================================= */
178.container { max-width: var(--max-w); margin: 0 auto; padding: 0 24px; }
179.container-md { max-width: var(--max-w-md); margin: 0 auto; padding: 0 24px; }
180.container-sm { max-width: var(--max-w-sm); margin: 0 auto; padding: 0 24px; }
181.section { padding: 80px 0; }
182.text-red { color: var(--red); }
183.text-center { text-align: center; }
184
185.section-tag {
186  display: inline-block;
187  font-size: 11px;
188  font-weight: 600;
189  letter-spacing: 0.12em;
190  text-transform: uppercase;
191  padding: 5px 14px;
192  border-radius: 30px;
193  margin-bottom: 14px;
194}
195.tag-red { background: rgba(234,69,23,0.12); color: var(--red); border: 1px solid rgba(234,69,23,0.2); }
196.tag-blue { background: #e8f0fe; color: #1a56db; }
197.tag-orange { background: #fff3e0; color: #c25e00; }
198
199.section-heading {
200  font-family: var(--font-head);
201  font-size: clamp(1.7rem, 3.5vw, 2.6rem);
202  font-weight: 700;
203  line-height: 1.2;
204  margin-bottom: 14px;
205}
206.section-sub {
207  font-size: 1rem;
208  line-height: 1.75;
209  margin-bottom: 36px;
210}
211
212.btn {
213  display: inline-flex;
214  align-items: center;
215  gap: 8px;
216  padding: 14px 28px;
217  border-radius: var(--radius);
218  font-family: var(--font-head);
219  font-weight: 600;
220  font-size: 0.88rem;
221  letter-spacing: 0.03em;
222  transition: all var(--transition);
223  cursor: pointer;
224}
225.btn-red { background: var(--red); color: var(--white); }
226.btn-red:hover { background: var(--red-dark); transform: translateY(-2px); box-shadow: 0 10px 28px rgba(234,69,23,0.35); }
227.btn-outline-white { background: transparent; color: var(--white); border: 2px solid rgba(255,255,255,0.3); }
228.btn-outline-white:hover { border-color: var(--white); background: rgba(255,255,255,0.07); transform: translateY(-2px); }
229.btn-blue { background: #1a56db; color: var(--white); }
230.btn-blue:hover { background: #1345b5; transform: translateY(-1px); }
231
232.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
233.divider { width: 48px; height: 2px; background: var(--red); border-radius: 1px; margin: 20px 0 28px; }
234
235/* =============================================
236   TOP BAR
237   ============================================= */
238.topbar {
239  background: var(--dark2);
240  border-bottom: 1px solid var(--border-dark);
241  padding: 8px 0;
242  font-size: 0.8rem;
243}
244.topbar-inner {
245  display: flex;
246  justify-content: space-between;
247  align-items: center;
248  flex-wrap: wrap;
249  gap: 10px;
250}
251.topbar-left {
252  display: flex;
253  align-items: center;
254  gap: 16px;
255  color: var(--gray);
256}
257.topbar-left .avail {
258  display: flex;
259  align-items: center;
260  gap: 6px;
261  color: var(--red);
262  font-weight: 600;
263  font-size: 0.75rem;
264  letter-spacing: 0.05em;
265}
266.topbar-left .avail::before {
267  content: '';
268  width: 7px; height: 7px;
269  background: var(--red);
270  border-radius: 50%;
271  animation: blink 1.8s ease infinite;
272}
273.topbar-social { display: flex; gap: 10px; align-items: center; }
274.topbar-social a { color: var(--gray); transition: color var(--transition); }
275.topbar-social a:hover { color: var(--red); }
276.topbar-social svg { width: 15px; height: 15px; fill: currentColor; display: block; }
277.topbar-right { display: flex; gap: 16px; align-items: center; color: var(--gray); font-size: 0.8rem; }
278.topbar-right a { color: var(--gray); transition: color var(--transition); }
279.topbar-right a:hover { color: var(--white); }
280
281/* =============================================
282   NAVBAR
283   ============================================= */
284.navbar {
285  position: sticky;
286  top: 0;
287  z-index: 999;
288  background: rgba(17,17,16,0.96);
289  backdrop-filter: blur(14px);
290  -webkit-backdrop-filter: blur(14px);
291  border-bottom: 1px solid var(--border-dark);
292}
293.nav-inner {
294  display: flex;
295  justify-content: space-between;
296  align-items: center;
297  height: 66px;
298}
299.nav-logo img { height: 32px; width: auto; }
300.nav-links { display: flex; gap: 4px; align-items: center; }
301.nav-links a {
302  padding: 8px 16px;
303  border-radius: 6px;
304  font-family: var(--font-head);
305  font-size: 0.88rem;
306  font-weight: 500;
307  color: rgba(255,255,255,0.7);
308  transition: all var(--transition);
309}
310.nav-links a:hover, .nav-links a.active { color: var(--white); background: rgba(255,255,255,0.07); }
311.nav-cta { margin-left: 10px; padding: 10px 22px; font-size: 0.85rem; }
312.nav-toggle { display: none; flex-direction: column; gap: 5px; padding: 8px; }
313.nav-toggle span { display: block; width: 22px; height: 2px; background: var(--white); border-radius: 2px; transition: all var(--transition); }
314
315.mobile-nav {
316  display: none;
317  flex-direction: column;
318  gap: 4px;
319  background: var(--dark2);
320  border-top: 1px solid var(--border-dark);
321  padding: 16px 24px 20px;
322}
323.mobile-nav.open { display: flex; }
324.mobile-nav a {
325  padding: 11px 16px;
326  border-radius: 8px;
327  font-weight: 500;
328  color: rgba(255,255,255,0.7);
329  transition: all var(--transition);
330}
331.mobile-nav a:hover { color: var(--white); background: rgba(255,255,255,0.07); }
332.mobile-nav .btn-red { margin-top: 6px; justify-content: center; }
333
334/* =============================================
335   HERO
336   ============================================= */
337.hero {
338  min-height: 86vh;
339  display: flex;
340  align-items: center;
341  position: relative;
342  overflow: hidden;
343  background: var(--dark);
344  padding: 60px 0;
345}
346.hero-bg {
347  position: absolute;
348  inset: 0;
349  background:
350    radial-gradient(ellipse 55% 55% at 75% 50%, rgba(234,69,23,0.11) 0%, transparent 65%),
351    radial-gradient(ellipse 40% 50% at 5% 80%, rgba(234,69,23,0.05) 0%, transparent 60%);
352  pointer-events: none;
353}
354.hero-grid {
355  position: absolute;
356  inset: 0;
357  background-image: linear-gradient(rgba(255,255,255,0.018) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,0.018) 1px,transparent 1px);
358  background-size: 56px 56px;
359  pointer-events: none;
360}
361.hero .container { position: relative; z-index: 1; }
362.hero-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
363.hero-badge {
364  display: inline-flex;
365  align-items: center;
366  gap: 8px;
367  background: rgba(234,69,23,0.1);
368  border: 1px solid rgba(234,69,23,0.22);
369  border-radius: 50px;
370  padding: 7px 16px;
371  font-size: 0.75rem;
372  font-weight: 600;
373  color: var(--red);
374  letter-spacing: 0.06em;
375  text-transform: uppercase;
376  margin-bottom: 22px;
377}
378.hero-badge .dot { width: 7px; height: 7px; background: var(--red); border-radius: 50%; animation: blink 1.8s ease infinite; }
379.hero-title {
380  font-family: var(--font-head);
381  font-size: clamp(2.2rem, 4.5vw, 3.4rem);
382  font-weight: 700;
383  line-height: 1.12;
384  margin-bottom: 18px;
385}
386.hero-desc {
387  color: var(--text-muted-dark);
388  font-size: 1rem;
389  line-height: 1.8;
390  margin-bottom: 32px;
391  max-width: 520px;
392}
393.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 44px; }
394.hero-stats { display: flex; gap: 28px; flex-wrap: wrap; }
395.stat-num { font-family: var(--font-head); font-size: 1.9rem; font-weight: 800; line-height: 1; margin-bottom: 3px; }
396.stat-num sup { color: var(--red); font-size: 1.1rem; }
397.stat-label { font-size: 0.74rem; color: var(--gray); text-transform: uppercase; letter-spacing: 0.07em; }
398.hero-img-wrap { position: relative; }
399.hero-img-wrap img { width: 100%; border-radius: var(--radius-lg); box-shadow: var(--shadow); }
400.hero-img-card {
401  position: absolute;
402  bottom: -16px; left: -16px;
403  background: var(--dark3);
404  border: 1px solid var(--border-dark);
405  border-radius: var(--radius);
406  padding: 14px 18px;
407  display: flex;
408  align-items: center;
409  gap: 12px;
410  box-shadow: var(--shadow);
411}
412.hero-img-card .card-icon { font-size: 1.3rem; }
413.hero-img-card .card-label strong { display: block; font-size: 0.88rem; font-weight: 700; }
414.hero-img-card .card-label span { font-size: 0.74rem; color: var(--gray); }
415
416/* =============================================
417   AWARDS STRIP
418   ============================================= */
419.awards-strip {
420  background: var(--dark2);
421  border-top: 1px solid var(--border-dark);
422  border-bottom: 1px solid var(--border-dark);
423  padding: 14px 0;
424}
425.awards-inner { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
426.award-pill {
427  display: flex;
428  align-items: center;
429  gap: 7px;
430  padding: 6px 14px;
431  border-radius: 50px;
432  background: rgba(255,255,255,0.04);
433  border: 1px solid var(--border-dark);
434  font-size: 0.77rem;
435  font-weight: 600;
436  color: rgba(255,255,255,0.65);
437  white-space: nowrap;
438}
439.award-pill .star { color: #f5a623; }
440
441/* =============================================
442   ABOUT (INTRO)
443   ============================================= */
444.about { background: var(--dark2); }
445.about-logo { width: 80px; height: 80px; margin: 0 auto 20px; }
446.about-text { font-size: 1rem; color: rgba(255,255,255,0.7); line-height: 1.85; max-width: 860px; margin: 0 auto; }
447.about-text a { color: var(--red); }
448.about-text a:hover { text-decoration: underline; }
449.about-awards-img { max-width: 640px; margin: 28px auto 0; border-radius: var(--radius); overflow: hidden; }
450
451
452/* =============================================
453   FOOTER
454   ============================================= */
455.footer { background: var(--mid);
455 color: var(--white); }
456.footer-main {
457  display: grid;
458  grid-template-columns: 1.4fr 1fr 1fr 1fr;
459  gap: 40px;
460  padding: 60px 0 48px;
461}
462.footer-brand img { height: 32px; margin-bottom: 18px; }
463.footer-brand p { font-size: 0.84rem; color: rgba(255,255,255,0.5); line-height: 1.7; margin-bottom: 20px; max-width: 280px; }
464.footer-social { display: flex; gap: 10px; flex-wrap: wrap; }
465.footer-social a {
466  width: 34px; height: 34px;
467  border-radius: 8px;
468  background: rgba(255,255,255,0.06);
469  border: 1px solid rgba(255,255,255,0.1);
470  display: flex; align-items: center; justify-content: center;
471  color: rgba(255,255,255,0.5);
472  transition: all var(--transition);
473}
474.footer-social a:hover { background: rgba(234,69,23,0.15); border-color: rgba(234,69,23,0.3); color: var(--red); }
475.footer-social svg { width: 15px; height: 15px; fill: currentColor; }
476.footer-col h4 {
477  font-family: var(--font-head);
478  font-size: 0.78rem;
479  font-weight: 700;
480  text-transform: uppercase;
481  letter-spacing: 0.1em;
482  margin-bottom: 18px;
483  color: rgba(255,255,255,0.45);
484}
485.footer-links { display: flex; flex-direction: column; gap: 9px; }
486.footer-links a { font-size: 0.85rem; color: rgba(255,255,255,0.55); transition: color var(--transition); }
487.footer-links a:hover { color: var(--red); }
488.footer-contact { display: flex; flex-direction: column; gap: 12px; }
489.fc-item { display: flex; align-items: flex-start; gap: 10px; font-size: 0.84rem; }
490.fc-icon { color: var(--red); flex-shrink: 0; margin-top: 2px; font-size: 0.9rem; }
491.fc-text { color: rgba(255,255,255,0.55); }
492.fc-text a:hover { color: var(--white); }
493.footer-bottom {
494  border-top: 1px solid rgba(255,255,255,0.08);
495  padding: 18px 0;
496  display: flex;
497  justify-content: space-between;
498  align-items: center;
499  flex-wrap: wrap;
500  gap: 10px;
501  font-size: 0.82rem;
502  color: rgba(255,255,255,0.4);
503}
504.footer-bottom a { color: var(--red); }
505
506/* Back to top */
507.back-to-top {
508  position: fixed;
509  bottom: 28px; right: 24px;
510  width: 42px; height: 42px;
511  background: var(--red);
512  color: var(--white);
513  border-radius: 50%;
514  display: flex; align-items: center; justify-content: center;
515  font-size: 1.2rem;
516  box-shadow: 0 4px 16px rgba(234,69,23,0.4);
517  opacity: 0;
518  pointer-events: none;
519  transition: opacity var(--transition), transform var(--transition);
520  z-index: 500;
521  text-decoration: none;
522}
523.back-to-top.visible { opacity: 1; pointer-events: auto; }
524.back-to-top:hover { transform: translateY(-3px); }
525
526/* =============================================
527   ANIMATIONS
528   ============================================= */
529@keyframes blink { 0%,100% { opacity:1; } 50% { opacity:0.4; } }
530.reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; }
531.reveal.visible { opacity: 1; transform: none; }
532
533/* =============================================
534   RESPONSIVE
535   ============================================= */
536@media (max-width: 960px) {
537  .hero-inner,
538  .grid-2,
539  .why-inner { grid-template-columns: 1fr; gap: 40px; }
540  .hero-img-wrap { max-width: 480px; margin: 0 auto; }
541  .hero-img-card { display: none; }
542  .stats-grid { grid-template-columns: repeat(2,1fr); }
543  .founder-section { grid-template-columns: 1fr; gap: 40px; padding: 64px 24px; }
544  .photo-col { flex-direction: row; align-items: flex-start; gap: 20px; }
545  .photo-wrap { width: 160px; flex-shrink: 0; }
546  .photo-wrap::before { display: none; }
547  .social-icons { justify-content: flex-start; }
548  .footer-main { grid-template-columns: 1fr 1fr; }
549  .footer-brand { grid-column: 1/-1; }
550}
551@media (max-width: 640px) {
552  .section { padding: 56px 0; }
553  .topbar-right,
554  .topbar-social { display: none; }
555  .nav-links, .nav-cta { display: none; }
556  .nav-toggle { display: flex; }
557  .hero { min-height: auto; padding: 50px 0; }
558  .hero-stats { gap: 16px; }
559  .stats-grid { grid-template-columns: repeat(2,1fr); gap: 20px; }
560  .countries-served { padding: 24px 16px; }
561  .footer-main { grid-template-columns: 1fr; }
562  .photo-col { flex-direction: column; align-items: center; }
563  .photo-wrap { width: 200px; }
564}
565
566/* =============================================
567   SERVICES GRID - FINAL OVERRIDE
568   ============================================= */
569.services-grid{
570  display:grid !important;
571  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
572  gap:20px !important;
573  width:100% !important;
574  max-width:1200px !important;
575  margin:0 auto !important;
576  text-align:left !important;
577}
578.service-card{
579  box-sizing:border-box !important;
580  display:flex !important;
581  flex-direction:column !important;
582  width:100% !important;
583  min-width:0 !important;
584  min-height:225px !important;
585  padding:24px !important;
586  margin:0 !important;
587  background:rgba(255,255,255,.035) !important;
588  border:1px solid rgba(255,255,255,.10) !important;
589  border-radius:16px !important;
590  overflow:hidden !important;
591  transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease !important;
592}
593.service-card:hover,
594.service-card:focus-within{
595  transform:translateY(-5px) !important;
596  border-color:var(--red) !important;
597  background:rgba(234,69,23,.07) !important;
598  box-shadow:0 12px 34px rgba(0,0,0,.28) !important;
599}
600.service-icon{
601  width:48px !important;
602  height:48px !important;
603  min-width:48px !important;
604  min-height:48px !important;
605  max-width:48px !important;
606  max-height:48px !important;
607  box-sizing:border-box !important;
608  display:flex !important;
609  align-items:center !important;
610  justify-content:center !important;
611  margin:0 0 17px 0 !important;
612  padding:0 !important;
613  border-radius:12px !important;
614  background:rgba(234,69,23,.10) !important;
615  border:1px solid rgba(234,69,23,.22) !important;
616  color:var(--red) !important;
617  overflow:hidden !important;
618}
619.service-icon svg{
620  display:block !important;
621  width:25px !important;
622  height:25px !important;
623  max-width:25px !important;
624  max-height:25px !important;
625  flex:none !important;
626  margin:0 !important;
627  padding:0 !important;
628  stroke:currentColor !important;
629  fill:none !important;
630  stroke-width:1.8 !important;
631  stroke-linecap:round !important;
632  stroke-linejoin:round !important;
633}
634.service-card:hover .service-icon,
635.service-card:focus-within .service-icon{
636  background:var(--red) !important;
637  color:var(--white) !important;
638}
639.service-card h3{
640  margin:0 0 8px 0 !important;
641  font-family:var(--font-head) !important;
642  font-size:1.08rem !important;
643  line-height:1.35 !important;
644}
645.service-card h3 a{
646  color:var(--white) !important;
647  text-decoration:none !important;
648}
649.service-card h3 a:hover,
650.service-card h3 a:focus{color:var(--red) !important;}
651.service-card p{
652  margin:0 !important;
653  color:rgba(255,255,255,.58) !important;
654  font-size:.90rem !important;
655  line-height:1.7 !important;
656}
657.service-link{
658  display:inline-block !important;
659  margin-top:auto !important;
660  padding-top:16px !important;
661  color:var(--red) !important;
662  font-size:.78rem !important;
663  font-weight:700 !important;
664  letter-spacing:.04em !important;
665  text-transform:uppercase !important;
666  text-decoration:none !important;
667}
668.service-link:hover,
669.service-link:focus{color:var(--white) !important;}
670.services-intro{
671  max-width:860px !important;
672  margin:0 auto 42px !important;
673  color:rgba(255,255,255,.68) !important;
674  line-height:1.85 !important;
675}
676@media (max-width:960px){
677  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
678}
679@media (max-width:640px){
680  .services-grid{
681    grid-template-columns:1fr !important;
682    gap:16px !important;
683    padding:0 2px !important;
684  }
685  .service-card{
686    min-height:0 !important;
687    padding:20px !important;
688  }
689}
690
691</style>
692</head>
693
694<body>
695
696<!-- ================================================
697     TOP BAR
698     ================================================ -->
699<div class="topbar">
700  <div class="container topbar-inner">
701    <div class="topbar-left">
702      <span class="avail">Available 24/7</span>
703      <div class="topbar-social">
704        <a href="https://www.facebook.com/AikDesigns" target="_blank" rel="noopener" aria-label="Facebook">
705          <svg viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
706        </a>
707        <a href="https://www.linkedin.com/company/aik-designs/" target="_blank" rel="noopener" aria-label="LinkedIn">
708          <svg viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
709        </a>
710        <a href="https://www.pinterest.com/aikdesigns/" target="_blank" rel="noopener" aria-label="Pinterest">
711          <svg viewBox="0 0 24 24"><path d="M12 0C5.373 0 0 5.373 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 01.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.632-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z"/></svg>
712        </a>
713        <a href="https://x.com/AikDesigns" target="_blank" rel="noopener" aria-label="X/Twitter">
714          <svg viewBox="0 0 24 24"><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"/></svg>
715        </a>
716        <a href="https://www.youtube.com/AikDesigns" target="_blank" rel="noopener" aria-label="YouTube">
717          <svg viewBox="0 0 24 24"><path d="M23.495 6.205a3.007 3.007 0 00-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 00.527 6.205a31.247 31.247 0 00-.522 5.805 31.247 31.247 0 00.522 5.783 3.007 3.007 0 002.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 002.088-2.088 31.247 31.247 0 00.5-5.783 31.247 31.247 0 00-.5-5.805zM9.609 15.601V8.408l6.264 3.602z"/></svg>
718        </a>
719        <a href="https://www.instagram.com/AikDesignsLive/" target="_blank" rel="noopener" aria-label="Instagram">
720          <svg viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg>
721        </a>
722        <a href="https://www.tiktok.com/@aikdesigns" target="_blank" rel="noopener" aria-label="TikTok">
723          <svg viewBox="0 0 24 24">
723<path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/></svg>
724        </a>
725      </div>
726    </div>
727    <div class="topbar-right">
728      <span>📧 <a href="mailto:[email protected]">[email protected]</a></span>
729      <span>📞 <strong><a href="tel:+923003477345">+923003477345</a></strong></span>
730    </div>
731  </div>
732</div>
733
734<!-- ================================================
735     NAVBAR
736     ================================================ -->
737<header id="seocrawler-top-anchor">
738  <nav class="navbar" aria-label="Main navigation">
739    <div class="container">
740      <div class="nav-inner">
741        <a href="https://aikdesigns.com/" class="nav-logo" aria-label="Aik Designs Home">
742          <img src="images/logo.png" alt="Aik Designs Logo" width="212" height="28">
743        </a>
744        <ul class="nav-links" role="list">
745          <li><a href="https://aikdesigns.com/">Home</a></li>
746          <li><a href="https://aikdesigns.com/services.html" class="active">Services</a></li>
747          <li><a href="https://aikdesigns.com/blog/">Blog</a></li>
748          <li><a href="https://aikdesigns.com/contact.html">Contact</a></li>
749        </ul>
750        <a href="https://aikdesigns.com/contact.html" class="btn btn-red nav-cta">Get A Quote</a>
751        <button class="nav-toggle" id="navToggle" aria-label="Toggle menu" aria-expanded="false">
752          <span></span><span></span><span></span>
753        </button>
754      </div>
755    </div>
756    <nav class="mobile-nav" id="mobileNav" aria-label="Mobile navigation">
757      <a href="https://aikdesigns.com/">Home</a>
758      <a href="https://aikdesigns.com/services.html">Services</a>
759      <a href="https://aikdesigns.com/blog/">Blog</a>
760      <a href="https://aikdesigns.com/contact.html">Contact</a>
761      <a href="https://aikdesigns.com/contact.html" class="btn btn-red">Get A Quote</a>
762    </nav>
763  </nav>
764</header>
765
766<!-- ================================================
767     HERO
768     ================================================ -->
769<section class="hero" aria-label="Hero">
770  <div class="hero-bg" aria-hidden="true"></div>
771  <div class="hero-grid" aria-hidden="true"></div>
772  <div class="container">
773    <div class="hero-inner">
774      <div class="hero-content">
775        <div class="hero-badge"><span class="dot" aria-hidden="true"></span>Aik Designs Pakistan's #1 Award-Winning Agency</div>
776        <h1 class="hero-title">Aik Designs <span class="text-red">Services</span> In Karachi, Pakistan</h1>
777        <p class="hero-desc">From web design and SEO to hosting and social media, Aik Designs delivers result-driven digital services built for businesses across Karachi and beyond. With 20+ years of experience and a 92% client retention rate, we help you grow online with strategies that actually work.</p>
778        <div class="hero-actions">
779          <a href="https://aikdesigns.com/contact.html" class="btn btn-red">Get A Free Quote →</a>
780          <a href="tel:+923003477345" class="btn btn-outline-white">Call Us Now</a>        </div>
781        <div class="hero-stats">
782          <div>
783            <div class="stat-num">20<sup>+</sup></div>
784            <div class="stat-label">Years Experience</div></div>
785          <div><div class="stat-num">92<sup>%</sup></div><div class="stat-label">Client Retention</div></div>
786          <div><div class="stat-num">13<sup>+</sup></div><div class="stat-label">Countries Served</div></div>
787          <div><div class="stat-num">100<sup>%</sup></div><div class="stat-label">Satisfaction</div></div>
788        </div>
789      </div>
790      <div class="hero-img-wrap reveal"><img src="images/aik-designs-services-in-karachi-pakistan.jpg" alt="Aik Designs Services In Karachi Pakistan" width="1000" height="1000">
791        <div class="hero-img-card" aria-hidden="true">
792          <span class="card-icon">⭐</span>
793          <div class="card-label"><strong>5-Star Rated</strong><span>Verified on Clutch.co</span></div>
794        </div>
795      </div>
796    </div>
797  </div>
798</section>
799
800<!-- ================================================
801     AWARDS STRIP
802     ================================================ -->
803<div class="awards-strip" aria-label="Awards &amp; Recognition">
804  <div class="container awards-inner">
805    <div class="award-pill"><span class="star">★</span> Top SEO Company — Clutch</div>
806    <div class="award-pill"><span class="star">★</span> Trusted Agency — GoodFirms</div>
807    <div class="award-pill"><span class="star">★</span> Google News Approved</div>
808    <div class="award-pill"><span class="star">★</span> Google Analytics Certified</div>
809    <div class="award-pill"><span class="star">★</span> Multi-Award-Winning Since 2006</div>
810  </div>
811</div>
812
813
814<!-- ================================================ SERVICES ================================================ -->
815<section id="included" class="section" style="background: var(--dark2);" aria-labelledby="included-h">
816  <div class="container text-center reveal">
817    <h2 id="included-h" class="section-heading">Web Design, SEO &amp; Digital Marketing Services</h2>
818    <p class="services-intro"><a href="https://aikdesigns.com/" target="_blank" rel="noopener"><strong>Aik Designs</strong></a> provides professional web design, SEO, digital marketing, hosting, content, graphic design, <strong><a href="https://aikdesigns.com/blog/" target="_blank" rel="noopener">guest posting services</a></strong> and online marketing services for businesses in Karachi, across Pakistan, and international markets. Explore our individual services to find the right solution for your website, brand, and search visibility goals.</p>
819  </div>
820  <div class="container">
821    <div class="services-grid">
822      <article class="service-card">
823        <div class="service-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="13" rx="2"></rect><path d="M8 21h8M12 17v4"></path></svg></div>
824        <h3><a href="https://aikdesigns.com/website-design-services.html">Web Design & Development</a></h3>
825        <p>Custom, responsive websites designed for usability, conversions, mobile performance, and business growth.</p>
826        <a class="service-link" href="https://aikdesigns.com/website-design-services.html">Explore Service →</a>
827      </article>
828      <article class="service-card">
829        <div class="service-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="6.5"></circle><path d="m16 16 4 4"></path></svg></div>
830        <h3><a href="https://aikdesigns.com/seo.html">SEO Services</a></h3>
831        <p>Strategic search engine optimization to improve organic visibility, qualified traffic, and long-term search performance.</p>
832        <a class="service-link" href="https://aikdesigns.com/seo.html">Explore Service →</a>
833      </article>
834      <article class="service-card">
835        <div class="service-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M12 3a9 9 0 0 0 0 18h1.2a2 2 0 0 0 0-4H12a2 2 0 0 1 0-4h2.5A6.5 6.5 0 0 0 12 3Z"></path><circle cx="7.5" cy="10" r=".8"></circle><circle cx="10" cy="7.2" r=".8"></circle><circle cx="14" cy="7.2" r=".8"></circle></svg></div>
836        <h3><a href="https://aikdesigns.com/graphicdesign.html">Graphic Design</a></h3>
837        <p>Professional graphics and visual branding that help businesses create a consistent and memorable identity.</p>
838        <a class="service-link" href="https://aikdesigns.com/graphicdesign.html">Explore Service →</a>
839      </article>
840      <article class="service-card">
841        <div class="service-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><rect x="4" y="4" width="16" height="6" rx="1.5"></rect><rect x="4" y="14" width="16" height="6" rx="1.5"></rect><path d="M8 7h.01M8 17h.01"></path></svg></div>
842        <h3><a href="https://aikdesigns.com/webhosting.html">Web Hosting</a></h3>
843        <p>Reliable web hosting solutions focused on performance, security, uptime, and dependable website delivery.</p>
844        <a class="service-link" href="https://aikdesigns.com/webhosting.html">Explore Service →</a>
845      </article>
846      <article class="service-card">
847        <div class="service-icon" aria-hidden="true"><svg viewBox="0 0 24 24">
847<path d="M4 20h4L19 9a2.1 2.1 0 0 0-3-3L5 18l-1 2Z"></path><path d="m14 7 3 3"></path></svg></div>
848        <h3><a href="https://aikdesigns.com/seo-content-writing.html">SEO Content Writing</a></h3>
849        <p>Search-focused content written around relevant topics and keywords while keeping the experience useful for readers.</p>
850        <a class="service-link" href="https://aikdesigns.com/seo-content-writing.html">Explore Service →</a>
851      </article>
852      <article class="service-card">
853        <div class="service-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="m8 8-4 4 4 4M16 8l4 4-4 4M14 5l-4 14"></path></svg></div>
854        <h3><a href="https://aikdesigns.com/technical-seo.html">Technical SEO</a></h3>
855        <p>Technical optimization for crawlability, indexing, site structure, speed, and other search performance factors.</p>
856        <a class="service-link" href="https://aikdesigns.com/technical-seo.html">Explore Service →</a>
857      </article>
858      <article class="service-card">
859        <div class="service-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M6 3h9l3 3v15H6z"></path><path d="M15 3v4h4M9 12h6M9 16h6"></path></svg></div>
860        <h3><a href="https://aikdesigns.com/on-page-seo.html">On-Page SEO</a></h3>
861        <p>Optimize titles, headings, content, internal links, and page elements to make important pages easier to understand and rank.</p>
862        <a class="service-link" href="https://aikdesigns.com/on-page-seo.html">Explore Service →</a>
863      </article>
864      <article class="service-card">
865        <div class="service-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M10 13a4 4 0 0 1 0-6l2-2a4 4 0 0 1 6 6l-1 1"></path><path d="M14 11a4 4 0 0 1 0 6l-2 2a4 4 0 0 1-6-6l1-1"></path></svg></div>
866        <h3><a href="https://aikdesigns.com/off-page-seo.html">Off-Page SEO</a></h3>
867        <p>Authority-building SEO strategies including relevant link acquisition and brand visibility beyond your website.</p>
868        <a class="service-link" href="https://aikdesigns.com/off-page-seo.html">Explore Service →</a>
869      </article>
870      <article class="service-card">
871        <div class="service-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M4 6l5-2 6 2 5-2v14l-5 2-6-2-5 2z"></path><path d="M9 4v14M15 6v14"></path></svg></div>
872        <h3><a href="https://aikdesigns.com/local-seo-services.html">Local SEO Services</a></h3>
873        <p>Improve local search visibility so customers in Karachi and other target locations can find your business.</p>
874        <a class="service-link" href="https://aikdesigns.com/local-seo-services.html">Explore Service →</a>
875      </article>
876      <article class="service-card">
877        <div class="service-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M5 7h14l-1 13H6L5 7Z"></path><path d="M9 7a3 3 0 0 1 6 0"></path></svg></div>
878        <h3><a href="https://aikdesigns.com/e-commerce-seo.html">E-Commerce SEO</a></h3>
879        <p>Optimize online stores, category pages, and product content to attract search traffic and support more sales.</p>
880        <a class="service-link" href="https://aikdesigns.com/e-commerce-seo.html">Explore Service →</a>
881      </article>
882      <article class="service-card">
883        <div class="service-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><circle cx="6" cy="12" r="2.5"></circle><circle cx="18" cy="6" r="2.5"></circle><circle cx="18" cy="18" r="2.5"></circle><path d="m8.3 10.8 7.4-3.6M8.3 13.2l7.4 3.6"></path></svg></div>
884        <h3><a href="https://aikdesigns.com/link-building-services.html">Link Building Services</a></h3>
885        <p>Build relevant, quality backlinks that support website authority, trust, and stronger organic search visibility.</p>
886        <a class="service-link" href="https://aikdesigns.com/link-building-services.html">Explore Service →</a>
887      </article>
888      <article class="service-card">
889        <div class="service-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M5 3h14v18H5z"></path><path d="M8 7h8M8 11h8M8 15h5"></path></svg></div>
890        <h3><a href="https://aikdesigns.com/guest-post-service.html">Guest Post Service</a></h3>
891        <p><a href="https://aikdesigns.com/blog/" target="_blank" rel="noopener">Publish quality content</a> on relevant websites to support backlink growth, referral traffic, and brand visibility.</p>
892        <a class="service-link" href="https://aikdesigns.com/guest-post-service.html">Explore Service →</a>
893      </article>
894      <article class="service-card">
895        <div class="service-icon" aria-hidden="true"><svg viewBox="0 0 24 24">
895<path d="M12 3 19 6v5c0 4.6-2.8 8.3-7 10-4.2-1.7-7-5.4-7-10V6l7-3Z"></path><path d="m9 12 2 2 4-4"></path></svg></div>
896        <h3><a href="https://aikdesigns.com/google-penalty-recovery.html">Google Penalty Recovery</a></h3>
897        <p>Identify SEO problems, clean up harmful signals, and work toward restoring lost search visibility.</p>
898        <a class="service-link" href="https://aikdesigns.com/google-penalty-recovery.html">Explore Service →</a>
899      </article>
900      <article class="service-card">
901        <div class="service-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><circle cx="18" cy="5" r="2.5"></circle><circle cx="6" cy="12" r="2.5"></circle><circle cx="18" cy="19" r="2.5"></circle><path d="m8.2 10.8 7.6-4.4M8.2 13.2l7.6 4.4"></path></svg></div>
902        <h3><a href="https://aikdesigns.com/social-media-marketing.html">Social Media Marketing</a></h3>
903        <p>Build your social presence, engage target audiences, and promote your brand across major social media platforms.</p>
904        <a class="service-link" href="https://aikdesigns.com/social-media-marketing.html">Explore Service →</a>
905      </article>
906    </div>
907  </div>
908</section>
909
910<!-- ================================================
911     FOOTER
912     ================================================ -->
913<footer class="footer" aria-label="Site footer">
914  <div class="container">
915    <div class="footer-main">
916      <div class="footer-brand">
917        <a href="https://aikdesigns.com/" aria-label="Aik Designs Home">
918          <img src="images/logo.png" alt="Aik Designs Logo" width="212" height="28" loading="lazy">
919        </a>
920        <p>Pakistan's #1 Award-Winning Web Design &amp; SEO company, founded by Ali Irfan Khan in 2006. Trusted by businesses across 13+ countries worldwide.</p>
921        <nav class="footer-social" aria-label="Social links">
922          <a href="https://www.facebook.com/AikDesigns" target="_blank" rel="noopener" aria-label="Facebook"><svg viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg></a>
923          <a href="https://x.com/AikDesigns" target="_blank" rel="noopener" aria-label="X/Twitter"><svg viewBox="0 0 24 24"><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"/></svg></a>
924          <a href="https://www.linkedin.com/company/aik-designs/" target="_blank" rel="noopener" aria-label="LinkedIn"><svg viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></a>
925          <a href="https://www.pinterest.com/aikdesigns/" target="_blank" rel="noopener" aria-label="Pinterest"><svg viewBox="0 0 24 24"><path d="M12 0C5.373 0 0 5.373 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 01.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.632-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z"/></svg></a>
926          <a href="https://www.youtube.com/AikDesigns" target="_blank" rel="noopener" aria-label="YouTube"><svg viewBox="0 0 24 24">
926<path d="M23.495 6.205a3.007 3.007 0 00-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 00.527 6.205a31.247 31.247 0 00-.522 5.805 31.247 31.247 0 00.522 5.783 3.007 3.007 0 002.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 002.088-2.088 31.247 31.247 0 00.5-5.783 31.247 31.247 0 00-.5-5.805zM9.609 15.601V8.408l6.264 3.602z"/></svg></a>
927          <a href="https://www.instagram.com/AikDesignsLive/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg></a>
928          <a href="https://www.tiktok.com/@aikdesigns" target="_blank" rel="noopener" aria-label="TikTok"><svg viewBox="0 0 24 24"><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/></svg></a>
929        </nav>
930      </div>
931      <div class="footer-col">
932        <h4>Services</h4>
933        <nav class="footer-links" aria-label="Services">
934          <a href="https://aikdesigns.com/website-design-services.html">Web Designing</a>
935          <a href="https://aikdesigns.com/seo.html">SEO Services</a>
936          <a href="https://aikdesigns.com/graphicdesign.html">Graphic Design</a>
937          <a href="https://aikdesigns.com/webhosting.html">Web Hosting</a>
938          <a href="https://aikdesigns.com/link-building-services.html">Link Building</a>
939          <a href="https://aikdesigns.com/on-page-seo.html">On Page SEO</a>
940          <a href="https://aikdesigns.com/off-page-seo.html">Off Page SEO</a>
941          <a href="https://aikdesigns.com/technical-seo.html">Technical SEO</a>
942        </nav>
943      </div>
944      <div class="footer-col">
945        <h4>More Services</h4>
946        <nav class="footer-links" aria-label="More services">
947          <a href="https://aikdesigns.com/local-seo-services.html">Local SEO</a>
948          <a href="https://aikdesigns.com/e-commerce-seo.html">E-Commerce SEO</a>
949          <a href="https://aikdesigns.com/seo-content-writing.html">SEO Content Writing</a>
950          <a href="https://aikdesigns.com/social-media-marketing.html">Social Media Marketing</a>
951          <a href="https://aikdesigns.com/google-penalty-recovery.html">Google Penalty Recovery</a>
952          <a href="https://aikdesigns.com/guest-post-service.html">Guest Post Service</a>
953          <a href="https://aikdesigns.com/services.html">All Services</a>
954          <a href="https://aikdesigns.com/sitemap.xml" target="_blank">Sitemap</a>        </nav>
955      </div>
956      <div class="footer-col">
957        <h4>Contact</h4>
958        <address class="footer-contact" style="font-style:normal;">
959          <div class="fc-item"><span class="fc-icon">📞</span><span class="fc-text"><a href="tel:+923003477345">+92 300 3477345</a></span></div>
960          <div class="fc-item"><span class="fc-icon">✉️</span><span class="fc-text"><a href="mailto:[email protected]">[email protected]</a></span></div>
961          <div class="fc-item"><span class="fc-icon">📍</span><span class="fc-text">Karachi, Pakistan</span></div>
962          <div class="fc-item"><span class="fc-icon">⏰</span><span class="fc-text">Available 24/7</span></div>
963        </address>
964        <br>
965        <h4>Quick Links</h4>
966        <nav class="footer-links" aria-label="Quick links">
967          <a href="https://aikdesigns.com/">Home</a>
968          <a href="https://aikdesigns.com/blog/">Blog</a>
969          <a href="https://aikdesigns.com/contact.html">Contact</a>
970          <a href="https://aikdesigns.com/blog/write-for-us/">Write For Us</a>
971        </nav>
972      </div>
973    </div>
974    <div class="footer-bottom">
975      <p>© <a href="https://aikdesigns.com/">Aik Designs</a> | Designed &amp; Developed By <strong>Ali Irfan Khan</strong></p>
976      <p>Pakistan's #1 Web Design &amp; SEO Company In Karachi Since 2006</p>
977    </div>
978  </div>
979</footer>
980
981<!-- Back to Top -->
982<a href="#seocrawler-top-anchor" class="back-to-top" id="backToTop" aria-label="Back to top">↑</a>
983
984<!-- ================================================
985     JAVASCRIPT — PURPOSEFUL ONLY, NO BLOAT
986     ================================================ -->
987<script>
988(function () {
989  'use strict';
990
991  /* ── Mobile nav toggle ── */
992  var toggle = document.getElementById('navToggle');
993  var mobileNav = document.getElementById('mobileNav');
994  if (toggle && mobileNav) {
995    toggle.addEventListener('click', function () {
996      var open = mobileNav.classList.toggle('open');
997      toggle.setAttribute('aria-expanded', open);
998    });
999  }
1000
1001  /* ── FAQ accordion ── */
1002  function toggleFaq(btn) {
1003    var item = btn.closest('.faq-item');
1004    var wasOpen = item.classList.contains('open');
1005    document.querySelectorAll('.faq-item.open').forEach(function (el) {
1006      el.classList.remove('open');
1007      el.querySelector('.faq-question').setAttribute('aria-expanded', 'false');
1008    });
1009    if (!wasOpen) { item.classList.add('open'); btn.setAttribute('aria-expanded', 'true'); }
1010  }
1011  window.toggleFaq = toggleFaq;
1012
1013  /* ── Country tabs ── */
1014  function switchCountry(id, tab) {
1015    document.querySelectorAll('.country-panel').forEach(function (p) { p.classList.remove('active'); });
1016    document.querySelectorAll('.country-tab').forEach(function (t) { t.classList.remove('active'); t.setAttribute('aria-selected', 'false'); });
1017    var panel = document.getElementById('panel-' + id);
1018    if (panel) panel.classList.add('active');
1019    tab.classList.add('active');
1020    tab.setAttribute('aria-selected', 'true');
1021  }
1022  window.switchCountry = switchCountry;
1023
1024  /* ── Scroll reveal ── */
1025  var reveals = document.querySelectorAll('.reveal');
1026  if ('IntersectionObserver' in window) {
1027    var io = new IntersectionObserver(function (entries) {
1028      entries.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('visible'); io.unobserve(e.target); } });
1029    }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });
1030    reveals.forEach(function (el) { io.observe(el); });
1031  } else {
1032    reveals.forEach(function (el) { el.classList.add('visible'); });
1033  }
1034
1035  /* ── Back to top ── */
1036  var btt = document.getElementById('backToTop');
1037  if (btt) {
1038    window.addEventListener('scroll', function () {
1039      btt.classList.toggle('visible', window.scrollY > 400);
1040    }, { passive: true });
1041  }
1042})();
1043</script>
1043
1044
1045</body>
1046</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.