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 & 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&subset=devanagari%2Clatin-ext%2Clatin%2Cvietnamese&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 & 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 & 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 & 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 & Developed By <strong>Ali Irfan Khan</strong></p> 976 <p>Pakistan's #1 Web Design & 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.